/*
Theme Name: Twenty Four Seven
Author: 3FlowCreative
*/

/*
pink #d6499a
light purple #4550a3
*/



html[lang] {
  margin-top: 0 !important;
}
body {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.2rem;
	overflow-x: hidden
}

.row {
	max-width: 1400px;
	position: relative;
}

	@media screen and (max-width:1366px) {
		#content {
			padding: 0 3%
		}	
	}

header {
	padding: 0 0 20px 0;
	position:fixed;
	height: 130px;
	z-index: 105;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(255,255,255, 1);
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	border-top: 2px solid #4550a3
}
	
	@media screen and (max-width:767px) {
		header {
			height: 110px;
		}
	}

#nav-wrapper {
	position: relative	
}

#nav-wrapper .menu {
	float: right;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	
	margin: 55px 240px 0 0
}
	
#nav-wrapper .menu li {
	list-style: none;
	float: left;
	margin: 0 0 0 30px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 1.2rem
}

	@media screen and (max-width: 850px) {
		
		#nav-wrapper .menu li {
			font-size: 1.1rem;
		}		
	}
#nav-wrapper .menu li a {
	color: #000;
}

#nav-wrapper .menu li.current_page_item a, 
.page-id-84 #nav-wrapper .menu li#menu-item-219 a,
.page-id-86 #nav-wrapper .menu li#menu-item-219 a, 
.page-id-54 #nav-wrapper .menu li#menu-item-219 a, 
.page-id-193 #nav-wrapper .menu li#menu-item-219 a  {
	color: #000;
	border-bottom: 2px solid #4550a3
}
#nav-wrapper .menu li a:hover {
	border-bottom: 2px solid #d6499a !important
}

.button-link  {
	color: #fff;
	background: #d6499a;
	padding: 15px 30px;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 1.1rem;
	position:absolute;
	top: 45px;
	right: 0;
	font-weight: 700	
}

.button-link:hover {
	background: #d6499a;
	
}
#logo {
	margin: 15px 0 0 0;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	
	width: 130px;
}

#logo2 {
	display: none	
}

#logo-ofsted	 {
	height: 100px; margin-left: 50px
}
	@media screen and (max-width:960px) {
		#logo-ofsted	 {
			height: 80px; margin-left: 10px;
			margin-top: 10px
		}
		
		#logo {
			width: 110px;	
		}
	}

	@media screen and (max-width:767px) {
		#logo {
			width: 90px; 
			margin: 0 auto; 
			margin-top: 20px; 
			display: block;
			
		}
		
		#logo-ofsted	 {
			display: none
		}
	}

@media screen and (min-width:768px) {
	header.smaller {
		height: 95px;
		padding: 15px 0;
	}

	header.smaller #logo {
		display: none	
	}
	
	header.smaller #logo2 {
		display: inline-block;
		margin: 15px 0 0 0;
		float: left;
		max-width: 300px
	}
	
	
	header.smaller #logo-ofsted	 {
		height: 60px; 
		margin-left: 15px;
		float: left
	}
	
	header.smaller #nav-wrapper .menu  {
		margin-top: 15px;
	}
	
	
	header.smaller .button-link  {
		top: 15px;
	}
	
	header.smaller #logo {
		width:  160px;
		margin: 0;
	}
}

	@media screen and (max-width:1190px) {
		header.smaller #logo2 {
			max-width: 250px
		}
	}
	
	@media screen and (max-width:1050px) {
		header.smaller #logo2 {
			max-width: 190px
		}
	}


#contact-dropdown {
	width: 100%; 
	position: absolute; 
	z-index: 1024; 
	background: none;
	border: none;
}

#contact-dropdown .row {
	margin-top: 58px;	
	position: relative
}

#close-dropdown {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 35px;
	height: 35px;
	font-size: 1.4rem;
	background: #000;
	border: 2px solid #fff;
	border-radius: 50%;	
	display: block;
	padding: 0 5px;
	color: #fff;
	text-align: center
}

@media screen and (max-width: 800px) {
		#close-dropdown {
			right: -10px;
		}	
	}

#close-dropdown:hover {
	cursor: pointer
}	
	@media screen and (max-width: 800px) {
		#contact-dropdown .row {
			margin: 43px 0 0 0 ;width: 100%;
		}	
	}
	@media screen and (max-width: 767px) {
		#contact-dropdown {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 }
		#contact-dropdown .row {
			margin: 26px 0 0 0;	
			padding: 0;
			max-width: 110%
		}
		
		#contact-dropdown .row .columns {
			margin: 0;
			padding: 0;
		}
		
		#contact-dropdown img {
			display: none 	
		}
	}
	
