@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


  
img, object, embed, video {
	max-width: 100%;
	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}




/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		2;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	50;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 75.8333%;
	padding-left: 7.5833%;
	padding-right: 7.5833%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Required */

.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

.ContactBackground {

background-image:url(../images/PhoneImageWhite.png);
background-size: contain;
background-repeat:no-repeat;
	
}

.WhiteSection{

clear:both;
overflow:hidden;
Background-color:#ffffff;

padding:50px 0 50px 0;	

}

.GreenSection{

clear:both;
overflow:hidden;
Background-color:#edf2dc;
background-image:url(images/Backgrounds/WhiteBGND.png);
padding:50px 0 50px 0;
border:1px solid #CCC;

	
}

.InnerContainer {

width:95%;
margin:auto;
clear:both;

	
}


.CircleBorder {
  border-radius: 60%;
  border: 5px solid #ffffff;
  margin: 20px 0px 20px 0px;
  box-shadow: 3px 2px 20px #cccccc;
}

.StaffText a{

  color:#4d4d4d; 
  text-align: center; 
  text-decoration:none;

}

.StaffText a:hover{

  color:#f47e42; 
  text-decoration:underline;

}


.RemoveTopPadding{

padding-top:20px !important;
	
}

.RemoveTopPaddingMobile{

padding-top:0px !important;
	
}

.RemoveBottomPadding{

padding-bottom:0px !important;
	
}

.TwentyPixelPadding {

Padding:20px 0;
	
}

.RemoveBottomBorder {
	
border-bottom:none;
	
}

.RemoveTopBorder {
	
border-top:none;
	
}

.LandingPageMainContainer{

width:100%;
clear:both;
overflow:hidden;
Background-color:#ffffff;

padding:0px 0 0px 0;	

}

.LandingPageSubContainer {

width:85%;
margin:auto;
padding:30px 0 40px 0;


}

.OfstedBanner2 {

width:80%;
margin:auto;

padding:40px 0px 100px 0px;

border:7px solid #512b85;
border-radius:15px;
}

.OfstedBanner {

Width:100%;
margin:0px auto 0px auto;


}

.LandingPageWhiteSection{

clear:both;
Background-color:#ffffff;	

}

.LandingPageGreenSection{

clear:both;
overflow:hidden;
Background-color:#ffffff;
padding:0px 0 0px 0px;

}


.LandingPageBtnOrange {

width:90%;
margin:auto;
font-family: arial;
padding:10px 10px;

}








/*Navigation styles start here*/


ul.BlueBulletList {
  list-style-type:disc;
  color:#0c88fa;
  border-radius:0px;
  line-height:26px;
  margin:0 0 0px -20px;
  font-size:20px;
  text-align:left;
}


ul.PolicyList {
  list-style-type: none;
  margin: 0px 0 20px 0;
  padding: 0;
  overflow: hidden;
  border-radius:0px;
  line-height:29px;
}

ul.PolicyList li a {
 
  color: #000000;
  text-align: center;
  
  text-decoration: none;
  font-size: 16px;
  font-family:arial;
}

ul.PolicyList li a:hover {

color:#f47e42;
	
}


ul.topnav {
  list-style-type: none;
  margin: 18px 0 20px 0;
  padding: 0;
  overflow: hidden;
  background-color: #9cba42;
  border-radius:0px;
  
}

ul.topnav li {float: left; border-radius:3px;}

ul.topnav li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 20px;
  font-family:arial;
  border-radius:3px;
}

ul.topnav li a:hover {background-color: #f47e42; color:#ffffff;font-family:arial;}

ul.topnav li.icon {display: none;}

/*Navigation styles ends here*/


/*Navigation styles start here for mobile*/

ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block; 
  }

/*Navigation styles ends here for mobile*/


/*Navigation styles start here for mobile responsive*/

ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }


.FirstTouchBtn {

background-color:#0a3b72;	
}

 
  
/*Navigation styles ends here for mobile responsive*/

ul.FooterNav {
  list-style-type: none;
  margin:auto; 
  padding: 0;

  background-color: #ffffff;
  width:200px;

  color:#f47e42;
  line-height:30px;
  text-align:center;
  
 
  
}
  
