/*

	Theme Name: Schoolcms-twentyfour

	Author: Innermedia

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

Description: 

Requires at least: WordPress 4.9.6

Version: 4



*/



	@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');



	body {

		margin: 0;

		padding: 0;

	}



	.container {

		max-width: 1175px;

	}



	html {

		padding: 0;

		margin: 0;

	}



	.wrapper {

		/*max-width: 1560px;*/
		overflow:hidden;
		margin: auto;

	}



	.button, .woocommerce #footer .button {

		font-family: "Lato";

		font-weight: 700;

		display: inline-block;

		background: #6a131b;

		text-align: center;

		color: #fff;

		text-transform: uppercase;

		font-size: 12px;

		letter-spacing: 2px;

		text-decoration: none;

		padding: 17px 47px 19px 47px;

		transition: 300ms;

	}



	.button:hover {

		background: #8e4b52;
		color:#fff;

	}



	.button-yellow {

		font-family: "Lato";

		font-weight: 700;

		display: inline-block;

		background: #8e4b52;

		text-align: center;

		color: #fff;

		text-transform: uppercase;

		font-size: 12px;

		letter-spacing: 2px;

		text-decoration: none;

		padding: 17px 42px 19px 42px;

		transition: 300ms;

	}



	.button-yellow:hover {

		background: #6a131b;

		color: #fff;

	}



	header.mainHeader {

		background: #eee;

		position: relative;

	}



	nav#nav {

		/*max-width: 1560px;*/

		margin: auto;

		position: absolute;

		width: 100%;

		z-index: 110;

	}

	

	.menuopen nav#nav {

		height: 100vh;

	}



	nav#nav .top {

		display: flex;

		/*justify-content:space-between;*/

	}



	.fixedHeader nav#nav {

		position: fixed;

		background: #6a131b;

	}



	.menuopen .fixedHeader nav#nav {

		height: 100%;

	}



	.header-menu {

		display: none;

	}



	.header-menu .sub-menu .sub-menu {

		display: none!important;

	}



	.menuopen .header-menu {

		display: block;

	}



	.header-menu .inner {

		display: flex;

		align-content: space-between;

		max-width: 1140px;

		margin: auto;

	}



	.menu-middle {

		display: flex;

		max-width: 100%;

		width: 60%;

		margin: auto;

		padding-bottom: 100px;

	}



	.menu-end {

		width: 40%;

	}



	.menu-middle>div {

		flex-grow: 1;

		display: flex;

		align-items: center;

	}



	#menu-main {

		margin: 0;

		padding: 0;

		position: relative;

	}



	#menu-main>li {

		list-style: none;

		/*width: 290px;*/

	}



	#menu-main>li>a {

		/*width: 290px;*/

		display: block;

		padding: 9px 0px;

		border-bottom: 2px solid rgba(255, 255, 255, 0.1);

		color: #fff;

		font-size: 30px;

		text-decoration: none;

		position: relative;

		/* text-transform: uppercase; */

		font-family: "Times New Roman";

	}

@media screen and (max-width: 767px) {
	#menu-main>li>a {
		font-size: 26px;
	}	
}


#menu-main>li>a::after {
	display: none;
}
	#menu-main>li.menu-item-has-children>a::after {

		content: "";

		display: block;

		width: 9px;

		height: 100%;

		position: absolute;

		right: 2px;

		background-image: url('images/menu-chevron-white.png');

		top: 0;

		background-position: center;

		background-repeat: no-repeat;

	}


	#menu-main>li:last-child a {

		border: none;

	}



	#menu-main li:hover a {

		color: #cc9196;

	}



	#menu-main li:hover a::after {

		background-image: url('images/menu-chevron-white.png');

	}



	#menu-main .sub-menu {

		display: none;

		height: 100%;

		position: absolute;

		/*left: 290px;*/

		top: 0;

		padding: 17px 0 0 50px;

	}



	#menu-main .sub-menu li {

		/*width: 290px;*/

		list-style: none;

	}



	#menu-main .sub-menu li a {

		display: block;

		padding: 8px 20px;

		color: #fff;

		position: relative;

		font-family: "Lato";

		font-weight: 700;

		text-transform: none;

		font-size: 14px;

		letter-spacing: 2px;

		text-decoration: none;

		transition: 300ms;

	}



	#menu-main .sub-menu li a:hover {

		color:#8e4b52;

	}



	#menu-main li:hover .sub-menu {

		display: block;

	}



	#menu-callout {

		margin-top: 18px;

		margin-left: 4px;

		display: block;

		color: #6a131b;

		text-decoration: none;

	}



	#menu-callout .image {

		height: 380px;

		background-size: cover;

		background-position: center;

	}



	#menu-callout .text {

		padding: 27px 30px 37px 30px;

		background: #fff;

		font-size: 30px;

		position: relative;

		font-family: "Times New Roman";

		text-align: center;

		color: #6a131b;

	}

	#menu-callout:hover .text {

		background: #6a131b;

		color: #fff;

	}



	.menuopen nav#nav {

		background: rgba(106, 19, 27, 0.97);

		overflow-y: scroll;
	}



	#nav .left {

		width: 200px;

		padding: 43px 0 0 72px;

	}



	#nav .right {

		flex-grow: 1;

		padding: 25px 34px 0 0;

		text-align: right;

	}



	.fixedHeader #nav .left {

		padding-top: 7px;

		padding-bottom: 8px;

		padding-left: 110px;

	}



	.menu-box {

		margin-left: 15px;

		font-family: "Lato";

		font-weight: 700;

		display: inline-block;

		background: #6a131b;

		text-align: center;

		color: #fff;

		text-transform: uppercase;

		font-size: 12px;

		letter-spacing: 2px;

		text-decoration: none;

		padding: 16px 25px 18px 25px;

		transition: 300ms;

		position: relative;

	}



	#search-form, #search-form-mob {

		display: none;

		position: absolute;

		top: 110%;

		background: #6a131b;

		width: 20%;

		right: 50px;

		padding: 12px;

	}

	#search-form-mob {			

		top: 70px;		

		width: 300px;

		right: 0px;		

	}	



	#search-form form, #search-form-mob form {

		display: flex;

	}



	input#s {

		width: 100%;

		border: none;

		font-size: 14px;

		padding: 10px;

		font-family: "Times New Roman";

	}



	#searchSubmit {

		min-width: 40px;

		border: none;

		background: #8e4b52;

		color: #fff;

	}



	.menuopen .menu-box {

		background: none;

		border: 1px solid #fff;

	}



	.menu-box .inner {

		display: flex;

	}



	#menu-toggle {

		display: flex;

		align-items: center;

		padding-right: 29px;

		margin-right: 15px;

		border-right: 1px solid rgba(255, 255, 255, 1);

		cursor: pointer;

	}

	@media only screen and (min-width : 1275px) {
		#menu-toggle {

			display: none;

		}
	}

	#search-toggle, #search-toggle-mob {

		display: flex;

		align-items: center;

		cursor: pointer;

	}



	#search-toggle span, #search-toggle-mob span {

		margin-right: 8px;

		display: block;

		background-image: url('images/search-icon.png');

		background-position: center;

		background-repeat: no-repeat;

		width: 16px;

		height: 16px;

	}



	.menu-box .burger {

		margin-left: 8px;

		display: block;

		background-image: url('images/burger-white.png');

		background-position: center;

		background-repeat: no-repeat;

		width: 17px;

		height: 13px;

	}



	.menuopen .menu-box .burger {

		background-image: url('images/close-white.png');

	}



	#nav .header-logo {

		display: block;

		/*background-image: url('images/sticky-logo.png');*/

		background-image: url('images/icon-new.png');

		background-size: contain;

		transition: 300ms;

		background-repeat: no-repeat;

		width: 62px;

		height: 69px;

	}



	.fixedHeader #nav .header-logo {

		background-image: url('images/sticky-logo.png');

		height: 92px;

		width: 70px;

		background-repeat: no-repeat;

	}



	.menuopen #nav .header-logo {

		background-image: url('images/school-logo.png');

		transition: 300ms;

		background-repeat: no-repeat;

		width: 145px;

		height: 170px;

	}



	#school-header-carousel {

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

	}

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

	body:not(.home) #school-header-carousel {
		top: 130px;
	}
	
}	
	

	body.home #school-header-carousel {

		height: 875px;

	}



	#school-header-carousel .shadow-white {

		background-image: url('images/header-gradient.png');

		background-repeat: no-repeat;

		background-position: top left;

		height: 100%;

		left: 0;

		top: 0;

		width: 100%;

		position: absolute;

	}
	@media screen and (max-width: 767px) {
	#school-header-carousel .shadow-white {
		background: none;
	}
}

	@keyframes changescale {
		from {
			transform: scale(1.3);
		}

		to {
			transform: scale(1);
		}
	}
	.carousel-inner,

	.carousel-item {

		height: 100%;

		background-repeat: no-repeat;

		background-size: cover;

		background-position: top center;
	
	}
	#school-header-carousel .carousel-item .bannerImage {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:top center;
		
	}
	
	#school-header-carousel .carousel-item.cycle-slide-active .bannerImage{		
		 animation-duration: 6s;
		animation-name: changescale;
		animation-iteration-count: 1;
		animation-direction: alternate;
	}
	.mouse-down {

		position: absolute;

		margin-top: -105px;

		width: 100%;

		text-align: center;
		z-index:105;

	}



	.mouse-down div {

		font-family: "Lato";

		font-weight: 700;

		position: relative;

		text-transform: uppercase;

		font-size: 12px;

		line-height: 25px;

		letter-spacing: 2px;

		color: #fff;

		text-decoration: none;

		text-align: center;

		margin-bottom: 20px;

		text-shadow: 0 0 20px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1);

	}



	.mouse-down span {

		background-image: url('images/mouse.png');

		display: block;

		width: 23px;

		height: 52px;

		margin: auto;

	}



	#school-header-carousel .content {

		display: flex;

		align-items: center;

		justify-content: center;

		height: 100%;

		position: absolute;

		width: 100%;

		top: 0;

		left: 0;

	}



	#school-header-carousel .content::before {

		content: "";

		width: 100%;

		height: 100%;

		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);

		position: absolute;

		left: 0;

		top: 0;

	}



	#school-header-carousel .content .title {

		margin-top: 80px;

		color: #fff;

		font-family: "Times New Roman";

		font-size: 80px;

		font-style: italic;

		position: relative;

		margin-bottom: 0;
		
		opacity:0;

		transition:opacity 500ms;

		text-align: center;

	}



	#school-header-carousel .content .subtitle {

		margin-top: -10px;

		font-family: "Lato";

		font-weight: 700;

		position: relative;

		text-transform: uppercase;

		font-size: 12px;

		line-height: 25px;

		letter-spacing: 2px;

		color: #fff;

		text-decoration: none;

		text-align: center;

		opacity:0;

		transition:opacity 500ms;

		transition-delay:700ms;

	}

	#school-header-carousel .content.show .title {

		opacity:1;

	}

	#school-header-carousel .content.show .subtitle{

		opacity:1;	

	}

	section {

		position: relative;

	}

	#join-our .inner {

		background: #f7f3f4;

	}

	#join-our .inner .white-bar {

		position: absolute;

		left: 0;

		width: 100%;

		background: #fff;

		height: 240px;

	}