header.smaller #contact-dropdown .row {
	margin-top: 27px !important;	/*  opacity: 0*/
	
}
#dropdown-menu1 {
	padding: 30px 20px	
}
	

	@media screen and (max-width: 767px) {
		#dropdown-menu1 {
			margin: 20px;
			z-index: 1000000	
		}	
	}
#dropdown-menu1 li {
	font-size: 1.5rem;
	margin: 20px 0;
	list-style: none;
	width: 50%;
	float: left
}
#dropdown-menu1 li ul {
	margin: 20px 0	
}
#dropdown-menu1 li ul li {
	width: 100%;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 10px 0
}


	@media screen and (max-width: 1250px) {
		#dropdown-menu1 li {
			font-size: 1.3rem;
		}
		
		#dropdown-menu1 li ul li {
			font-size: 1rem;
		}	
		
		#dropdown-menu1 {
			margin-left: 0	
		}
	}
	

	
	@media screen and (max-width: 767px) {
		#dropdown-menu1 li {
			margin: 10px 0;
		}
		
		#dropdown-menu1 li {
			font-size: 1.1rem;
		}		
	}
	
.gbackground {
	background: rgb(69,80,163); 
	background: -moz-linear-gradient(left, rgba(69,80,163,1) 0%, rgba(69,80,163,1) 51%, rgba(119,128,190,1) 51%, rgba(119,128,190,1) 98%); 
	background: -webkit-linear-gradient(left, rgba(69,80,163,1) 0%,rgba(69,80,163,1) 51%,rgba(119,128,190,1) 51%,rgba(119,128,190,1) 98%); 
	background: linear-gradient(to right, rgba(69,80,163,1) 0%,rgba(69,80,163,1) 51%,rgba(119,128,190,1) 51%,rgba(119,128,190,1) 98%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4550a3', endColorstr='#7780be',GradientType=1 ); 	
}

#dropdown-menu1 ul li a {
	cursor: text
}

#dropdown-menu1 ul li li a {
	cursor: pointer
}

#dropdown-menu1 ul li:last-child {
	padding: 0 0 0 30px	
}

#dropdown-menu1 ul li li:last-child  {
	padding: 0
}

#dropdown-menu1 li a, #dropdown-menu1 li a:hover {
	color: #fff;
	display: block;
	position: relative
}

#dropdown-menu1 ul li li a:hover, #dropdown-menu1 ul li li.active a
 {
	color: #d6499a	
}



#dropdown-menu1 li li.current_page_item a  {
	color: #d6499a	
}

#dropdown-menu1 ul ul li:hover a, #dropdown-menu1 li li.current_page_item a {
	color: #38428f	
}
#dropdown-menu1 ul li:first-child li a:hover, #dropdown-menu1 ul li:first-child li.current_page_item a {
	color: #acb2de	
}

#dropdown-menu3 {
	padding: 50px 25px ;	
}
#dropdown-menu3 h3 {
	color: #d6499a
}

#dropdown-menu3 p {
	color: #fff;
	font-size: 1.4rem;
}

	@media screen and (max-width: 1080px) {
		#dropdown-menu3 p {
			color: #fff;
			font-size: 1.1rem;
		}
	}

#dropdown-menu3 .button-half {
	margin-bottom: 35px;
}	

	@media screen and (max-width: 767px) {
		#dropdown-menu3 .button-half {
			margin: 10px 0 25px 0;
		}	
	}

.purple {
	background: #4550a3;
}

.pink {
	background: #d6499a;
}
	
main {
	padding-top: 130px	
}

	
	@media screen and (max-width:800px) {
		main {
			padding-top: 130px;
		}
	}
	
	@media screen and (max-width:767px) {
		main {
			padding-top: 110px	
		}
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 25px;
	font-weight: 700
}
h1 {}
h2 {font-size: 1.8rem}
h3 {font-size: 1.6rem}
h4 {font-size: 1.4rem}
h5 {font-size: 1.2rem}