ul.FooterNav a{
	
	color:#f47e42;
}

ul.FooterNav a:hover {
	
	color:#9cba42;
}



.h1 {
	
text-align:center;
font-family:arial;
font-size:38px;
color:#394c01 !important;
font-weight:bold !important;
line-height:45px;
opacity:0.9;

}

.h2 {
	
text-align:center;
font-family:arial;
font-size:52px;
color:#819c32;
font-weight:bold;

line-height:50px;

}

.h3 {
	
text-align:center;
font-family:arial;
font-size:22px;
color:#4d6602;
font-weight:normal;
line-height:26px;

}


.TextCentreMobile {

text-align:center;	
}

.LandingPageSmallerFont {
	
text-align:center;
font-family:arial;
font-size:22px;
color:#819c32;


}


.LandingPageContentHolder {


overflow:hidden;	
	
}

.LandingPageLeftColum {

margin:0px;



}

.LandingPageRightColum {


margin:3px;


}

.LandingPageLeftColum1 {

margin:auto;



}

.LandingPageRightColum1 {


margin:auto;


}




.LogoSection {
width:99%;	
margin:auto;


}

.Logo {

width:200px;
margin:auto;

}


.LogoMargin{
	
	width:240px;
	
	margin:30px auto 50px auto;
	
	
	
}


.p {

text-align:left;
font-family:arial;
font-size:19px;
color:#4d4d4d;
line-height:30px;
	
}

.smaller-p {

text-align:left;
font-family:arial;
font-size:16px;
color:#4d4d4d;
line-height:23px;
	
}


.Center {

text-align:center !important;	


}

.CenterForMobileAndDesktop {

text-align:center !important;	
margin:auto !important; 


}

.SmallText {
font-family:arial;
Font-size:19px;	
color:#4d4d4d;
line-height:18px;
padding-top:30px;

}


.HeadingSection {

width:300px;
margin:auto;


}

.ContactHeadingSection {

width:300px;
margin:auto;


}

.SubSection {

Margin: 10px 20px 0px 20px;
overflow:hidden;
}


.SubSectionFluid {

Margin: 0px 20px 0px 20px;
overflow:hidden;
}

.SubSectionFluid100 {

Margin: 0px 20px 0px 20px;
overflow:hidden;
}

.ContactSubSection {

Margin: 10px 20px 0px 20px;
}


.EnrolSubSection {

Margin: 10px 20px 0px 20px;

}

.OfstedCentreSection {

display:none;	
}

/* Button styles */


.EnrolButtonSection {

width:100%;
display:inline-block;
margin: 20px auto 0px auto;


}

.ButtonSection {

width:100%;
display:inline-block;

margin: 20px auto 0px auto;


}


.ButtonSectionOnlineForm {

width:100%;
display:inline-block;

margin: 20px auto 0px auto;


}


.ButtonSectionBlack {


margin: 20px auto 20px auto;


}

.ContactButtonSection {

width:100%;


margin: 20px auto 0px auto;


}

.LongButtonSection {

width:100%;
display:inline-block;
margin: 20px auto 0px auto;


}

.ServiceOrangeButton {

background-color:#f47e42;
color:#ffffff;
font-size:14px;
font-family:arial;	
text-align:center;
padding: 20px 0px 20px 0px;
text-decoration:none;
margin: 0 0 20px 0px;
display:block;
}

.ServiceOrangeButton:hover {

background-color:#252525;


}


.BlackButton  {


background-color:#252525;
font-size:12px;
font-family:arial;	
text-align:center;
padding: 20px 10px 20px 10px;
text-decoration:none;
margin: 0 0 0px 0px;
text-transform:uppercase;
line-height:16px;
color:#ffffff;
border-radius:3px;

}


.BlackButton:hover {


background-color:#f47e42;



}

.TextColorChange {

Color:#ffffff;
text-decoration:none !important;	
padding:20px 0 20px 0;
}



.TextColorChange2 {
	
color:#414141;
text-decoration:none;

}

.TextColorChange2 a:hover {
	
color:#f47e42; 
text-decoration:none;

}