.poi-col {

	margin-bottom: 20px;

}

	.poi-top {

		max-width: 1165px;

		width: 100%;

		margin: auto;

		position: relative;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.poi-top>div {

		flex-shrink: 0;

		width: 33.33%;

		padding: 75px 15px;



	}



	.poi-top>div>a {

		height: 480px;

		width: 100%;

		background: #000;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		text-decoration: none;

		position: relative;

		background-size: cover;

		background-repeat: no-repeat;

	}

	.poi-top>div>a {
		
	}

	.poi-top>div>a .image {

		transition: 300ms all;

	}

	.poi-top .red > a {
		background:#6a131b
	}
	.poi-top .yellow > a {
		background:#8e4b52
	}

	.poi-top>div>a .image {

		opacity:0.5;

	}
	.poi-top>div>a:hover .image {
		opacity:0;
	}


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

		.poi-top {

			display: block;

		}



		.poi-top>div {

			width: 100%;

			margin: 0;

			padding: 0;

		}

	}



	#join-our .subtext {

		font-family: "Lato";

		font-weight: 700;

		position: relative;

		text-transform: uppercase;

		font-size: 12px;

		letter-spacing: 2px;

		color: #fff;

		margin-bottom: 0px;

		text-decoration: none;

	}


	#join-our .subtext.age {
		margin-top:10px;
	}
	#join-our .text {

		font-family: "Times New Roman";

		font-style: italic;

		position: relative;

		font-size: 50px;

		color: #fff;

		text-decoration: none;

	}

	#join-our .text span{
		display:block;
		font-size:30px;
	}

	#join-our .overlay,

	#join-our .image {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		background-size: cover;

		background-repeat: no-repeat;

	}



	/*

	#join-our .image {

		filter: grayscale(1);	

	}



	#join-our .yellow .overlay {

		opacity: 0.5;

		background: #8e4b52;



	}



	#join-our .red .overlay {

		opacity: 0.5;

		background: #560f1a;

	}

	*/



	#welcome .inner {

		max-width: 1200px;

		position: relative;

		left: -35px;

		width: 100%;

		margin: auto;

		padding: 115px 0px 120px 0;

		display: flex;

		align-items: flex-start;

		justify-content: flex-start;

	}



	#welcome .inner .left {

		position: relative;

		right: -70px;

		background: #f7f3f4;

		max-width: 690px;

		width: 50%;

		flex-grow: 1;

		padding: 65px;

	}



	#welcome .inner .right .video {

		width: 550px;

		height: 410px;

		position: relative;

		top: -56px;

	}



	#welcome .inner .right .video video {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	#welcome .title {

		font-size: 50px;

		line-height: 59px;

		color: #6a131b;

		margin-bottom: 22px;

		font-family: "Times New Roman";

	}



	#welcome .left>.text {

		color: #6d6e71;

		font-family: "Lato";

		max-width: 85%;

		font-size: 14px;

		line-height: 25px;

	}



	#welcome .left>.text p {

		margin-bottom: 25px;

	}



	#welcome .buttons {

		position: relative;

		top: -2px;

	}



	#welcome .welcome-callouts {

		position: relative;

		top: -14px;

		right: -8px;

		display: flex;

		justify-content: flex-end;

		justify-items: end;

		max-width: 460px;

		width: 100%;

		margin-left: auto;

	}



	#welcome .welcome-callouts a {

		width: 33.33%;

		text-align: center;

		text-decoration: none;

		transition: 300ms;

	}



	#welcome .welcome-callouts a:hover {

		opacity: 0.5;

	}



	#welcome .welcome-callouts .icon {

		margin: auto;

		height: 70px;

		width: 90px;

		background-repeat: no-repeat;

		background-position: center bottom;

	}



	#welcome .welcome-callouts .text {

		margin-top: 17px;

		font-size: 12px;

		letter-spacing: 2px;

		text-transform: uppercase;

		text-align: center;

		font-family: "Lato";

		color: #505050;

	}



	#tiles {

		display: flex;

		height: 870px;

		color: #fff;

	}



	#tiles .left {

		width: 70%;

		height: 100%;

		display: flex;

		flex-direction: column;

	}



	#tiles .right {

		width: 30%;

		display: flex;

		align-items: center;

		justify-content: center;

		flex-direction: column;

	}



	#tiles .left-top {

		display: flex;

		align-items: center;

		justify-content: center;

		height: 510px;

	}



	#tiles .left-bottom {

		display: flex;

		align-items: center;

		justify-content: center;

		flex-grow: 1;

	}



	#tiles .left-top-left {

		width: 70%;

		display: flex;

		flex-direction: column;

		align-self: stretch;

		padding-bottom: 10px;

	}



	#tiles .left-top-right {

		width: 30%;

		display: flex;

		flex-direction: column;

		align-self: stretch;

		padding: 0 10px 10px 10px;

	}



	#tiles .tile-1 {

		height: 510px;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

	}



	#tiles .tile-2 {

		height: 305px;

		flex-shrink: 1;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		margin-bottom: 10px;

	}



	#tiles .tile-3 {

		flex-shrink: 0;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		width: 570px;

		margin-right: 10px;

		height: 100%;

	}



	#tiles .tile-4 {

		flex-grow: 1;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		margin-right: 10px;

		height: 100%;

	}



	#tiles .tile-5 {

		flex-shrink: 0;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		width: 100%;

		margin-bottom: 10px;

		height: 610px;

	}



	#tiles .tile-6 {

		flex-grow: 1;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

		width: 100%;

	}



	#tiles .tile-7 {

		background: #6a131b;

		flex-grow: 1;

		display: flex;

		align-items: center;

		justify-content: center;

		text-align: center;

	}

	#tiles .tile-7 a:before {
		display:none;
	}

	#tiles a {

		position: relative;

		color: #fff;

		text-decoration: none;

		transition: 300ms;

		background-repeat: no-repeat;

		background-size: cover;

		background-position: center;

	}



	



	#tiles a:before {

		content: "";

		width: 100%;

		height: 100%;

		/*background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);*/

		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);

		position: absolute;

		left: 0;

		top: 0;
		transition:background 400ms;
	}
	#tiles a > * {
		position:relative;
		z-index:2;
	}
	#tiles a:after {
		content: "";
		display:block;

		width: 100%;

		height: 100%;
		background:#6a131b;
		position: absolute;

		left: 0;

		top: 0;
		transition:opacity 400ms;
		opacity:0;
		z-index:1;
	}
	#tiles .tile-7  a:after {
		display:none;
	}