a, a:hover {color: #d6499a}

p {
	line-height: 150%;
	font-size: 1.1rem
}

li {
	font-size: 1.1rem	
}

	@media screen and (max-width: 800px) {
		h2 {font-size: 1.6rem}
		h3 {font-size: 1.4rem}
		h4 {font-size: 1.2rem}
		h5 {font-size: 1.2rem}
		
		p {
			font-size: 1rem;
			line-height: 140%;
		}
		
		li {
			font-size: 1rem	
		}	
	}

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

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

.aligncenter {
	display: block;
	margin: 0 auto
}

.button-white {
	display: block;
	max-width: 295px;
	margin: 0 auto;
	border: 2px solid #fff;
	height: 60px;
	padding: 11px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: 40px
}



.button-pink {
	display: block;
	max-width: 295px;
	margin: 0 auto;
	border: 2px solid #fff;
	background: #d6499a;
	height: 60px;
	padding: 11px;
	text-align: center;
	color: #fff;
	font-weight: 700 !important;
	margin-top: 40px
}

.button-pink:hover, .button-white:hover, .button-half:hover {
	color: #fff	
}

	@media screen and (max-width: 1024px) {
		.button-white, .button-pink  {
			margin-top: 30px
		}
		
		
	}
	
	@media screen and (max-width: 480px) {
		.button-white {
			max-width: 200px;
			height: 40px;
			margin-top: 20px;
			padding: 3px;
			font-size: 1.2rem
		}
		
		.button-pink {
			max-width: 200px;
			height: 40px;
			margin-top: 20px;
			padding: 3px;
			font-size: 1.2rem
		}
	}

 
/* slider */

.slide {
	position: relative;
	width: 100%;
	max-height: 65vh;
	overflow: hidden
}

	@media screen and (max-width: 1366px) {
		.slide {
			max-height: 75vh;
		}
	}
	
	@media screen and (max-width: 1280px) {
		.slide {
			max-height: 80vh;
		}
	}

.slide img {
	width: 100%
}

.slide-text {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	max-width: 1100px;
	margin: 0 auto;
	z-index: 102;
	padding: 0 25px;
}

.slide-text h1{
	font-size:2.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 130%;
	text-align: center;
  	text-shadow: 1px 1px 3px #000;
}
	@media screen and (max-width: 1366px) {
		.slide-text h1{
			font-size:2.1rem;
		}	
	}
	@media screen and (max-width: 1024px) {
		.slide-text h1{
			font-size:1.8rem;
		}	
	}

	@media screen and (max-width: 640px) {
		.slide-text {
			position: absolute;
    		top: 60%;
    		transform: translateY(-50%);
			padding: 0 20px;
		}
		
		.slide-text h1{
			font-size:4.8vw;
		}	
	}
#slide-section {
	position: relative;
	z-index: 103;
	text-align: center;
	margin-bottom: 80px;
	color: #fff;
	padding: 30px;
	margin-top: -110px;
    max-width: 1370px
}
	@media screen and (max-width: 1280px) {
		#slide-section {
			margin: -100px 10% 30px 10%;
			padding: 25px;
		}
	}
	@media screen and (max-width: 1024px) {
		#slide-section {
			margin: -90px 10% 30px 10%;
		}
	}

	@media screen and (max-width: 800px) {
		#slide-section {
		margin: 0 0 20px 0;			
		padding: 20px;
		}
	}
	
	@media screen and (max-width: 480px) {
		#slide-section {
			padding: 15px;
			margin-bottom: 20px
		}
	}

#slide-section h2 {
	max-width: 750px;
	margin: 0 auto;
	font-size: 1.2rem;	

}
	@media screen and (max-width:800px) {
		#slide-section h2 {
			font-size: 1rem;
		}
	}
	@media screen and (max-width:480px) {
		#slide-section h2 {
			font-size: 0.9rem;
		}
	}

.slide-text-inner {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	max-width: 1100px;
	margin: 0 auto;
	z-index: 102;
	padding: 0 25px;
}

.slide-text-inner h1{
	font-size:2.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 130%;
	text-align: center;
  	text-shadow: 1px 1px 3px #000;
}
	@media screen and (max-width: 1366px) {
		.slide-text-inner h1{
			font-size:2.1rem;
		}	
	}
	@media screen and (max-width: 1024px) {
		.slide-text-inner h1{
			font-size:1.7rem;
			padding-top: 20px;
		}	
	}

	@media screen and (max-width: 640px) {
		.slide-text-inner h1{
			font-size:1.4rem;
		}	
	}
	
#inner-nav {
	position: relative;
	z-index: 103;
	text-align: center;
	margin-bottom: 80px;
	color: #fff;
	padding: 25px;
	margin-top: -20px
}

#inner-nav ul {
	text-align: center;	
	margin: 0
}

#inner-nav ul li {
	display: inline-block;	
}

#inner-nav ul li a {
	display: block;
	color: #fff;
	padding: 0 20px	
}

	@media screen and (max-width: 800px) {
		#inner-nav {
			padding: 10px;
			margin-top: 0
		}
		
		#inner-nav ul li {
			font-size: 1.1rem;	
		}
		
		#inner-nav ul li a {
			padding: 0 10px	
		}	
	}
	
	@media screen and (max-width: 640px) {
		#inner-nav {
			margin-bottom: 40px;
			padding: 5px 15px;
			width: 100%;
		}
		
		#inner-nav div {
			width: 100%;
		}
		#inner-nav ul {
			margin: 0 0 0 -20px;
			width: 110%;
		}
		#inner-nav ul li {
			font-size: 0.9rem;
		}
		#inner-nav ul li a {
			padding: 0 6px;
		}
	}