.RedButton {

background-color:#da463c;
border-radius:3px;
font-size:12px;
font-family:arial;	
text-align:center;
padding: 20px 10px 20px 10px;
text-decoration:none !important;
margin: 0px auto 20px auto;
text-transform:uppercase;
line-height:16px;

}

.RedButton:hover {

background-color:#252525;
color:#ffffff !important;
}


.GreenButton {


background-color:#a1bb50;
border-radius:3px;
font-size:12px;
font-family:arial;	
text-align:center;
padding: 20px 10px 20px 10px;
text-decoration:none !important;
margin: 0px auto 20px auto;
text-transform:uppercase;
line-height:16px;

}

.GreenButton:hover {

background-color:#252525;
color:#ffffff !important;

}



.OrangeButton {

background-color:#f47e42;
border-radius:3px;
font-size:12px;
font-family:arial;	
text-align:center;
padding: 20px 10px 20px 10px;
text-decoration:none;
margin: 0px auto 20px auto;
text-transform:uppercase;
line-height:16px;
}

.OrangeButton:hover {

background-color:#252525;
color:#ffffff !important;

}

/* Button styles END */


#FooterContainer {

font-family:arial;
font-size:12px;
color:#202020;
background-color:#ffffff;
padding:0px 0 0px 0;
clear:both;
overflow:hidden;
}

.FooterLeft {

margin:20px;
	
}

.FooterRight {

margin:20px;
	
}

.ButtonFooter{

width:100%;

vertical-align:top;
margin:20px auto 0px auto;

}


#MainFooter {

width:100%;
margin:auto;

}


.ServiceImage{
	
width:100px;
Margin: 10px auto 10px auto;

}

.SponsorImage{
width:100%;
max-width:170px;
Margin: 10px auto 10px auto;

}

.ServiceSection {
width:100%;

margin:20px 0;
}

.FacilitiesServiceSection {
width:87%;
height:200px;
margin:20px 20px;
float:left;
overflow:hidden;
border:1px solid #CCC;
border-radius:10px;

padding: 20px 3px;
}


.CoreValuesSection {
width:87%;

margin:20px 20px;
padding: 20px 0px;
text-align:center;
float:left;
overflow:hidden;
border:1px solid #CCC;
border-radius:10px;

}



.SponsorSection {
width:87%;

margin:20px 20px;
float:left;
overflow:hidden;
}

.BankDetailsColumns {
width:87%;
height:auto;
margin:20px 20px;
float:left;
overflow:hidden;
border:1px solid #ccc;
padding:20px 20px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 3px 2px 20px #cccccc;
font-size: 16px;
line-height: 25px;
}


.WhiteBoxContainer {

  border:1px solid #ccc;
  padding:20px 20px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 3px 2px 20px #cccccc;
  margin:20px;
  }



.RightImageContainer {


margin:auto;
text-align:center;
}

.ImageContainer{
	
	width:60%;
	margin:auto;
	
}

.CenterImage{
width:40%;
margin: auto;
}

.MarginTop{

margin-top:20px;	
}

.HideMeForMobile {

display:none;
	
}

.HideMeForTablet {

display:none;
	
}

.HideMeForMobile2 {

display:none;
	
}

.CentreSectionTimeLapse {

	
width:98%;
margin:0px auto 0 auto;
text-align:center;

}



.HalfContainer{
	
width:98%;

margin:auto;
}

.InsideContainer{

margin:20px 0 20px 0;

}

.Column{
	
width:90%;
overflow:hidden;
margin:0 auto 20px auto;


}

.ColumnBtn{
	
width:90%;
overflow:hidden;
margin:0 auto 0px auto;

}




.Col1{
width:90%;
margin:20px auto 20px auto;	
Border: 10px solid #ffffff;
background-color:#ffffff;
box-shadow: 5px 5px 3px #888888;

}

.Col2{
width:97%;
margin:20px auto 20px auto;	
}
.Col3{
width:97%;
margin:20px auto 20px auto;	
}

.ServiceSection {
width:90%;

margin:20px;
overflow:hidden;

}

.FooterBackground {

background-image:url(images/Backgrounds/FooterBackground.png);
background-repeat:repeat-x;
height:100px;
	
}