/*

	#tiles a:hover:before {

		background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 90%)

	}
	#tiles a:hover {

		color: #560f1a;

		text-decoration: none;

	}
*/
	#tiles a:hover {

		text-decoration: none;

	}
	#tiles a:hover:after {

		opacity:1;

	}
	#tiles .subtitle {

		position: relative;

		font-family: "Lato";

		font-weight: 700;

		font-size: 12px;

		letter-spacing: 2px;

		margin-bottom: 5px;

		text-decoration: none;

	}



	#tiles .title {

		position: relative;

		font-family: "Times New Roman";

		font-style: italic;

		font-size: 36px;

	}



	#tiles .tile-7 .button {

		border: 2px solid #fff;

	}



	#tiles .tile-7 a:hover {

		border: 2px solid #8e4b52;

	}



	#quote {

		padding: 155px 50px 110px 50px;

	}



	#quote .inner {

		max-width: 1000px;

		margin: auto;

		text-align: center;

		font-size: 30px;

		line-height: 45px;

		font-family: "Times New Roman";

		font-style: italic;

		color: #6a131b;

	}


	#quote .inner .quoteSlide {
		width:100%;
	}
	#quote .inner .cycle-pager {
		width:100%;
	}
	#quote .inner .cycle-pager span{
		display:inline-block;
		margin:0 2px;
		opacity:0.4;
		cursor:pointer;
	}
	#quote .inner .cycle-pager span.cycle-pager-active{
		opacity:1;
	}
	#rotating-banner {

		background: #6a131b;

	}



	#rotating-banner .inner {

		min-height: 880px;

		padding: 200px 0 170px 0;

		max-width: 1165px;

		margin: auto;

	}



	#rotating-banner .owl-nav {

		text-align: center;

		margin-top: 70px;

		position: absolute;

		width: 100%;

	}



	#rotating-banner .owl-prev {

		padding: 20px 60px;

		border-right: 1px solid rgba(255, 255, 255, 0.5);

	}



	#rotating-banner .owl-prev span {

		background-image: url('images/slide-left.png');

		height: 50px;

		width: 80px;

		display: block;

		background-position: center left;

		background-repeat: no-repeat;

	}



	#rotating-banner .owl-next {

		padding: 20px 60px;

	}



	#rotating-banner .owl-next span {

		background-image: url('images/slide-right.png');

		height: 50px;

		width: 80px;

		display: block;

		background-position: center right;

		background-repeat: no-repeat;

	}



	.slide-item {

		height: 500px;
		display: flex;

		align-items: center;

		opacity: 0.3;

	}

	@media (min-width:768px){
		.slide-item {
			width:768px;			
		}
	}
	
	.slide-item > a {

		flex-grow: 1;

	}



	.center .slide-item {

		opacity: 1;

	}



	.slide-image {

		background-position: center;

		background-size: cover;

		width: 100%;

		height: 320px;

		max-height: 320px;

		transition:300ms;
		
	}



	.center .slide-image {

		height: 380px;

		max-height: 380px;

	}



	.slide-item a {

		text-decoration: none;

	}



	.slide-name {

		padding: 12px 30px 22px 30px;

		

		font-size: 25px;

		position: relative;

		font-family: "Times New Roman";

		text-align: center;

		transition:300ms;

	}

	
	.active .slide-name {

		padding: 30px 30px 40px 30px;

		font-size: 30px;

	}
	.home-rotator a {
		background: #fff;
		color: #6a131b;
		transition:300ms;
	}
	.home-rotator .active a:hover {
		color: #fff;
		background:#6a131b;
	}
	.home-rotator .active a:hover .slide-image{
		opacity:0.75;
	}




	#poi-2 .inner,

	#footer-pois .inner {

		background: #f7f3f4;

		padding-bottom: 60px;

	}



	/*#footer-pois .poi-cards>div>a>div.image {

		height: auto;

	}*/

	

	#footer-pois .poi-cards>div>a>div.image img {

		width: 100%;

	}



	#poi-2 .inner {

		padding-bottom: 110px;

	}



	#poi-2 .inner .white-bar,

	#footer-pois .inner .white-bar {

		position: absolute;

		left: 0;

		width: 100%;

		background: #fff;

		height: 360px;

	}



	#footer-pois .section-title {

		font-size: 48px;

		color: #6a131b;

		font-family: "Times New Roman";

		text-align: center;

		margin-top: 70px;

		margin-bottom: -10px;

	}



	.poi-cards {

		max-width: 1165px;

		width: 100%;

		margin: auto;

		position: relative;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.poi-cards>div {

		flex-shrink: 0;

		width: 33.33%;

		padding: 75px 15px;

	}



	.poi-cards>div>a {

		box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);

		background: #fff;

		width: 100%;

		text-align: center;

		text-decoration: none;

		position: relative;

		display: block;

		transition: 300ms;

		color: #6a131b;

		transition:300ms;

	}



	.poi-cards>div>a:hover {

		background: #6a131b;

		color: #fff;

	}



	.poi-cards div.image {

		height: 390px;

		background-repeat: no-repeat;

		background-size: cover;

		background-position: center;

		background-color: #f7f3f4;

		margin-top: 20px;

		transition:300ms;

	}
	.poi-cards a:hover div.image {
		opacity:0.5;
	}
	.poi-cards div.image::before {
		content: "";
		position: absolute;
		top: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		box-shadow: 0px 0 5px rgb(0 0 0 / 10%);
		z-index: 100;
	  }

	.poi-cards div.title {

		padding: 30px 30px 40px 30px;

		font-size: 30px;

		position: relative;

		font-family: "Times New Roman";

	}



	#social-media .social-media {

		display: flex;

		width: 100%;

	}



	.social-media .twitter-card,

	.social-media .facebook-card {

		background: #6a131b;

		color: #fff;

		flex-grow: 1;

		display: flex;

		align-items: center;

		position: relative;

		width: 35%;

	}



	.social-media .insta-card {

		flex-shrink: 0;

		width: 360px;

		min-height: 370px;

		height: 100%;

		color: #fff;

		position: relative;

	}



	.social-media .twitter-icon,

	.social-media .facebook-icon,

	.social-media .insta-icon {

		position: absolute;

		right: 25px;

		top: 25px;

		font-size: 20px;

	}



	.social-media .twitter-card>div,

	.social-media .facebook-card>div {

		padding: 0 70px;

	}



	.social-media .handle {

		font-size: 32px;

		margin-bottom: 12px;

		font-family: "Times New Roman";

	}



	.social-media .text {

		max-width: 95%;

		font-family: "Lato";

		font-size: 14px;

		line-height: 23px;

		margin-bottom: 20px;

	}

	#ctf p.ctf-tweet-text a {
		color: #fff!important;
	}
	#ctf p.ctf-tweet-text .emoji {
		display: none!important;
	}

	#ctf .ctf-author-name a {
		color: #fff !important;
	}

	#cff .cff-item {
		border-bottom: none!important;
	}

	#cff .cff-media-link {
		display: none;
	}

	#cff .cff-author-text a, #cff .cff-author-text p {
		color: #fff !important;
	}


	footer#footer {

		background: #6a131b;

		color: #fff;

		/*padding: 50px 50px 12px 50px;		*/
		padding: 0;

	}


	footer .bottom {

		background-color: #6a131b;

		margin: auto;

		display: flex;

		justify-content: space-between;

		align-items: center;

		font-size: 12px;

		font-family: "Lato";

		line-height: 25px;

		padding: 20px 80px;			

	}

	footer .bottom .bottomText, footer .bottom a {

		opacity: 0.6;
		
	}




	footer div.address-line,

	footer div.telephone-line {

		font-size: 14px;

		font-family: "Lato";

		font-weight: 700;

		line-height: 25px;

	}



	footer div.telephone-line {

		margin-top: 25px;

	}



	footer .address-block,

	footer .link-block {

		margin-top: 15px;

	}



	footer .inner .button-block {

		text-align: right;

		margin-top: 25px;

	}



	footer .inner .button-block .button {

		padding: 15px 50px;

	}



	#footer-menu {

		padding: 0;

		margin: 0;

		display: block;

		list-style: none;

	}



	footer .button {

		background: #6a131b;		

		margin-bottom: 20px!important;

		min-width: 200px;
		
		padding: 16px 27px 16px 27px!important;

	}

	footer .button2 {

		background: none;		

		margin-right: 20px;				

		border: 2px solid #fff

	}


	footer a.button:hover {

		opacity: 1;		

		color: #fff!important;

	}

	footer a.button2:hover {			

		background: #6a131b;

		text-decoration: none!important;

	}


	#footer-menu a {

		color: #fff;

		font-size: 14px;

		font-family: "Lato";

		font-weight: 700;

		line-height: 25px;

		text-decoration: none;

	}



	#footer-menu-2 {

		padding: 0;

		margin: 0;

		display: inline;

		list-style: none;

	}



	#footer-menu-2 li {

		display: inline-block;

	}



	#footer-menu-2 li a,

	footer .bottom a {

		padding: 0 10px;

		color: #fff;

		text-decoration: none;

		opacity: 0.6;

		font-size: 12px;

	}



	#footer-menu-2 li a:hover,

	footer .bottom a:hover {

		opacity: 0.5;

	}



	footer .social-media-footer {

		margin-top: 20px;

		margin-right: 0;

		text-align: right;

	}



	footer .social-media-footer a {

		font-size: 17px;

		display: inline-block;

		margin: 0 3px;

	}



	footer .footer-logo {

		background-image: url('images/icon-new.png');

		background-repeat: no-repeat;		
		
		background-size: contain;

		width: 65px;

		height: 100px;

	}



section#subject-tiles {

	margin-top: 40px;

	margin-bottom: 0px;

	position: relative;

	padding: 0;

	overflow: visible;

}



section#subject-tiles .overlay-hint {

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

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



section#subject-tiles .row {

	margin-left: -15px;

	margin-right: -15px;

}



section#subject-tiles .row>div {

	padding: 15px;

	overflow: hidden;

}



section#subject-tiles .tile {

	position: relative;

	height: 100%;

	background-size: cover;

	background-position: center;

	transition: 300ms all;

	overflow: hidden;

}



section#subject-tiles .tile .tile-bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: 300ms all;

	background-repeat: no-repeat;

	background-size: cover;

}



section#subject-tiles .tile:hover .tile-bg {

	transform: scale(1.05);

}



section#subject-tiles .tile .cover {

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



section#subject-tiles .tile .cover .title {

	line-height: 32px;

	font-size: 30px;

	color: #ffffff;

	font-family: "Times New Roman";

	text-align: center;

	margin-bottom: 40px;

}



section#subject-tiles .tile .cover .button-wrap {

	text-align: center;

	margin-top: 100px;

}



section#subject-tiles.inner {

	padding: 55px 50px 25px 50px;

}



section#subject-tiles.inner img {

	max-height: 375px;

}



section#subject-tiles .tile-bg {

	background-size: cover;

	background-position: center;

}



section#subject-tiles .tile {

	cursor: pointer;

}



section#subject-tiles .subject-block {

	background: #f7f3f4;

	color: #6e6e71;

	margin: 60px auto;

	width: 100%;

	max-width: 970px;

	position: relative;

	overflow: initial !important;

	display: none;

	padding: 80px 70px!important;

}