/* wrappers */
.grey-wrapper {
	background: #eeeeee;
	padding: 80px 0 120px 0;
	width: 100%;
	margin-bottom: 80px;
}

	@media screen and (max-width: 1024px) {
		.grey-wrapper {
			background: #eeeeee;
			padding: 60px 0 80px 0;
			width: 100%;
			margin-bottom: 30px;
		}
	}
	
	@media screen and (max-width: 640px) {
		.grey-wrapper {
			padding: 30px 0 40px 0;
		}
	}

.purple-wrap {
	padding: 80px 0;
	background: #4550a3;
	color: #fff		
}

.purple-wrap h3 {
	font-size: 1.8rem;
	margin: 0 0 50px 0		
}

.purple-wrap p {
	font-size: 1.3rem;
	margin: 0 0 50px 0		
}

	@media screen and (max-width: 768px) {
		.purple-wrap {
			padding: 30px 0;	
		}
		.purple-wrap h3 {
			font-size: 1.5rem;
			margin: 0 0 30px 0	
		}	
		
		.purple-wrap p {
			font-size: 1.2rem;
			margin: 0 0 30px 0	
		}	
	}

.purple-wrapper {
	padding: 30px 0;
	background: #49176d	
}

#photo-boxes {
	margin-top: 25px;

}

.photo-box {
	position: relative;	
	
}

.photo-box img {
	position: relative; 
	z-index: 0;
	width: 100%;
	height: auto	
}

 #photobox1:before {
	width: 115px;
	height: 100px;
	content: '';
	background: url(images/GR_Ofsted.jpg) top left no-repeat; 
	background-size: contain;
	position: absolute;
	top: -50px;
	right: 15px
}	

	@media screen and (max-width: 767px) {
		#photobox1:before {
			top: -150px;
		}	
	}
	

.box-content {
	background: #eeeeee;
	min-height: 190px;
	position: absolute;
	top: 55%;
	left: 0;
	width: 97%
}

	
	@media screen and (max-width: 767px) {
		.info-boxes {
			margin-bottom: 25px
		}

		.box-content {
			min-height: 190px;
			position: relative;
			top: 0;
			left: 0;
			width: 100%
		}	
	}

.box-content h3 {
	color: #49176d;
	padding: 30px;
	margin: 0
}

.box-content p {
	line-height: 140%;
	font-size: 1.2rem;
	padding: 0 30px 30px 30px;
}

	@media screen and (max-width: 1024px) {
		.box-content p {
			font-size: 1.1rem;
			padding: 0 30px 20px 30px;
		}
		
		.box-content h3 {
			padding: 30px 30px 20px 30px;
			margin: 0
		}	
	}
	
	@media screen and (max-width: 480px) {
		.box-content p {
			padding: 0 20px 15px 20px;
		}
		
		.box-content h3 {
			padding: 20px 20px 10px 20px;
		}	
	}

.box-content-black {
	background: #000;	
}
.box-content-black p {
	color: #fff;
	font-style: italic;
	padding: 20px 20px 10px 20px;
	font-size: 18px
}

.button-half {
	width: 50%;
	display: block;
	height: 75px;
	float: left;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	padding: 10px 40px;	
	position: relative;
	font-size: 1.3rem
}

	@media screen and (max-width: 1080px) {
		.button-half {
			padding: 10px 30px;	
		}
	}
	
	@media screen and (max-width: 1024px) {
		.button-half {
			padding: 10px;	
			font-size: 1.2rem
		}
	}
	
	@media screen and (max-width: 860px) {
		.button-half {
			font-size: 1.1rem;
			height: 65px;
		}
	}
	
	@media screen and (max-width: 640px) {
		.button-half {
			margin-top: -15px;
			font-size: 1rem;
			height: 60px;
			margin-bottom: 25px
		}
	}

.half2 {
	width: 65%	
}
	
	@media screen and (max-width: 900px) {
		.half2 {
			width: 95%	
		}
	}

.button-half:after {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 0; 
  	height: 0;
	width: 25px;
	height: 18px; 
 	border-top: 18px solid transparent;
  	border-bottom: 18px solid transparent;
  	border-left: 22px solid #fff;	
}
	@media screen and (max-width: 1024px) {
		.button-half:after {
			width: 12px;
			height: 18px; 
			right: 8px;
			border-top: 11px solid transparent;
			border-bottom: 11px solid transparent;
			border-left: 16px solid #fff;	
		}
	}

/* testimonials */
.testimonials {
	max-width: 100%;
	position: relative;
	height: 500px;
	margin: 190px 0 130px 0;
	clear: left
}