.orangedropbtn {

background-color:#f47e42;
border-radius:3px;
font-size:12px;
font-family:arial;	
text-align:center;
padding: 20px 40px 20px 40px;
text-decoration:none;
margin: 0 0 20px 0px;
text-transform:uppercase;
line-height:16px;
cursor:pointer;
}

.orangedropdown {
    position: relative;
    display: inline-block;
	width:100%;
	
	
}

.orangedropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width:100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2000;
	max-height:200px;
	overflow:scroll;
}

.orangedropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.orangedropdown-content a:hover {background-color: #f1f1f1}

.orangedropdown:hover .orangedropdown-content {
    display: block;
	
}

.orangedropdown:hover .orangedropbtn {
background-color:#252525;
color:#ffffff;
font-size:12px;
font-family:arial;	
text-align:center;

text-decoration:none;
margin: 0 0 20px 0px;
text-transform:uppercase;
line-height:16px;
}




/*delete this below later*/


.greendropdown {
    position: relative;
    display: inline-block;
	width:100%;
	
	
}

.greendropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width:100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2000;
	max-height:200px;
	overflow:scroll;
	font-size:12px;
	padding:10px;
	Font-family:"Arial", Gadget, sans-serif;
	text-align:center;
	
}

.greendropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.greendropdown-content a:hover {background-color: #f1f1f1}

.greendropdown:hover .greendropdown-content {
    display: block;
	
}

.greendropdown:hover .greendropbtn {
background-color:#252525;
color:#ffffff;
font-size:12px;
font-family:arial;	
text-align:center;

text-decoration:none;
margin: 0 0 20px 0px;
text-transform:uppercase;
line-height:16px;
}




.OfstedBanner {

Width:90%;
background-color:#ffffff;
margin:0px auto 0px auto;

}

.HideMeForDesktop {

Display:block;	

}

.TopPaddingOnlyDesktop {

Padding-top:0px;
	
}

.Width60 {

width:85%;
	
}

.Width85ForMobile {

width:85%;
	
}

.SummerGradient {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bde7fb+0,9ddbe8+38,ffffff+69,fdf9e9+79,fce1bf+87,f5ce7d+96,f6cb87+100 */
background: #bde7fb; /* Old browsers */
background: -moz-linear-gradient(top, #bde7fb 0%, #9ddbe8 38%, #ffffff 69%, #fdf9e9 79%, #fce1bf 87%, #f5ce7d 96%, #f6cb87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bde7fb 0%,#9ddbe8 38%,#ffffff 69%,#fdf9e9 79%,#fce1bf 87%,#f5ce7d 96%,#f6cb87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bde7fb 0%,#9ddbe8 38%,#ffffff 69%,#fdf9e9 79%,#fce1bf 87%,#f5ce7d 96%,#f6cb87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde7fb', endColorstr='#f6cb87',GradientType=0 ); /* IE6-9 */

}

/* social media icons */


.social-media-container {
	
	margin: 60px auto 0px auto;
	text-align:center !important;
	width:80%;
}




.fab {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  margin: 4px 5px;
  border-radius: 10%;
}

.fab:hover {
    opacity: 0.7;
}

.fa-youtube {
  background: #ea3324;
  color: white;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
	
.fa-twitter {
  background: #55ACEE;
  color: white;
}
	
.fa-instagram {
  background: #125688;
  color: white;
}

.fa-tiktok {
  background: #000000;
  color: white;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Popup container - can be anything you want */
.popup {
    position: relative;
   
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* The actual popup */
.GreenButton .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #0a3b72;
    color: #fff;
	text-transform:lowercase;
    text-align: center;
    border-radius: 6px;
    padding: 18px 18px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 20%;
    margin-left: -80px;
	width:300px;
}

.OrangeButton .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #000000;
    color: #fff;
	text-transform:lowercase;
    text-align: center;
    border-radius: 6px;
    padding: 18px 18px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 80%;
    margin-left: -80px;
}



/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
	
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}



/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* carousel */
#quote-carousel {
  padding: 0 0px 0px 0px;

  text-align:center;
  
}
#mytestimonial {
  padding: 0px 0px 0px 0px;
  margin-top: 50px;
  text-align:center;
  background: #94c041;
}

#quote-carousel, #mytestimonial .carousel-item {