section#subject-tiles .subject-block .title {

	margin-bottom: 20px;

}



section#subject-tiles .subject-open {

	background-color:#6a131b;

	background-image: url("images/subject-opener.png");

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 50%;

	height: 58px;

	width: 58px;

	margin: auto;

}



section#subject-tiles .subject-tile.active .subject-open,

section#subject-tiles .subject-close {

	background-color: #6a131b;

	background-image: url("images/subject-closer.png");

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 50%;

	height: 58px;

	width: 58px;

	margin: auto;

	opacity: 0.65;

}



.subject-block * {

	opacity: 0;

	transition: 1000ms;

}



.subject-block.open * {

	opacity: 1;

}



section#subject-tiles .button-wrap .toggle-subject:hover {

	opacity: 0.75;

}



section#subject-tiles .inner {

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

}



section#subject-tiles .inner .left {

	width: 55%;

	padding-right: 50px;

	flex-grow: 0;

	font-size: 14px;

}



section#subject-tiles .subject-block .subject-close {

	top: -20px;

	right: -20px;

	position: absolute;

}

#subject-tiles .photo {

	margin-top: 90px;

}



.breadcrumbs {

	border-bottom: 2px solid #e6e6e6;

	color: #6a131b;

	padding: 28px 0 27px 0;

	font-family: "Lato";

	font-weight: 500;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

	text-decoration: none;

	position: relative;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.breadcrumbs .share {

	display: flex;

	align-items: center;

}



.share-icon {

	background-image: url('images/share.png');

	width: 20px;

	height: 20px;

	display: block;

}

.share-icon .addtoany_share {

	font-size: 0px;

}




.breadcrumbs span {

	margin: 0 5px;

	color: #6a131b;

}
@media screen and (max-width: 767px) {
.breadcrumbs span:first-child {
	margin: 0 5px 0 0;
}
}


.breadcrumbs a {

	text-decoration: none;

}



.breadcrumbs a span {

	color: #6a131b;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: "Times New Roman";

	color: #6a131b;

}



h1 {

	font-size: 50px;

	margin: 20px 0;

}



h2 {

	font-size: 30px;

	margin: 30px 0 10px 0;

}



h3 {

	font-size: 26px;

	margin: 30px 0 10px 0;

}



h4 {

	font-size: 25px;

	margin: 20px 0;

}



h5 {

	font-size: 25px;

	margin: 20px 0;

}



h6 {

	font-size: 20px;

	margin: 20px 0;

}


.body-container {

	color: #6d6e71;

	font-family: "Lato";

	font-size: 16px;

	line-height: 25px;

}



.body-container a:not(.solid-blue-btn):not(.document-link) {

	color: #6a131b;

}



.body-container a:not(.solid-blue-btn):not(.document-link):hover {

	color: #6a131b;

}



.body-container .bodyContent {

	padding-top: 35px;

	padding-bottom: 35px;

}



.body-container .bodyContent img {

	max-width: 100%;

	height: auto;

}



.bodyContent ul {

	list-style: none;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 25px;

}



.bodyContent ul li::before {

	content: "\2022";

	color: #8e4b52;

	font-weight: bold;

	display: inline-block;

	width: 20px;

	height: 20px;

	margin-left: -1em;

	margin-top: -2px;

	font-size: 20px;

	line-height: 16px;

	vertical-align: middle;

}



.bodyContent ul li {

	line-height: 30px;

}



.dynamic-carousel .owl-prev {

	position: absolute;

	top: 38%;

	width: 30px;

	height: 30px;

	left: -12px;

	border: 50px;

	padding: 0px 0px 0 0;

	background: #fff;

	border-radius: 50%;

	text-align: center;

}



.dynamic-carousel .owl-next {

	position: absolute;

	top: 38%;

	width: 30px;

	height: 30px;

	right: -12px;

	border: 50px;

	padding: 0px 0px 0 0;

	background: #fff;

	border-radius: 50%;

	text-align: center;

}

.dynamic-carousel .owl-carousel.owl-drag .owl-item .image {
    margin-bottom: 15px;
    display: block;
}

.dynamic-carousel .owl-dots span {

	width:10px;

	height:10px;

	display:inline-block;

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

	border-radius:50%;

}
.dynamic-carousel .owl-carousel .owl-dots .active span {
    background: #8e4b52;
}
.dynamic-carousel .owl-dots {

	padding-left:10px;

	padding-right:10px;

	text-align:center;

}
.dynamic-carousel .owl-dots .owl-dot {

	display:inline-block;

	margin:0 2px;

	opacity:0.8;

}

.dynamic-carousel .owl-dots .owl-dot.active {

	opacity:1;

}
.dynamic-carousel .owl-nav {

	position:relative;

}

.dynamic-carousel .owl-nav .owl-prev{

	position:absolute;

	left:0;

	bottom:0;

}

.dynamic-carousel .owl-nav .owl-next{

	position:absolute;

	right:0;

	bottom:0

}




#cta {

	margin-top: 150px;

}



.cta {

	min-height: 630px;

	background-size: cover;

	display: flex;

	justify-content: center;

	align-items: center;

	background-repeat: no-repeat;

	background-position: center;

}



.cta .title {

	color: #fff;

}



.quotes-logo {

	background: #fff;

	width: 140px;

	height: 100px;

	background-image: url(images/logo-grey.png);

	background-repeat: no-repeat;

	background-position: center;

	position: absolute;

	left: 50%;

	margin-left: -70px;

	margin-top: -50px;

	z-index: 9;

}





.side-menu-container {

	padding: 85px 0 70px 0;

	background: #f7f3f4;

	margin: 81px auto 25px auto;

}
@media screen and (max-width: 767px) {

.side-menu-container {

	display: none;

}

}


.side-menu-container ul {

	padding: 0;

	margin: 0;

}



.side-menu-container li {

	list-style: none;

	position: relative;

}



.side-menu-container .arrow {

	width: 75px;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

}



.side-menu-container .open>.sub-menu {

	display: block;

}



.side-menu-container li a {

	text-decoration: none;

	padding: 13px 40px;

	display: block;

	position: relative;

	color: #6a131b;

	font-family: "Lato";

	font-size: 12px;

	line-height: 25px;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-weight: 500;

}



#menu-side .sub-menu li:not(.current-menu-parent) a:hover, #menu-side li li.current-menu-item.menu-item-has-children .sub-menu a:hover {

	text-decoration: none;

	background: #6a131b;

	color: #fff;

}

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

	background: #6a131b;

	color: #fff;

}	

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

	background: #8e4b52;
	color: #fff;
	text-transform: none;

}

#menu-side li li li.current-menu-item > a:before {

    content: "\2022";

    color: #fff;

    font-weight: bold;

    display: inline-block;

    width: 15px;

    height: 12px;

    margin-left: 0px;

    font-size: 12px;

    line-height: 10px;

    vertical-align: middle;
	
}

#menu-side li li.current-menu-item.menu-item-has-children > a {

	background: #6a131b;
	color:#fff;

}
#menu-side li li.current-menu-item.menu-item-has-children .sub-menu a {

	background: none;
	color: #6a131b;

}
#menu-side .sub-menu .current-menu-parent {

	background: #6a131b!important;

}



#menu-side .sub-menu .current-menu-parent > a {

	color: #fff!important;

}



#menu-side > li .menu-item-has-children::after {

	content: "";

	display: block;

	background-image: url('images/arrow-down2.png');

	position: absolute;

	right: 0px;

	margin-right: 45px;

	top: 23px;

	width: 17px;

	height: 9px;

}



.side-menu-container .sub-menu .sub-menu {

	/*background: #ffc000;*/

	display: none;

}

#menu-side .current-page-parent.open > .sub-menu {

	display:block;

}



/*.side-menu-container .sub-menu .current-menu-parent .sub-menu,*/

.side-menu-container .sub-menu .menu-item-has-children.open>.sub-menu,

.side-menu-container .sub-menu .current-menu-item>.sub-menu {

	display: block;

}

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

	display:block;
}

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

	display:none;
}


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

	display:block;

}
/*---*/

#notice.popupAlert {

	text-align: center;

	padding: 20px 20px;

}



.popupAlert .logo {

	text-align: center;

	margin: auto;

}



.popupAlert .logo img {

	margin: auto;

}



.popupAlert .noticeButton {

	margin-top: 10px;

}



#notice {

	width: 970px;

	border: 10px solid #fff;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



#notice .overlay {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #6a131b;

	opacity: 0.9;

}



#notice img {

	margin: 0px auto 20px auto;

	width: 80px;

	height: auto;

}



#notice .noticeBody {

	position: relative;

	color: #fff;

	font-size: 16px;

	text-align: center;

}



#notice .noticeBody p {

	margin-bottom: 1em;

}



.noticeButton .button {

	background: none;

	border: 2px solid #fff;

	outline: none;

}



.noticeBody .button:hover {

	background: #8e4b52;

	color: #6a131b;

	border: 2px solid #8e4b52;

}



.fancybox-button svg {

	opacity: 0;

}



.popTitle.entry-title {

	font-size: 30px;

	font-family: "Times New Roman";

	text-align: center;

	margin-bottom: 15px;

	color: #fff;

}



.fancybox-close-small:after {

	content: "×";

	position: absolute;

	top: 30px;

	right: 25px;

	width: 30px;

	height: 30px;

	font: 40px/30px Arial, Helvetica Neue, Helvetica, sans-serif;

	color: #8e4b52;

	font-weight: 300;

	text-align: center;

	border-radius: 50%;

	border-width: 0;

	background: none;

	transition: background .25s;

	box-sizing: border-box;

	z-index: 2;

}



.fancybox-close-small:hover:after {

	background: none;

}