.testimonial-content {
	padding: 30px 5% 30px 30px;
	margin-top: -50px;
	height: 472px
}

	@media screen and (min-width: 1800px) {
			.testimonials {
				background-size: 60% !Important	
			}
	}
	@media screen and (max-width: 1366px) {

		.testimonials {
			height: 400px;
			margin: 80px 15px
		}

		.testimonial-content {
			padding: 30px 5% 30px 30px;
			margin-top: -40px;
			height: 280px
		}	
		
		.home .testimonials {
			margin: 180px 0 40px 0;
			clear: left;
		}
	}
	
	@media screen and (max-width: 767px) {
		.home .testimonials {
			margin: 40px 0 0 0;
		}
	}
	
	@media screen and (max-width: 640px) {
		.testimonials {
			height: 250px;
			margin: 25px 15px 45px 15px;
		}

		.testimonial-content {
			padding: 15px;
			margin-top: 0;
			height: auto;
			
		}
		
		.home .testimonials {
			margin: 20px 0 0 0;
		}	
	}

.testimonial-content p {
	font-style: italic;
	display: block;
	font-size: 24px;
	line-height: 120%;
	font-size: 1.7rem;
	color: #fff;
	font-weight: bold;
	margin: 0;
	float: right;
}



.testimonial-content p span {
	font-style: normal;
	display: block;
	text-align: right;
	margin: 20px 0 0 0;
	font-weight: normal;
	font-size: 1.4rem	
}
	@media screen and (max-width: 1366px) {
		.testimonial-content p, .testimonial-content p span {
			font-size: 1.2rem;
		}	
	}
	
	@media screen and (max-width: 640px) {
		.testimonial-content p, .testimonial-content p span {
			font-size: 1rem;
		}	
	}


.center-box {
	position: relative;
    top: 50%;
    transform: translateY(-50%);	
}


	@media screen and (max-width: 640px) {
		.center-box {
			position: relative;
			top: auto;
			transform: none;	
		}	
	}

.testimonial-content .center-box {
	max-width: 600px;
	float: right;	
}

.testimonials p.testimonial-name {
	font-style: normal;
	font-size: 100%;
	font-weight: 400	
}

/* news boxes */
#news-boxes {
	margin-top: 70px;	
}
	
	@media screen and (max-width: 767px) {
		#news-boxes {
			margin-top: 0;	
		}
	}	
.news-box {
	background: #fff;
	border: 1px solid #ccc;
	padding: 50px 35px;
	width: 90%	
}

	@media screen and (max-width: 1080px) {
		.news-box {
			padding: 30px 15px;
			width: 100%	
		}
	}	
	
	@media screen and (max-width: 767px) {
		.news-box {
			padding: 15px;
			margin-top: 20px
		}
	}	

.news-box h4 {
	color: #4550a3;
	padding: 0 40px 10px 0;
	border-bottom: 5px solid #4550a3;
	display: inline-block;
	margin: 0 0 10px 0
}

.news-box p {
	color: #4550a3;
	font-style: italic 
}

.read-more {
	color: #d8529f;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding: 0 30px 0 0;
}

.read-more:hover {
	color: #d8529f;	
}

.read-more:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 100%;
	width: 0; 
  	height: 0;
	width: 17px;
	height: 12px; 
 	border-top: 12px solid transparent;
  	border-bottom: 12px solid transparent;
  	border-left: 17px solid #d8529f;
}
	@media screen and (max-width: 640px) {
		.read-more {
			font-size: 1.2rem
		}
		
		.read-more:after {
			top: 5px;
			width: 10px;
			left: 90%;
			height: 15px; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 15px solid #d8529f;
		}
	}	


/* team box */

#team {
	margin-bottom: 120px;
	margin-top: 120px;
}
	@media screen and (max-width: 1280px) {
		#team {
			margin: 80px 15px;
		}	
	}
	@media screen and (max-width: 1024px) {
		#team {
			margin: 20px 15px;
		}	
	}

#team img {
	width: 100%;
	height: auto;	
}

.team-box {
	padding: 40% 50px 0 50px;
	text-align: center
}
	@media screen and (max-width: 1280px) {
		.team-box {
			padding: 35% 30px 0 30px;
		}
	}
	
	@media screen and (max-width: 1023px) {
		.team-box {
			padding: 20% 30px 0 30px;
		}
	}
	

.team-box p {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff	
}

	@media screen and (max-width: 970px) {
		.team-box p {
			font-size: 1.2rem;
		}
	}

.section {
	padding: 160px 60px 0 0;
}

@media screen and (min-width: 1025px) {
		.pull-up {
			margin-top: -160px	
		}
	}
		
	@media screen and (max-width: 1024px) {
		.section {
			padding: 0 30px 60px 0;
			
		}
	}

	@media screen and (max-width: 767px) {
		.section {
			padding: 0 0 30px 0;	
		}	
		
		.section h2 {
			font-size: 1.4rem	
		}
	}	