padding:30px 70px 30px 70px; 

}

/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -5px;
  margin-right: -19px;
 
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #f47e42;
  height:10px;
  width:10px;
  margin-bottom:1px;
}
/* typography */
h1 {
  text-align:center;
  margin-bottom:-20px !important;
}
.carousel-p {
  font-style:italic;
  font-size:18px;
  color:#ffffff;
 
  
}
.carousel-ofsted-p  {
  font-style:italic;
  font-size:19px;
  color:#ffffff;
  text-align:right;
  
  
}

.carousel-ofsted-p a {
	
  color:#ffffff;
}



.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
  }

/*cookie strip */

#overbox3 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: none;
    background-color: #FFF;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
}
#infobox3 p {
    font-size:12px;
    text-align:left;
    padding-right:80px;
    margin:25px 0 25px;
}
#infobox3 p strong {
	display: block;
}
#infobox3 a {
	position:absolute;
	right:0;
	top:40px;
	background:url(images/arrow.png) 47px 10px no-repeat #f47e42;
    font-size:18px;
    color:#FFF;
    padding:12px 35px 15px 18px;
	
}

.cookie-heading {
	
	font-size:20px !important;
	font-weight:bold;
	color:#a1bb50;
	
	
}



/*cookie strip END */


div.container.content.privacy {
	padding-bottom:25px;
}

.content.privacy p {
	margin-bottom:10px;
	font-size:12px;
}
.content.privacy h2 {
	margin-bottom:15px;
	font-size:38px;
color:#394c01;
font-weight:bold;
line-height:45px;
opacity:0.9;
}




.job-sub-section-padding {
	
	padding-top:7%;
	padding-bottom:3%
}


@media only screen and (min-width: 600px) {
.gridContainer {
	width: 89.125%;
	padding-left: 1.9375%;
	padding-right: 1.9375%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#MainFooter {


margin:20px auto 0px auto;

}

.MainFooterContainer {

width:80%;

overflow:hidden;
Margin:auto;

}

.HeadingSection {

width:50%;
margin:0 0 10px 20px;


}

.ContactHeadingSection {

width:100%;
margin:0 0 0 20px;


}

.SubSection {
width:50%;

}

.Width90TabletOnly {

width:90% !important;
	
}

.ContactSubSection {
width:100%;

}

.EnrolSubSection {
width:50%;
}

.h1 {
	
text-align:left;


}


.InnerContainer {

width:85%;
	
}



.p {

text-align:left;

	
}

/* Button styles */

.ButtonSection {

width:50%;
margin: 20px 20px 0px 20px;

}

.ButtonSectionOnlineForm {

width:50%;
margin: 20px 20px 0px 20px;

}

.ButtonSectionBlack {

width:50%;
margin-left:20px;

	
}


.ContactButtonSection {


margin: 20px 0px 0px 0px;

}



.EnrolButtonSection {

width:50%;
margin: 20px 20px 0px 20px;



}


.OrangeButton {


padding: 20px 20px 20px 20px;
text-decoration:none !important;
margin: 0 0 20px 0px;

}

.ServiceOrangeButton {

width:40%;
margin:auto;
text-decoration:none !important;

}

/* Button styles END */



.ButtonFooter{


width:43%;
float:left;
overflow:hidden;
height:230px;
margin-left:20px;
}


ul.FooterNav {
  
  margin:0; 
  
  text-align:left;
  
  
  
}

.FacilitiesServiceSection {
width:40%;



}

.CoreValuesSection {
width:37%;
height:300px;


}

.BankDetailsColumns {
width:50%;


}

.ServiceImage{

Margin: 20px auto 20px auto;
overflow:hidden;
}

.FloatMeLeft {
width:50%;
float:left;	


}

.FloatMeRight {
width:50%;
float:right;	


}




.TextPadding {

margin: 40px;
	
}

.RightImageContainer {

margin:10px auto 10px auto;
float:right;
width:42%;




}
.ImageContainer{
	
	width:80%;
	margin:auto;
	
}
	

.HideMeForMobile {

display:block;
	
}





.LandingPageWhiteSection {


width:54%;
display:inline-block;
float:left;
clear:none;

}

.LandingPageGreenSection{
float:right;
clear:none;

width:45%;
display:inline-block;
}



.TimeLapseImageSize {

Width:500px;	
}




.HalfContainer{
	
width:100%;
float:left;
overflow:hidden;
margin-left:1%;

}




.FloatLeft{

Float:left;
overflow:hidden;	
}

.Center {

text-align:left !important;	

}

.Column{
	
width:60%;


}

.ColumnBtn{
	
width:40%;
float:left;
margin:0 0px 0 6%;


}

.SponsorSection {
width:18%;
margin:20px 7%;

}
	
	

	

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 87%;
	max-width: 1232px;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}