.fancybox-close-small {

	outline: none;

	border: none;

}

@media(min-width:768px) and (min-height:568px){
	#notice.popupAlert {
		padding: 20px 30px 30px;
	}
	#notice .noticeBody {
		font-size:17px;	
	}
	.popTitle.entry-title {
		font-size: 48px;
	}
	.popupAlert .noticeButton {
		margin-top: 30px;
	}	
	#notice img {
  	 	margin: -10px auto 30px auto;
  	  width: 100px;
	}
}
@media(min-width:992px) and (min-height:768px){
	
	#notice.popupAlert {
		padding: 50px 100px 100px 100px;
	}
	#notice .noticeBody p {
		margin-bottom: 35px;
	}
	
}


/** COMPONENTS **/



.dynamicContent {

	margin-bottom: 10px;

	overflow: visible;

}



.callout {

	background: #6a131b;

	color: #fff;

}



.callout h3 {

	font-size: 30px;

	margin-bottom: 20px;

	color: #fff !important;

	font-family: "Times New Roman";

}



.callout.hasbg {

	color: #fff;

}



.callout.hasbg img {

	width: 100%;

}



.calloutContent {

	padding: 80px 30px 100px 30px;

	text-align: center;

	font-family: "Lato";

	font-size: 14px;

	line-height: 25px;

}



.calloutBtn {

	margin-top: 15px;

}



.callout a {

	color: #fff !important;

	display: inline-block;

	margin-top: 40px;

	min-width: 220px;

}



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

    FAQS

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



.faq-question {

	display: inline-block;

	padding: 18px 30px;

	color: #fff;

	position: relative;

	text-decoration: none;

	width: 100%;

	background: #6a131b;

	margin-bottom: 0px;

	margin-top: 15px;

	cursor: pointer;

	font-family: "Lato";

	font-weight: 700;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

}

.faq.open .faq-question, .faq-question:hover {
	
	background: #8e4b52;

}

.faq-question::after {

	content: "";

	background-image: url(images/chevron-right-white.png);

	width: 17px;

	height: 23px;

	display: block;

	position: absolute;

	right: 21px;

	background-repeat: no-repeat;

	top: 16px;

	line-height: 100%;

	transition: 300ms;

}



.faq.open .faq-question::after {

	transform: rotate(90deg);

}



.faq-answer {

	display: none;

	background: #fff;

	border: 3px solid #f5f4f2;

	border-top: 0px;

	padding: 30px;

}

@media screen and (max-width: 767px) {
.faq-answer {
	padding: 30px 10px;
}

.bodyContent table td {    
    padding: 5px 5px !important;
    font-size: 13px;
}
}



/* WordPress Gallery 

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



.gallery {

	margin-left: -0.5em;

	margin-right: -0.5em;

	margin-top: 30px;

	margin-bottom: 30px;

}



.gallery.gallery-size-thumbnail .gallery-icon {

	max-width: 150px;

	margin: auto;

}



.sidebar-left .gallery {

	margin-top: 30px;

	margin-bottom: 30px;

}



.gallery:after {

	display: table;

	content: "";

	clear: both;

}



.gallery-item {

	margin: 0;

	float: left;

	padding: 0.5em;

}



.gallery-item img {

	width: 100%;

	height: auto;

	transition: all 0.3s;

	filter: brightness(0.5);

}





.gallery-item:hover img {

	transform: scale(1.1);

	filter: brightness(1);

}



.gallery-icon {

	overflow: hidden;

}



.wpmf-gallery-item img {

	filter: brightness(0.5);

}



.wpmf-gallery-item:hover img {

	filter: brightness(1);

}



.wpmf-gallery-icon {

	margin: 10px;

}



.dynamic-gallery .carousel-control-next,

.dynamic-gallery .carousel-control-prev,

.dynamic-video .carousel-control-next,

.dynamic-video .carousel-control-prev {

	align-items: flex-end;

	width: 20px;

	bottom: -15px;

}



.dynamic-gallery .carousel-right,

.dynamic-video .carousel-right {

	background-image: url('images/purple-arrow-right.png')

}



.dynamic-gallery .carousel-left,

.dynamic-video .carousel-left {

	background-image: url('images/purple-arrow-left.png')

}



.dynamic-gallery .carousel-indicators,

.dynamic-video .carousel-indicators {

	margin-bottom: 0px;

}



.dynamic-gallery .carousel-indicators li,

.dynamic-video .carousel-indicators li {

	display: block;

	width: 31px;

	height: 3px;

	margin-right: 1px;

	margin-left: 1px;

	background-color: #c7c7c7;

	opacity: 0.5;

}



.dynamic-gallery .carousel-indicators li.active,

.dynamic-video .carousel-indicators li.active {

	opacity: 1;

}



.gallery-columns-1 .gallery-item {

	width: 100%;

	float: none;

}



.gallery-columns-2 .gallery-item {

	width: 50%

}



.gallery-columns-3 .gallery-item {

	width: 33.3333%

}



.gallery-columns-4 .gallery-item {

	width: 25%

}



.gallery-columns-5 .gallery-item {

	width: 20%

}



.gallery-columns-6 .gallery-item {

	width: 16.6667%

}



.gallery-columns-7 .gallery-item {

	width: 14.2857%

}



.gallery-columns-8 .gallery-item {

	width: 12.5%

}



.gallery-columns-9 .gallery-item {

	width: 11.1111%

}



.gallery-columns-2 .gallery-item:nth-child(2n+1),

.gallery-columns-3 .gallery-item:nth-child(3n+1),

.gallery-columns-4 .gallery-item:nth-child(4n+1),

.gallery-columns-5 .gallery-item:nth-child(5n+1),

.gallery-columns-6 .gallery-item:nth-child(6n+1),

.gallery-columns-7 .gallery-item:nth-child(7n+1),

.gallery-columns-8 .gallery-item:nth-child(8n+1),

.gallery-columns-9 .gallery-item:nth-child(9n+1) {

	clear: left;

}





.dividera {

	border: 1px solid #747475;

	height: 1px;

	margin: 25px 0;

	width: 40px;

	margin: 35px auto;

}



.dividerb {

	border: 1px solid #747475;

	height: 1px;

	margin: 25px 0;

	width: 40px;

	margin: 35px auto;

}













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

    QUOTE

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

#quotes {

	/*box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);*/

	box-shadow: 0 20px 35px rgb(0 0 0 / 7%);

}



.quotes-outer {

	margin-top: 80px;

}



.singleQuote {

	padding: 50px 15px;

	text-align: center;

	width: 100%;

}



.singleQuote img {

	width: 18px !important;

	height: 20px !important;

	margin-bottom: 40px !important;

}



.quote-text {

	padding: 50px 0;

	text-align: center;

	font-size: 30px;

	line-height: 45px;

	font-family: "Times New Roman";

	font-style: italic;

	color: #6a131b;

	max-width: 80%;

	margin: auto;

}



.sidebar .quote-text {

	font-size: 20px;

	line-height: 30px;

}



.quote-cite {

	margin-top: 30px;

	text-transform: uppercase;

	font-size: 14px;

	color: #6a131b;

	font-family: "Lato";

	font-weight: 700;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

	font-style: normal;

}



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

    STAFF

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



.staff {

	margin-bottom: 30px;

	margin-top: 30px;

	margin-left: 15px;

	margin-right: 15px;



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

		margin: 30px 25px;

	}

}



.staff:after {

	content: '';

	display: table;

	clear: both;

}



.featured-staff-member {

	overflow: hidden;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #ccc;

}



.featured-staff-image {

	width: 30%;

	float: left;

}



.featured-staff-image img {

	width: 100%;

	height: auto;

}



.featured-staff-text {

	margin-left: 33%;

}



.featured-staff-text.noimg {

	margin-left: 0;

}



.featured-staff-metas {

	overflow: hidden;

}



.featured-meta-label {

	display: inline-block;

	width: 120px;

	font-weight: 300;

}



.featured-meta-value {

	display: inline-block;

	clear: right;

}



.featured-staff-name {

	font-size: 24px;

	margin-bottom: 10px;

}



.featured-staff-biog, .staff-biog {

	margin-top: 15px;

}



.standard-staff-member {

	overflow: hidden;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #ccc;

}



.standard-staff-name {

	font-size: 20px;

	margin-bottom: 10px;

}



.standard-staff-image {

	width: 200px;

	float: left;

}



.standard-staff-image img {

	width: 100%;

	height: auto;

}



.standard-staff-text {

	margin-left: 20px;

}



.standard-staff-text.noimg {

	margin-left: 0;

}



.standard-staff-metas {

	overflow: hidden;

}



.standard-meta-label {

	font-weight: 300;

}



.standard-meta-value a.email-value {

	font-size: 0;

	color: transparent;

	display: block;

}



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

	content: "send";

	font-size: 12px;

	padding: 5px 10px;

	color: #000;

	display: block;

	text-align: center;

	background-color: #eee;

	border-radius: 5px;

	text-transform: uppercase;

	pointer-events: none;

}



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

	color: #fff;

}



.staffClickbox {

	display: block;

	margin: 0 auto 30px;

}



.staffClickbox a {



	display: block;

	position: relative;

	overflow: hidden;

}



.clickbox-staff-image {

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 100%;

	background-image: url(images/placeholder.jpg);

}



.clickbox-staff-image img {

	display: none;

}



.clickbox-staff-text {

	position: absolute;

	bottom: 0;

	padding: 10px 5px;

	background-color: rgba(37, 68, 98, 0.8);

	color: #fff;

	left: 0;

	right: 0;

	text-align: center;

	transition: 300ms;

}



.staffClickbox a:hover .clickbox-staff-text {

	background-color: rgba(255, 255, 255, 1);

}