.right-box {
	background: #eee;
	padding: 35px
}

	
	@media screen and (max-width: 900px) {
		.right-box {
			padding: 15px
		}
	}	

.right-box h3, .right-img-box h3 {
	color: #d6499a	
}

	@media screen and (max-width: 900px) {
		.right-box h3, .right-img-box h3 {
			line-height: 120%;
			margin: 0 0 15px 0
		}	
	}

.right-box2 {
	margin: 80px 0
}

.right-img-box {
	background: #eee;
	margin: 0 0 80px 0
}

	@media screen and (max-width: 900px) {
		.right-box2 {
			margin: 20px 0
		}

		.right-img-box {
			margin: 0 0 20px 0
		}
	}
	
.right-img-box img {
	width: 100%;
	height: auto;	
}

.right-img-box .inner {
	padding: 35px 35px 25px 35px;	
}

	@media screen and (max-width: 900px) {
		.right-img-box .inner {
			padding: 15px 15px 25px 15px;	
		}
	}
	
	@media screen and (max-width: 640px) {
		.right-img-box .inner {
			padding: 15px 15px 0 15px;	
		}
	}

.right-img-box .button-purple {
	background: #4550a3;
	padding: 25px 35px;
	width: 100%;
	color: #fff;
	display: block
}

	@media screen and (max-width: 900px) {
		.right-img-box .button-purple {
			padding: 15px;
		}
	}
	
	@media screen and (max-width: 640px) {
		.right-img-box .button-purple {
			font-size: 1.3rem;
			padding: 10px;
		}
	}

.right-img-box .button-purple span {
	display: inline-block;
	margin: 0 0 -7px 30px;
	left: 100%;
	width: 0; 
  	height: 0;
	width: 17px;
	height: 12px; 
 	border-top: 13px solid transparent;
  	border-bottom: 13px solid transparent;
  	border-left: 15px solid #fff;
}

	
	@media screen and (max-width: 640px) {
		.right-img-box .button-purple span {
			margin: 0 0 -3px 10px;
			width: 10px;
			height: 15px; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 15px solid #fff;
		}
	}
	
/* inner pages */

.content h2 {
	color: #d6499a;
	padding: 0 50px 10px 0;
	border-bottom: 5px solid #4550a3;
	display: inline-block;
	margin: 0 0 35px 0	
}

.equalheight2 {
	min-height: 550px	
}
	@media screen and (max-width: 900px) {
		.equalheight2 {
				min-height: 500px	
		}
	}
	@media screen and (max-width: 767px) {
		.equalheight2 {
			min-height: auto	
		}	
		
		
	}
.slider2-box {
	background: #eee;
	padding: 35px 25px 25px 25px;
}

.slider2-box img {
	width: auto !important;
	height: auto !important	
}

.box-image {
	overflow: hidden	
}

.slider2-box p, .location-box p {
	line-height: 140%;
}

	@media screen and (max-width: 900px) {
		.slider2-box p, .location-box p {
			font-size: 1rem
		}	
	}

.slider2-box h4, .location-box h4 {
	color: #d6499a;
}

#slider-wrapper2 {
	margin-bottom: 120px;
	overflow: visible;
	max-height: auto !important;

}
#slider-wrapper2 .slide {
	max-height: auto !important;
	overflow: visible;
	
}

	@media screen and (max-width: 640px) {
		#slider-wrapper2 {
			margin-bottom: 30px;
			max-height: auto ;
			height: 100%;
			overflow: visible
		}
	}
	
.location-box {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #eee;
	padding: 35px 35px 95px 35px;
	width: 95%;	
}
	@media screen and (max-width: 1024px) {
		.location-box {
			left: 0;
			background: #eee;
			padding: 15px 25px 75px 25px;
			width: 95%;	
		}
	}
	@media screen and (max-width: 800px) {
		.location-box p, .slider2-box p {
			font-size: 0.9rem
		}

	}
	@media screen and (max-width: 767px) {
		.location-box {
			bottom: 0;
			padding: 15px;
			width: 100%
		}
		
		.location-box p, .slider2-box p {
			font-size: 1rem
		}
		
		.location-box h4, .slider2-box h4 {
			margin: 0 0 5px 0
		}
	}
	
	@media screen and (max-width: 640px) {
		.location-box {
			position: relative;
			bottom: 0;
			
		}
	}

.location-box .button-half {
	position:absolute;
	bottom: 0;
	left: 0;
}

	@media screen and (max-width: 640px) {
		.slider2-box-mob.button-half {
			position:relative;
			margin: 0;
			width: 100% ;
		
		}
		
		.slider2-box {
			margin-top: 15px	
		}

	}