.HeadingSection {

width:50%;



}






.FacilitiesServiceSection {
width:18%;
vertical-align:top;
margin:30px;

}

.CoreValuesSection {

vertical-align:top;
margin:30px;
padding: 20px 10px;

}


.SponsorSection {
width:18%;
vertical-align:top;
margin:30px;

}

.BankDetailsColumns {
width:25%;
vertical-align:top;
margin:30px;

}



.ImageContainer{
	
 width:60%;

}




.TimeLapseImageSize {

Width:700px;	
}

.ServiceSection {
width:45%;
float:left;

}

.Col1{
	
width:20%;
float:left;
overflow:hidden;

}

.Col2{

margin:20px 50px 20px 20px;
width:22%;
float:left;
overflow:hidden;
padding:30px;
Border:1px solid #CCC;
border-radius:20px;

}
.Col3{

margin:20px 50px 20px 0px;
width:22%;
float:left;
overflow:hidden;
Border:1px solid #CCC;
padding:30px;
border-radius:20px;
}


.Column{
	
width:40%;
float:left;

margin:0 0px 0 5%;


}





.TopPaddingOnlyDesktop {

Padding-top:50px;
	
}







}

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

/* social media icons */

.social-media-container {
	
	margin: 0px auto 0px auto;
	text-align:left !important;
	width:55%;
	float:right;
}

.sm-text-wrapper {
	
	width:60%;
	float:left;
  padding-top: 15px;
}


.CircleBorder{

  margin:20px;
  max-width:180px;

}
	
	

.job-section .container {
	
	padding-left:100px;
	padding-right:0px;
	
}
	
.HideMeForTablet {

display:block;
	
}
 
.OfstedBanner {

width:100%;
float:right;
background-color:#9cba42;
} 
 
 
  .LogoMargin{
	float:left;
	width:240px;
	
	margin:-16px 0 50px 2px;
	
	
	
}


.gridContainer {
	width: 87%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*Navigation styles start here for Desktop*/

ul.topnav li:not(:first-child) {display: block;}
  ul.topnav li.icon {
    float: right;
    display: none; 
  }
  
  
ul.topnav {
  list-style-type: none;
  margin: 0px 0 0px 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  border-radius:0px;
  
 
  
}
#quote-carousel .active  {

background-color:#9cba42;

}

ul.topnav li {
	
background-color:#f47e42;
margin:40px 0px 51px 10px;
padding: 0 0px;


	}

ul.topnav li a {
  
  color: #ffffff;
 padding: 26px 30px;
 font-size:14px
  
}