.clickbox-staff-text .position {

	font-size: 0.75em;

}



@media (min-width:768px) {

	.staffClickbox {

		width: 30%;

		margin-right: 3.333333%;

		float: left;

		margin-bottom: 3.333333%;

		position: relative;

	}

}



@media (min-width : 1200px) {



	.sidebar-left .staff {

		margin-top: 30px;

		margin-bottom: 30px;

	}



	.sidebar-left .featured-staff-image {

		width: 50%;

		float: right;

		margin: 5px 0 10px 20px;

	}



	.sidebar-left .featured-staff-text {

		margin-left: 0;

		font-size: 17px;

	}



	.sidebar-left .featured-staff-name {

		font-size: 20px;

	}



	.sidebar-left .standard-staff-member .col-sm-4 {

		width: 100%;

		font-size: 16px;

	}



	.sidebar-left .standard-staff-member .standard-meta-label {

		display: none;

	}





}









.row.noclear:after {

	clear: none;

}



.image-item {

	margin-top: 40px;

	margin-bottom: 40px;

	position: relative;

}





.sidebar-left .image-item {

	margin-top: 30px;

	margin-bottom: 30px;

}



.image-item img {

	width: 100%;

	height: auto;

}



.image-item .image-desc {

	width: 100%;

	font-size: 18px;

	font-weight: 500;

	padding: 10px 25px;

	color: #fff;

}






.contactFieldBlock .wpcf7 {

	width: 100%;

	border: 1px solid #ccc;

	background-color: #fbfbfb;

	padding: 30px;

	margin-top: 30px;

	margin-bottom: 30px;

	clear: both;

	text-align: center;

}



.sidebar-left .contactFieldBlock .wpcf7 {

	margin-top: 30px;

	margin-bottom: 30px;

}



.contactFieldBlock .wpcf7 label {

	vertical-align: top;



}



@media (min-width:992px) {

	.child-name label {

		float: left;

		width: 33%;

		padding-right: 10px;

		padding-bottom: 10px;

	}

}



.sidebar-left .contactFieldBlock .wpcf7 label {

	width: 100%;

	float: none;

}



.contactFieldBlock .wpcf7 br {

	position: relative;

	content: " ";

	margin-top: 15px;

	display: block;

	font-size: 0;

}



.contactFieldBlock .wpcf7 input[type="text"],

.contactFieldBlock .wpcf7 input[type="email"],

.contactFieldBlock .wpcf7 input[type="password"],

.contactFieldBlock .wpcf7 input[type="tel"],

.contactFieldBlock .wpcf7 input[type=""],

.contactFieldBlock .wpcf7 input[type=""],

.contactFieldBlock .wpcf7 textarea,

.contactFieldBlock .wpcf7 select {

	width: 100%;

	padding: 5px;

	resize: none;

}



.contactFieldBlock .wpcf7-form-control-wrap {

	display: block;

}



.sidebar-left .contactFieldBlock .wpcf7-form-control-wrap {

	margin-left: 0px;

}



.contactFieldBlock .wpcf7 span.contactFieldBlock .wpcf7-list-item {

	display: block;

}



.sidebar-left span.contactFieldBlock .wpcf7-list-item {

	display: block;

	margin-left: 0px;

}





.contactFieldBlock .wpcf7 .ajax-loader {

	float: left;

}



.callout {

	position: relative;

	margin-top: 25px;

	margin-bottom: 25px;

	display: block;

	background-color: beige;

}





.callout .co-Body {

	font-size: 14px;

	color: #747475;

	font-weight: 500;

	text-transform: uppercase;

	text-align: center;

	max-width: 800px;

	margin: 0 auto 30px auto;

}



.callout.hasbg .calloutTitle h3 {

	color: #fff;

}







.pois {

	margin-top: 25px;

}



.poi-style-1 {

	height: 480px;

	width: 100%;

	background: #000;
	background: #6a131b;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	text-decoration: none;

	position: relative;

	background-size: cover;

	background-repeat: no-repeat;

}



.poi-style-1 .subtext {

	font-family: "Lato";

	font-weight: 700;

	position: relative;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

	color: #fff;

	margin-bottom: 25px;

	text-decoration: none;

}



.poi-style-1 .text {

	font-family: "Times New Roman";

	font-style: italic;

	position: relative;

	font-size: 50px;

	line-height: 50px;

	color: #fff;

	text-decoration: none;

}



.poi-style-1 .overlay,

.poi-style-1 .image {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	transition: 300ms all;
	
}



.poi-style-1:hover .image {

	opacity:0;

}



.poi-style-2 {

	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);

	background: #fff;

	width: 100%;

	text-align: center;

	text-decoration: none;

	position: relative;

	display: block;

	transition: 300ms;

	color: #6a131b;

}



.poi-style-2 .subtext {

	display: none;

}



.poi-style-2 .text {

	padding: 30px 30px 40px 30px;

	font-size: 30px;

	position: relative;

	font-family: "Times New Roman";

}



.poi-style-2 .image {

	height: 390px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	background-color: #f7f3f4;

}



.poi-style-2:hover {

	background: #6a131b;

	color: #fff;

}



.poi-style-2:hover .text {

	color: #fff;

}



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

    DOCUMENTS

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



a.document-link {

	display: inline-block;

	padding: 13px 30px;

	text-transform: uppercase;

	text-transform: uppercase;

	color: #fff;

	position: relative;

	text-decoration: none;

	width: 100%;

	background: #6a131b;

	margin-bottom: 10px;



	font-family: "Lato";

	font-weight: 700;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

}



a.document-link:hover {

	text-decoration: none !important;

	opacity: 0.8;

}



a.document-link:after {

	content: "";

	display: block;

	width: 26px;

	height: 21px;

	background-image: url('images/download-white.png');

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	position: absolute;

	right: 25px;

	top: 14px;

	transition: all 300ms;

}



a.document-link.thumbnail-preview {

	padding: 0;

	overflow: hidden;

	max-width: 250px;

}



a.document-link.thumbnail-preview img {

	width: 100%;

}



a.document-link.thumbnail-preview .doc-link-text {

	padding: 10px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	color: #fff;

	background: rgba(90, 90, 90, 0.7);

	line-height: 1.2;

	opacity: 0;

	transition: 300ms ease-in-out;

}



a.document-link.thumbnail-preview:hover .doc-link-text {

	opacity: 1;

}




@keyframes fade-in {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



@keyframes fade-in-left {



	from {



		opacity: 0;



		margin-left: -100px

	}







	to {



		opacity: 1;



		margin: 0;



	}



}







@keyframes fade-in-right {



	from {



		opacity: 0;



		transform: translate(200px, 0);



	}







	to {



		opacity: 1;



		transform: translate(0, 0);



	}



}



.fade-in-element {

	animation: fade-in 1.4s;

}



.fade-in-left {



	animation: fade-in-left 1.4s;



}



.fade-in-right {



	animation: fade-in-right 1.4s;



}



.animate {

	opacity: 0;

}





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

		#nav .left {

			width: 130px;
		
			padding: 25px 0 0 40px;
		
		}
		
		#menu-main {
		
			width: 100%;
		
		}

		#menu-main .sub-menu {

			position: relative;
			
			top: 0;
			
			left: 0;
			
			padding: 20px 0;
			
		}						
			
		#nav .header-logo {
			
			width: 90px;
			
		}

		.menu-box {

			margin-top: 10px;
		
		}
				
		#nav .button-yellow {
		
			display: none;
		
		}

		.fixedHeader .menu-box {

			margin-top:0px;
		
		}

		.header-menu .inner {

			display: block;
		
		}
				
		.menu-end {
		
			display: none;
		
		}

		.menu-middle {

			display: block;
		
		}
		
		.menuopen #nav .header-logo {
		
			width: 90px;
		
		}
		
		#menu-main>li,
		
		#menu-main>li>a {
		
			width: 100%;
		
			position: relative;
		
		}
				
		#menu-main .arrow {
		
			position: absolute;
		
			right: 0;
		
			top: 0px;
		
			width: 50px;
		
			height: 100%;
		
		}

		.fixedHeader #nav .left {

			padding-left: 25px;
	
			width: 100px;
	
		}
		

	}




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


		section#subject-tiles .subject-block .subject-close {

			right: 20px;

		}

		section#subject-tiles .inner {

			display: block;

		}

		#school-header-carousel {

			height: 300px;

			overflow:hidden;

		}

		section#subject-tiles .inner .left {

			width: 100%;

			padding: 0;

		}

		body.home #school-header-carousel {

			height: 650px;

		}

		.mouse-down {

			margin-top: -129px;

		}

		#school-header-carousel .content .title {

			font-size: 50px;

			margin: 0 40px 50px 40px;

			text-align: center;

			line-height: 50px;

		}

		#welcome .inner {

			display: block;

			left: 0;

			padding: 50px 0 50px 0;

			width: 100%;

		}

		#welcome .inner .left,

		#welcome .inner .right {

			width: 100%;

			right: 0;

			max-width: 100%;

		}

		#welcome .inner .left {
	
			padding: 40px 20px 40px 40px;
	
		}		

		#welcome .inner .right .video {

			top: auto;

			width: 100%;

			height: auto;

		}

		#welcome .welcome-callouts {

			top: 0;

			right: 0;

			justify-content: center;

			justify-items: center;

			max-width: 100%;

			margin: 50px 0;

		}

		#tiles {

			display: block;

			height: auto;

		}

		#tiles .left,

		#tiles .right,

		#tiles .left-top,

		#tiles .left-top-left,

		#tiles .left-top-right,

		#tiles .left-bottom {

			width: 100%;

			display: block;

			height: auto;

			margin: 0;

			padding: 0;

		}

		.tile-1, .tile-2, .tile-3, .tile-4, .tile-5, .tile-6, .tile-7 {

			width: 100%!important;

			height: 510px!important;

			margin: 0!important;

		}

		.poi-cards {

			display: block;

		}

		.poi-cards>div {

			/*width: 60%;*/
			width: 100%;

			margin: auto;

		}

		.social-media {

			display: block!important;

		}

		.social-media .insta-card {

			width: 100%;

			background-size: cover;

		}

		.social-media .twitter-card,

		.social-media .facebook-card {

			min-height: 200px;

		}

		footer .inner .top,

		footer .bottom {

			display: block!important;

			text-align: center;

		}

		footer .bottom > div {

			margin-bottom: 15px;

		}

		footer .footer-logo {

			background-position: top center;

		}

		footer .inner .top>div {

			width: 100%;

			text-align: center;

		}

		#rotating-banner .inner {

			min-height: auto;

			padding: 20px 0 170px 0;

		}



	}

	/* tables */

	.bodyContent table {
		border-style: hidden;
	}
	
	.bodyContent table td {
		border: 1px solid #cfcfcf;
		padding: 5px 10px !important;
	}



	.no-sub-nav {
		margin-top:80px;
	}

	div.wpforms-container ul li:before {
		content: '';
		font-size: 0;
		width: 0px!important;
		height: 0px!important;
		background: #ffffff!important;
	}

	div.wpforms-container-full .wpforms-form p {
		margin-bottom: 30px!important;
	}

	div.wpforms-container-full .wpforms-form .wpforms-field-label {
		word-break: keep-all;
	}

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