.cycle-prev, .cycle-next { position: absolute; top: 0; width: 55px; opacity: 1; filter: alpha(opacity=0); z-index: 103; height: 100%; cursor: pointer; }
.cycle-prev { left: -80px;  background: url(images/arrow-left.png) 0 50% no-repeat;}
.cycle-next { right: -80px; background: url(images/arrow-right.png) 100% 50% no-repeat;}

#locations {
	padding-top: 160px
}
	@media screen and (max-width: 640px)  {
		#locations {
			padding-top: 40px
		}
	}
	
	@media screen and (min-width: 1181px) and (max-width: 1560px) {
		#locations-wrap #slider-wrapper2 {
			max-width: 1100px;
			margin: 0 auto;	
			margin-bottom: 120px	
		}

	}
	
	@media screen and (max-width: 1180px)  {
		.cycle-prev { left: 87%;  background: url(images/arrow-left.png) 0 15px no-repeat; width: 35px; background-size: contain }
		.cycle-next { right: 10px; background: url(images/arrow-right.png) 100% 15px no-repeat; width: 35px; background-size: contain }
	}
	
	@media screen and (max-width: 640px)  {
		.cycle-prev { left: 74%;  background: url(images/arrow-left.png) 0 230px no-repeat; width: 35px; background-size: contain }
		.cycle-next { right: 10px; background: url(images/arrow-right.png) 100% 230px no-repeat; width: 35px; background-size: contain }
	}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
	
.accordion {
	margin: 25px 0;	
}

.accordion .gform_wrapper {
	margin: 40px 0 0 !important;	
}

.accordion-title {
	background: #4550a3;
	padding: 25px;
	color: #fff;
	margin: 0 0 15px 0;
	font-size: 1.4rem;
	cursor: pointer;
}

.accordion-title:after {
	content: '';
	display: block;
	float: right;
	width: 17px;
	height: 12px; 
 	border-top: 13px solid transparent;
  	border-bottom: 13px solid transparent;
  	border-left: 15px solid #fff;
}
.accordion-content {
	font-size: 1.1rem;
	padding-bottom: 30px
		
}

	@media screen and (max-width: 640px) {
		.accordion-title {
			padding: 10px;
			font-size: 1.1rem
		}
		
		.accordion-content {
			font-size: 1.1rem	
		}
	}

footer {
	background: #172065;
	padding: 80px 0	 
}

	@media screen and (max-width: 640px) {
		footer {
			padding: 30px 0	 
		}
	}

footer p {font-size: 1.1rem}
footer h6, footer p {
	color: #fff	
}

	@media screen and (max-width: 640px) {
		footer p {font-size: 0.85rem}	
	}
	
#footer-row1 {
	padding-bottom: 60px;
	border-bottom: 3px solid #4550a3;
	margin-bottom: 60px	
}
	
	@media screen and (max-width: 640px) {
		#footer-row1 {
			text-align: center;
			padding-bottom: 20px;
			border-bottom: 3px solid #4550a3;
			margin-bottom: 30px	
		}
		
		#footer-row1 img {
			max-width: 150px;
			height: auto;
			display: block;
			margin: 0 auto;
			margin-bottom: 20px
		}
	}

#footer-menus  ul{
	margin: 30px 0 0 0	
}

#footer-menus  ul li {
	list-style: none;
	font-size: 90%;
	line-height: 100%	
}

#footer-menus ul li a {
	color: #fff;
	padding: 5px 0;
	display: block;	
	font-weight: 400
}


#footer-address {
	position: relative;
	padding: 20px 0	10px 0
}

#footer-address p {
	margin: 0 0 10px 0;
	font-size: 75%;
	font-weight: 400
}

/* #ofsted-list li {
	list-style: none;
	float: left;
	margin: 0 20px 0 0	
} */

#ofsted-list p, #ofsted-list {
	color: #fff	
}

#ofsted-list {
	text-align: right	
}

	@media screen and (max-width: 767px) {
			#ofsted-list {
				text-align: center;
				margin: 15px 0 0 0	
			}
	}

/* #ofsted-list li:last-child {
	margin: 0	
}

#ofsted-list {
	float: right;	
}

@media screen and (max-width: 1024px) {
		#ofsted-list {
			float: none;
			margin: 20px 0 0 0;
			text-align: center	
		}
	}


 */

#footer-grey {
	margin-top: 100px
} 

	@media screen and (max-width: 1024px) {
		
		#footer-grey {
			margin-top: 40px
		} 	
		.home #footer-grey {
			margin-top: 35px
		} 	
	}

#bottom-left img {
	max-width: 80px !important	
}
#bottom-left ul {
	margin: 0	
}
#bottom-left li {
	list-style: none;
	float: left;
	padding: 0 5px 0 5px;
	border-left: 1px dotted #ccc;
	line-height: 100% 	
}