ul.topnav li a:hover { color:#ffffff;font-family:arial; background-color: #9cba42; }
  

/*Navigation styles ends here for Desktop*/


.LogoSection {
float:left;
overflow:hidden;
width:230px;	

}

.Logo {

width:250px;
float:left;
overflow:hidden;
display:inline-block;
}

.LogoGreenBar {
width:80px;
height:73px;
float:right;
overflow:hidden;
background-color: #94c041;
margin: 44px 0 0 0;
display:inline-block;
	
}

.Width90TabletOnly {

width:50% !important;
	
}

.HeadingSection {

margin-left:100px;
width:40%;
}

.SubSection {

margin-left:100px;
width:47%;
}

.SubSectionFluid {

margin-left:60px;

}

.SubSectionFluid100 {

margin-left:100px;
margin-right:200px;

}



.ButtonSection {


width:23.5%;
margin-left:100px;
display:inline-block;
}

.ButtonSectionOnlineForm {


width:36.5%;
margin-left:100px;
display:inline-block;
}

.ButtonSectionBlack {


width:24.5%;
margin-left:30px;
display:inline-block;
float:left;
}

.ButtonMain {

margin-left:70px;
	
}

.ContactButtonSection {

width:50%;
Margin:20px auto 0 auto;

}

.EnrolButtonSection {


width:90%;
vertical-align:middle;


}

.ButtonFooter{

width:22%;


}
.MainFooterContainer {

width:96%;


}

.LeftColumn {

width:40%;
display:inline-block;
vertical-align:top;
margin:0 0 40px 70px;

}




.LandingPageContentHolder {

width:100%;
margin:auto;

}
.LandingPageLeftColum {

float:right;
width:63%;
vertical-align:top;
margin:0px 0 0 0px;



}

.LandingPageRightColum {

float:left;
width:35%;
vertical-align:top;
margin:0px 0px 0px 0px;


}

.LandingPageLeftColum1 {

float:Left;
width:45%;
vertical-align:top;
margin:52px auto 0px auto;



}

.LandingPageRightColum1 {

float:right;
width:45%;
vertical-align:top;
margin:52px auto 0px auto;


}


.LandingPageTopPadding{

padding-top:30px;
	
}





.OfstedCentreSection {
	
width:66%;
margin:auto; 
border-bottom: 2px solid #819c32;
padding:0 0 30px 0;
display:block;

}


.EnrolSubSection {
width:90%;

height:80px;
}

.FooterLeft {

float:left;	
position:relative;
Margin-left:100px;


}

.FooterRight {

float:right;
Margin-right:100px;	
}





.FacilitiesServiceSection {

margin:38px;
}

.CoreValuesSection {

margin:39px;
width:40%;
height:290px;
}

.SponsorSection {

margin:39px;
}

.BankDetailsColumns {

margin:25px;
}


.SectionContainer{

margin:0px 60px;
overflow:hidden;
clear:both;	
}

.LeftMargin {

margin-left:80px;
	
}

.AutoMargin {

width:60%;
margin:auto;

}


.WhiteSection{


padding:60px 0 60px 0;
	
}

.GreenSection{


padding:60px 0 60px 0;
	
}


.h2 {
	
font-size:45px;
text-align:left;
line-height:46px;
	
}

.LandingPageSmallerFont {
	
text-align:left;
font-family:arial;
font-size:24px;
color:#819c32;

}


.PaddingLeft{
	
Padding-left:10%;	
	
}

.MarginBottom {

Margin-bottom:35px;

}

.CentreSection {


width:80%;
margin:auto;

}

.HideMeForDesktop {

display:none;
	
}

.TextLeftDesktopOnly {

text-align:left;	
	
}




/* the wrapper element that will become the outer circle */
.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  top:58em;
  margin-left:-5em;
  background:#111;
  width:2em;
  height:4em;
  padding:3em 4em 2em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
  opacity:1;
}

/* a triangle to make the main part of the arrow. Adjust the border-color to fit your needs */
.arrow {
  position:absolute;
  z-index:1;
  left:50%;
  top:30em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0em 3em;
  opacity:1;
  border-color: #9cba42 transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

/* a pseudo element arrow placed on top of the other one with the same color as the wrapper */
.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 2.7em 3em 0 3em;
  border-color: #fff transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

.arrow:Before {

content:'Scroll';
position:relative;
top:10px;
left:-18px;

color:#9cba42;
font-family:arial;

}


a {

text-decoration:none;
	
}


.LandingPageBtnOrange {

float:left;

margin:0px 10px;
font-family: arial;
padding:10px 10px;

}

.HideMeForDesktop {

Display:none;	

}

.HideMeForMobile2 {

display:block;
	
}


.Width60 {

width:60%;
	
}

.Column{
	
width:20%;
margin:0 0px 0 3.5%;

}
	
	
	
.buttons-3 .Column{
	
width:24%;
margin:0 0px 0 4.5%;

}	
	
	
	
	

.ColumnBtn{
	
	
width:15%;


margin:0 0px 0 120px;



}

.InnerContainer {
width:1366px;

}

}




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


.InnerContainer {


margin:auto;
width:1366px;

	
}



	
}