Blog sidebar

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

#blognav ul {

	list-style:none;

}

.sidebarSec {	

    padding:20px 15px 50px;

	margin:80px auto 40px;

	background: #f7f3f4;

}

.sidebarSec ul{

	padding:0;

	margin:0;

	list-style:none;

	margin-bottom:10px;

}

.sidebarSec ul li{

	padding:10px 10px;

}

.sidebarSec a{

	color: #6a131b;

	text-decoration: none;

}

.its{

	font-family: "Times New Roman";

	margin:20px 0 20px;

	padding:0 10px;

	color: #6a131b;    

    font-weight: 400;

	font-size:2em;

}


div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
	display: block;
    width: 85%;
    background-color: #ddd;
    height: 18px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 5px 0 0 10px;
}

/* transitions */

.in-left {
    position: relative;
    opacity: 0;
    transform: translateX(-100px);
    transition: transform 800ms;
}

.in-right {
    position: relative;
    opacity: 0;
	transform: translateX(100px);
    transition: transform 800ms;
}

.in-down {
    position: relative;
    opacity: 0;
    transform: translateY(-100px);
    transition: transform 800ms;
}

.in-up {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    transition: transform 800ms;
}

.in-fade {
    position: relative;
    opacity: 0;
    transition: opacity 800ms;
}

.in-delay {
    transition-delay: 500ms;
}

.in-view {
    position: relative;
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
}

div#footer > div.top > div, div#footer > div.bottom > div, div#footer-pois > div.tile, div#poi-2 > div.tile, div#join-our > div.tile, div#welcome > div.video, div#social-media > div.tile, div#tiles > div.tile {
    transition: opacity 300ms;
    opacity: 1
}

@media screen and (max-width: 767px) {
.social-media .twitter-card, .social-media .facebook-card {
	width: 100%;
}

.social-media .twitter-card>div,.social-media .facebook-card>div {

	padding: 20px;

}
.social-media .text {
	max-width: 75%;
}
#quote .inner {
    font-size: 22px;
    line-height: 32px;
}
}


/* new footer */

footer {
    position: relative;
}

footer .lines-wrap {
    text-align: center;
    top: -50px;
    position: absolute;
    width: 100%;
    left: 0;
}

footer .lines-wrap .lines {
    width: 1px;
    margin: auto;
}

footer .lines-wrap .lines .line-a {
    margin: auto;
    position: absolute;
    width: 1px;
    background: rgba(0, 0, 0, 0.5);
    height: 50px;
}

footer .lines-wrap .lines .line-b {
    margin: auto;
    position: absolute;
    width: 1px;
    background: #ffffff;
    height: 30px;
    top: 50px;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

footer .footer-image {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer #footer-top {
    background-color: #8e4b52;
    background-image: url("images/map.png");
    background-size: cover;
    background-position: center;
    padding: 70px 125px 0px 125px;
    color: #ffffff;
    position: relative;
}
#footer-top .ifmap {
	position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:none;
	z-index:5;
}
#footer-top .ifmap .close{
	margin-left: 8px;
    display: block;
	background-color:#6a131b;
    background-image: url(images/close-white.png);
    background-position: center;
    background-repeat: no-repeat;
	width: 40px;
    height: 40px;
	position:absolute;
	right:10px;
	top:10px;
    z-index: 5;
}
#footer-top .ifmap iframe {
	position:absolute;top:0;left:0;width:100%;height:100%;border:0;
}
div#footer-top > div.row > div {
    transition: opacity 300ms;
    opacity: 1
}

body.mapview div#footer-top > div.row > div {
    pointer-events: none;
    opacity: 0;
}

footer #footer-top a {
    color: #ffffff;
}
footer #footer-top .im-hivis a {
	text-decoration:none;
}
footer #footer-top a:hover {
    text-decoration: underline;
}

footer #footer-top .title {
    font-size: 30px;    
    color: #ffffff;
    margin-bottom: 25px;
    letter-spacing: 1px;
	font-family: "Times New Roman";
	font-weight: 300;
}

footer #footer-top .address {
    position: relative;
    padding-left: 40px;
    font-size: 15px;
	line-height: 28px;
}

footer #footer-top .address:before {
    display: block;
    content: "";
    background-image: url("images/pointer-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 5px;
    top: 10px;
}

footer #footer-top .contact {
    margin-bottom: 25px;
    margin-top: 35px;
    font-size: 15px;	
}

footer #footer-top .contact a {
	text-decoration: none;
}	

footer #footer-top .contact .telephone {
    position: relative;
	padding-left:40px;
}

footer #footer-top .contact .telephone:before {
    display: block;
    content: "";
    background-image: url("images/phone-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 19px;
    position: absolute;
    left: 5px;
    top: 5px;
}

footer #footer-top .contact .email {
    position: relative;
	padding-left:30px;
}

footer #footer-top .contact .email:before {
    display: block;
    content: "";
    background-image: url("images/icon-envelope.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 10px;
}

footer #footer-top nav#footer-menu-nav {
    margin-top: 60px;
}

footer #footer-top nav#footer-menu-nav ul {
    padding: 0 0 0 70px;
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

footer #footer-top nav#footer-menu-nav ul li {
    list-style: none;
}

footer #footer-top nav#footer-menu-nav ul li a {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    text-decoration: none;
}

footer #footer-top nav#footer-menu-nav ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

footer #footer-top .footer-images {
    margin-top: 35px;
    margin-bottom: 45px;
}

footer #footer-top .footer-images a {
    margin: 0 80px 0 0;
    display: inline-block;
}

footer #footer-top .footer-images a:last-child {
    margin-right: 0;
}

footer #footer-top .footer-images a img {
    vertical-align: bottom;
}

footer #footer-top .map-button-col .button-wrap {
    margin: auto;
    position: relative;
    bottom: 50px;
}

footer #footer-top .map-button-col .button-wrap .map-marker {
    background-image: url("images/map-marker.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 69px;
    height: 103px;
    margin: 0 auto 45px;
}

footer #footer-top .map-button-col .button-wrap .map-marker:after {
    margin: auto;
    position: relative;
    top: 115px;
    left: 0px;
    display: block;
    content: " ";
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
    height: 25px;
}

.footer-sub-menu {
	margin-top: 40px;
}



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

footer #footer-top {
	padding: 40px 20px;
	text-align: center;
}

footer #footer-top .address {
	display: inline-block;
	padding-left: 40px;
	font-size: 16px;
}

footer #footer-top .contact {
	padding-left: 0px;
	font-size: 16px;
}

footer #footer-top .contact .telephone {
	display: inline-block;
}

footer #footer-top .contact .email {
	display: inline-block;
}

footer #footer-top nav#footer-menu-nav ul {
	border: none;
}

footer #footer-top .map-button-col .button-wrap {
	bottom: 0;
}

footer .bottom {
	text-align: center;
	line-height: 30px;
	padding: 0;
}

footer .bottom .bottomText {
	text-align: center !important;
}

footer #footer-top nav#footer-menu-nav ul {
	padding: 0 0 0 0px;
}
}

@media only screen and (max-width : 767px) {
	footer #footer-top .map-button-col .button-wrap .map-marker {
		background-image: url("images/map-marker-mobile.png");
		width: 40px;
		height: 60px;
		margin: 0 auto 45px;
	}
	footer #footer-top .map-button-col .button-wrap .map-marker:after {				
		top: 72px;
	}		
    footer #footer-top nav#footer-menu-nav {
        margin-top: 20px;
    }
	footer #footer-top nav#footer-menu-nav ul li a {
        font-size: 16px;
        line-height: 25px;
    }
	.map-button-col {
		margin-top: 40px;
	}
	.footer-logo {
		margin: auto;
	}
	footer .social-media-footer {
		text-align: center;
	}
}	

.fa-facebook-f:before {
    content: "\f39e" !important;
}

/* new menu */

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

.headGroup .menu-main-container {    
    position: relative;
    z-index: 9;
}

header {
	position: relative;
}

.headGroup {    
    background: #fff;
    transition: 300ms;
    padding-top: 3px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    z-index: 220;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
}

.headGroup a {
    color: #fff;
}

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