#bottom-left li:first-child {
	padding: 0 5px 0 0;
	border-left: none 		
}

	@media screen and (max-width: 767px) {
		#bottom-left  ul{
			text-align: center	
		}
		
		#bottom-left  ul li {
			display: inline-block;
			float: none;
		}
		
		#bottom-left ul li a {
			display: block;	
		}
	}
	
	@media screen and (max-width: 640px) {
		#bottom-left li {
			font-size: 0.75rem
		}
	}


/* MOBILE NAVIGATION ------------------------ */
@media screen and (max-width: 1024px) {
	.button-link {
		padding: 8px 10px;
		margin-right: 10px;
		font-size: 1.2rem
	}
	
	#nav-wrapper .menu li {
		margin: 0 0 0 17px;
		font-size: 1.2rem
	}
	
	#nav-wrapper .menu li:first-child {
		margin: 0 ;
	}
}

@media screen and (max-width: 880px) {
	.button-link {
		padding: 7px 9px;
		font-size: 1.1rem
	}
	
	#nav-wrapper .menu li {
		font-size: 1rem;
		margin: 0 0 0 8px;
		letter-spacing: -0.35px
	}
	

}


#menu-mobile {
	display: none	
}
@media screen and (max-width: 767px) {
	#menu-mobile {
		display: block	
	}
	#menu-top {
		display: none	
	}
	#nav-wrapper .menu {
		width: auto
	}
	.button-link  {
		font-size: 0.8rem;
		top: -50px;
		right: 0;
		padding: 5px;
	}
#nav-toggle { position: absolute; left: 20px; top:40px; }

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 40px;
  background: #4550a3;
  position: absolute;
  display: block;
  content: '';
  z-index: 100000000
}
#nav-toggle span:before {
  top: -14px; 
}
#nav-toggle span:after {
  bottom: -14px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
   -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-wrapper {
	position: absolute;	
	top: 0;
	left: 0px;
	z-index: 100000;
	width: 100%;
	padding: 0 0 10px 0;
	background: #fff;
	height: 100vh;
}

#nav-wrapper .menu {
	width: 100%;
	height: auto;
	float: none;
	margin: 40px 0 0 20px
	}
#nav-wrapper .menu li {
	float: none;
	margin: 0;
	width: 100%;
	text-align: left
}

#nav-wrapper .menu li.current_page_item a {
	color: #d6499a;
	border-bottom: none !important
}

#nav-wrapper .menu li a:hover {
	border-bottom: none !important;
	color: #d6499a;
}

#nav-wrapper .menu li li a:before {
	content: '- '	
}

#nav-wrapper .menu li a {
	padding: 5px;
	display: block
}

.equalheight, .equalheight2, .equalheight3 {
	height: auto !Important	
}

}


/* gravity forms */
.gform_fields label {
	display: none	
}

.gform_wrapper{
	margin: 40px 0 80px 0
}

	@media screen and (max-width:767px) {
		.gform_wrapper{
			margin: 30px 0 0 0
		}
	}

.gform_anchor {
	display: block;
	margin: 60px 0 0 0	
}

.gform_fields {
	margin: 0	
}
.gform_fields li {
	list-style: none;
	
}

.gform_fields input, .gform_fields textarea {
	width: 100%;
	height: 60px;
	padding: 5px 15px;
	background: #d7d7d7;
	border-radius: 0;
	box-shadow: none;
	border: none;
	font-size: 1.2rem;
	color: #333	
}

.gform_fields textarea {
	height: 180px	
}

.gform_button {
	width: 100%;
	height: 60px;
	color:#fff;
	border-radius: 0;
	box-shadow: none;
	border: none;
	font-size: 1.4rem;
	color: #fff;
	background: #4550a3;
	margin-top: 20px;
	text-align: left;
	padding: 10px 30px;
	position: relative
}

.gform_button:hover {
	background: #4550a3;	
}

.gform_footer {
	position: relative	
}
.gform_footer:after{
	content: '';
	display: block ;
	position:absolute;
	right: 20px;
	top: 38px;
	width: 17px ;
	height: 12px ;
 	border-top: 13px solid transparent ;
  	border-bottom: 13px solid transparent ;
  	border-left: 15px solid #fff ;
}



::-webkit-input-placeholder {
  color: #848484 !important;
  opacity: 1  !important
}
::-moz-placeholder {
  color: #848484  !important;
  opacity: 1  !important
}
:-ms-input-placeholder { 
  color: #848484  !important;
  opacity: 1 !important
}
:-moz-placeholder { 
  color: #848484  !important;
  opacity: 1 !important
}

.validation_error, .validation_message {
	color: red	
}