.headLogoWrap {
    padding-left: 5px;
    padding-right: 0;
    text-align: left;    
}

.headGroup .row {
    margin-left: 0px;
    margin-right: 0;
}

.headerTop {
	display: flex;
    align-items: center;
	justify-content: center;
}

.headerIcon {
	width: 62px;
	margin-right: auto;
}

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

#menu-main>li {
	list-style: none;     
    display: inline-block;
    position: unset;
    padding: 14px 10px 15px 10px;
    vertical-align: middle;	
}

#menu-main>li>a {
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
color: #fff;
border-bottom: none;
font-family: "Lato";
text-transform: capitalize;
font-weight: 500;
}
#menu-main>li.current-menu-ancestor>a,
#menu-main>li.current-menu-item>a {
	color:#FAC406;
}
.headerButton {
	font-family: "Lato";
    font-weight: 600;
    display: inline-block;
    background: #8e4b51;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 20px 22px 19px 22px;
    transition: 300ms;
	margin-left: auto;
}

.headerButton:hover {
	color: #560f1a;
	background: #8e4b51;
}

#search-toggle {
	padding-left: 25px;
	margin-left: auto;
}

}

@media (min-width: 1375px) {
#menu-main>li {
    padding: 14px 14px 15px 14px;
}
}
@media (min-width: 1450px) {
#menu-main>li>a {
	font-size: 20px;
}
}

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

    .headGroup {
        position: fixed;
        height: 89px;
		background-color: #6a131b;
    }

	#menu-main>li.menu-item-has-children>a::after {
		display: none;
		content: none;
	}
}	


/* new menu with walker */

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

	nav#nav {
		display: none;
	}
	
	.menu-main-right-container {
		position: relative;
	}
	
	.menu-main-right-container ul {
		list-style: none;
		margin: 0px !important;
		padding: 0px !important;
		float: none;
	}
	.menu-main-right-container ul li {
		display: inline-block;
		padding: 21px 17px;
		position: inherit;
		float: none;
	}
	.menu-main-right-container ul li ul li {
		position: relative;
	}
	/*.menu-main-right-container ul li:after {
		position: absolute;
		width: 2px;
		background: #9c6d2f;
		right: 0px;
		height: 13px;
		content: "t";
		font-size: 0;
		top: 13px;
		display: none;
	}*/
	.menu-main-right-container ul li:first-child {
		padding-left: 0px;
	}
	.menu-main-right-container ul li:last-child {
		padding-right: 0px;
	}
	
	.menu-main-right-container ul li .dropdown-container {
		display: block;
		position: absolute;
		display: none;
		float: none;		
		padding: 0px 0 !important;
		width: 980px;
		top: 100%;
		
	}
	
	.dropdown-container .dropOut {
		display: flex;
	}
	.dropdown-container .dropOut .triangle {
		padding: 0px;		
	}
	
	.dropdown-container .dropOut .triangle .menu_custom_image_box {
		position: relative;
		height: 100%;
		width: 100%;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		min-height: 400px;
		background-color: rgba(87,15,26,0.6);
	}
	
	.dropdown-container .dropOut .triangle .see_all_news_btn {		
		width: 100%;
		display: block;
		background: #6a131a;
		text-align: center;
		line-height: 25px;
		padding: 15px 10px;
		color: #ffffff!important;
		font-size: 13px;
		letter-spacing: 2px;
		font-weight: 600;
		text-transform: uppercase;
		position: absolute;
		left:0%;
		margin-left: 0;
		bottom: 35px;
		text-decoration: none;
	}
	.dropdown-container .dropOut .triangle .see_all_news_btn:hover {
		background: #8e4b51;
	}
	
	
	/*.menu-main-right-container ul li li.menu-item-has-children > .arrow:after {
		position: absolute;
		content: '\f054';
		display: block;
		width: 11px;
		height: 27px;
		position: absolute;
		right: 12px;
		top: 6px;
		font-weight: 700;
		font-family: "Font Awesome 5 Free";
		transform: rotate(0deg);
		transition: 300ms;
		color: #ffffff;
	}*/
	
	
	
	.dropdown-container .dropOut .submenu_container {
		padding: 50px 60px;
		background: #8e4b51;
	}
	
	.menu-main-right-container ul li ul ul {
		padding: 0 !important;
	}
	
	.menu-main-right-container ul li ul ul {
		position: absolute;
		left: 100%;
		padding-left: 20px !important;
		background: rgba(255,255,255,0.9);
		z-index: 9;
		width: auto;
		padding: 20px !important;
		top: 10px;
		white-space: nowrap;
	}
	
	
	.menu-main-right-container ul li {
		position: inherit;
	}
	.menu-main-right-container ul li ul li{
		position: relative;
	}
	
	/*.menu-main-right-container ul li:hover .dropdown-container {  // use for on hover dropdown
		display: block;
		left : 0;
		
	}*/
	#menu-main li:hover > .dropdown-container{
		display:block;
		left:0;
	}
	#menu-main li.open > .dropdown-container {  /* use for on click dropdown */
	
		display:block;
		left : 0;
	
	}
	
	.menu-main-right-container ul li:hover ul li ul{
		display: none;
	}
	
	.menu-main-right-container ul li ul li{
		position: relative;
		text-align: left;
		display: block;
		padding: 0px;
	}
	.menu-main-right-container ul ul li:after {
		display: none;
	}
	.menu-main-right-container ul ul li a{
		color: #ffffff!important;
		text-shadow: none;
		font-size: 18px;
		display: block;
		letter-spacing: 1px;
		padding: 0px 15px;
		line-height: 40px;
		text-decoration: none;
	}
	.menu-main-right-container ul ul li a:hover{
		color: #35040c!important;
		font-weight: 600;
	}		
	
	.menu-main-right-container ul li ul li:hover ul{
		display: block;
	}
	
	.menu-main-right-container ul ul li {
		float: none;
	}
	.menu-main-right-container ul li a {
		font-size: 15px;
		color: #403f3f;
		text-transform: capitalize;
		display: inline-block;
		line-height: 39px;
		text-shadow: none;
		font-weight: 400;
	}

	.bannertitle.hide {
		visibility: hidden;
	}

}

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

#menu-side > li > a {  
	padding-top: 0;
	padding-bottom: 0;
}

#menu-side > li > a span {    
    font-size: 0px;
    display: block;    
    position: relative;
    line-height: 0;    
    padding: 0;    
}


/* add to any hide more button */

a.a2a_more span {
	display: none!important;
}

/* new navigation */

#logo {
    position: absolute;
    left: 22px;
    background: #6a131b;
    z-index: 300;
    transition: opacity 500ms;
    opacity: 1;
	padding: 10px 60px 13px;
}	
#logo img {
    max-width: 100%;
	width:90px;
	height:auto;
}

nav#top-menu-nav {
    background: #ffffff;
    text-align: right;
    padding-right: 50px;
}
nav#main-menu-nav {
    transition: 300ms all;
    background: #6a131b;
    text-align: right;
    padding-right: 50px;
    width: 100%;
    max-width: 100%;
    z-index: 200;
    min-height: 80px;
    position: relative;
}

nav#top-menu-nav ul {
    padding: 0;
    margin: 0;
}
nav#top-menu-nav ul li {
    list-style: none;
    display: inline-block;
}

#nav .header-logo {
    display: block;    
    background-image: url('images/icon-new.png');
    background-size: contain;
    transition: 300ms;
    background-repeat: no-repeat;
    width: 62px;
    height: 69px;
}

nav#main-menu-nav .menu-toggle-wrapper {
    display: none;
}
.menu-toggle-wrapper {
    float: right;
    text-align: right;
    position: relative;
    right: 40px;
    display: none;
    z-index: 100;
}
nav#main-menu-nav ul.social-media {
    margin-left: 25px;
}
nav#main-menu-nav ul li {
    list-style: none;    
}
nav#main-menu-nav ul {
    padding: 0;
    margin: 0;
}

nav#top-menu-nav ul li a {
    display: block;
    color: #6a131b;
    font-size: 17px;
	text-decoration: none;
    font-weight: 400;
    line-height: 45px;
    margin: 0 8px;
}

nav#top-menu-nav ul li a:hover {
	text-decoration:underline;
}

@media screen and (min-width:992px) {
	
.head-menu-container {
    display: inline-block;
    vertical-align: top;
}

}

@media screen and (min-width:1275px) {
.headGroup {
    padding-top: 0px; 
}
#search-toggle {
    padding-left: 25px;
    margin-left: auto;
    display: inline-block;    
    margin-top: 35px;
}
#search-form, #search-form-mob {
    top: 100%;
}
}

@media screen and (min-width:1275px) and (max-width:1300px) {
#menu-main>li {
    padding: 14px 8px 15px 8px;
}
}

@media screen and (max-width:1274.9px) {
#top-menu>li>a {
    display: block;
    padding: 9px 0px;    
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    position: relative;    
    font-family: "Times New Roman";
}

#top-menu>li {
	list-style: none;
}

#top-menu {
	padding-left:0px;
}
#menu-main {
	border-bottom:1px solid #fff;
	margin-bottom: 20px;
}
.menuopen #nav .header-logo {
    background-image: url('images/icon-new.png');
    transition: 300ms;
    background-repeat: no-repeat;
    width: 55px;  
	position: absolute;  
}
.fixedHeader #nav .header-logo {
    background-image: url('images/icon-new.png');
    height: 100px;    
    background-repeat: no-repeat;
}
#nav .header-logo {
    width: unset; 
    height: 100px;
}
#nav .left {
    padding: 5px 0 0 40px;
    height: 130px;
}
}

@media screen and (max-width:700px) {
.menuopen #nav .header-logo {
    position: relative;
}
}