/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3bd6de");
  
@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('webFonts/Gilroy-ExtraBold/font.woff2') format('woff2'), url('webFonts/Gilroy-ExtraBold/font.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url('webFonts/Gilroy-Light/font.woff2') format('woff2'), url('webFonts/Gilroy-Light/font.woff') format('woff');
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
	color: #E52000;
}

.btn-white-border {
	border-color: white;
	background-color: transparent;
	color: #fff;
}

.btn-white-border:hover {
	background-color: #fff;
	color: #E10F00;
}

.btn-red-border {
	border-color: #E10F00;
	background-color: transparent;
	color: #333;
	font-weight: 700;
	margin-top: 20px;
}


body {
font-family: 'Open Sans', sans-serif;
	
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Gilroy-ExtraBold;
}

.header-wrap nav {
	background:  #E10F00;
	float: right;
	padding: 0 10px;
}

.top-social-links {
	text-align: right;
	padding-top: 30px;
}

.logo {
	margin-bottom: -30px;

}

.logo img {
	width: 250px;
	height: auto;
}

.top-social-links a:hover {
	opacity: 0.7;
}

.nav-wrap {
/*	overflow: hidden;*/
}

.header-image-wrap {
	background-color: #000;
	height: 415px;
	background-image: url('images/temp-head.jpg');
	background-position: top right;
	background-repeat: no-repeat;
/*	display: table*/
}

.cycle-bg-image {
	background-position: top right;
}

.header-internal {
	height: 315px;
	background-attachment: fixed;
	background-image: url('images/head-int1.jpg');
	overflow: hidden;
}

.header-image-wrap h1 {
	font-size: 36px;
	color: #fff;
	line-height: 1.3;
	border-bottom: 2px solid #E52000;
	display: inline;
}

.header-text {
	display: table-cell;
	vertical-align: middle;
	height: 415px;
}

.header-text .btn {
	margin-top: 30px;
}

.home-red-wrap {
	background: #E10F00;
	padding: 40px 0;
	text-align: center;
	
}

.home-red-wrap img {
	margin: 0 auto;
}

.home-red-wrap h2, .home-news-wrap h2 {
font-size: 28px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
color: #fff;
border-bottom: 2px solid #fff;
display: inline;
}

.home-red-wrap h2:after, .home-news-wrap h2:after {
content: '';
display: block;
margin-bottom: 40px;
}

.trustinnumbers img {
	margin-bottom: 15px;
}

.trustinnumbers  {
	color: white;
}


.trustinnumbers p {
	font-family: Gilroy-ExtraBold;
	font-size: 16px;
}


  
.trustinnumbersicons  {
	
}



.home-flash-wrap {
	background: #fff7a5;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	
}

.home-flash-wrap h3 {
	font-weight: bold;
	font-size: 22px;
	
}

.home-flash-wrap img {
	width: 100%;
	height: auto;
	
}



.sixbuttons {
	background: #012060 url('images/lionwatermark.png') no-repeat center center;
	padding-top: 50px;
	padding-bottom: 20px;
}

.sixbuttons a {
	display: block;
	border-radius: 6px;
	padding: 15px 15px 15px 60px;
	margin-bottom: 30px;
	font-family: Gilroy-ExtraBold;
	font-size: 22px;
	color: #012060;
	background: #fff url('images/linkicon.svg') no-repeat left 10px center;
}

.sixbuttons a:hover {
	
	background: #fff7a5 url('images/linkicon.svg') no-repeat left 10px center;
	text-decoration: none;
}

.llp {
	background: #B3B3B3 url('images/llpwatermark.png') no-repeat center top;
	padding: 50px 0;
	color: white;
}

.llp h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 50px;
}

.llp h3 {
	font-size: 20px;
	margin-top: 5px;
		padding-left: 50px;

}

.llp p {
	font-size: 18px;
	margin-top: 15px;
		padding-left: 50px;
}

.llp .btn-primary {
	font-size: 18px;
	background-color: white;
	border-color: white;
	color: #E10F00;
	font-family: Gilroy-ExtraBold;
	margin-top: 10px;
}

.llp .btn-primary:hover {
	background-color: #333;
	color: #fff;

}

.home-news-wrap h2 {
	color:#E10F00;
	border-bottom: 2px solid #E10F00;
}

.home-news-wrap {
	padding: 40px 0;
	text-align: center;
}

.home-news-feed {
	text-align: left;
	padding-right: 30px;
}

.home-news-feed .NewsSummaryPostdate {
	 color: #E10F00;
}

.home-news-feed .NewsSummaryLink {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}

.home-news-feed .NewsSummaryLink a {
	color: #333;
}

.see-news {
	margin-top: 20px;
}
.see-news a {
	color: #E10F00;
	font-weight: 700;
}

.red-left-border::before {
content: '';
	border-left: 1px solid #E10F00;
	width: 1px;
	height: 100%;
	left: 0;
	position: absolute;
}

.footer-wrap {
	background-color: #222222;
}

.footer {
	/*background-image: url(images/footer-bg.png);*/
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 260px;
	color: #fff;
	padding-top: 30px;
}


.footer a {
	color: #fff;
	text-decoration: underline;
}

.let-logo-footer {
	width: 180px;
}

.communitas, .communitas a {
	color: #999;
	padding-top: 25px;
	font-size: 13px;
}

.general-wrap {
	padding: 40px 0;
	color: #535353;
}

.left-col p  {
	line-height: 1.4;
}

.left-col h2 {
	font-size: 18px;
	line-height: 1.4;
	margin-top: 0;
}

.left-col h3 {
	font-size: 18px;
	font-weight:700;
	color: #E10F00;
}

.ourschool h1 {
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 0;
}

.headteacher {
	background: #eee;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 40px;
	padding: 10px 125px 10px 5px;
}

.headteacher img {
	width: 120px;
	height: auto;
	float: right;
	margin-top: -60px;
	margin-right: -125px;
}


ul.link-list, .download-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
 
.link-list p {
margin: 0;
padding: 0;
 	
 }
 
.link-list a, .download-links ul a {
 display: block;
 background-color: #f1f1f1;
padding: 5px;
margin-bottom: 5px;
background-image: url(images/download-icon.svg);
background-repeat: no-repeat;
background-position: right 10px center;
 	
 }
 
 .link-list a:hover, .download-links ul a:hover {
 background-color: #ddd;
 }




.sub-menu {
	background-color: #eee;
}

.sub-menu-header {
	background-color: #E52000;
	color: #fff;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
}

.sub-menu ul {
	padding: 10px 10px;
	list-style: none;
}

.sub-menu ul li a {
	color: #545454;
	display: block;
	padding: 10px 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.sub-menu ul li a:hover {
	color: #E52000;
	background: #ccc;
	text-decoration: none;
	position: relative;
}

.sub-menu ul li a:hover:after {
	content: '\02192';
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
}

.sub-menu ul li  {
	border-bottom: 1px solid #fff;
/*	padding-bottom: 10px;
	margin-bottom: 10px;*/
}

.quote-wrap {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
/*	padding: 10px 60px;*/
	margin-top: 40px;
}

.quote-wrap::before {
content: '';
background-image: url(images/quote-left.png);
background-position: top left;
height: 26px;
width: 100%;
display: block;
background-repeat: no-repeat;
border-bottom: 1px solid #E52000;
}

.quote-wrap::after {
content: '';
background-image: url(images/quote-right.png);
background-position: top 4px right;
height: 26px;
width: 100%;
display: block;
background-repeat: no-repeat;
border-top: 1px solid #E52000;
}

.quote-wrap p {
	padding-left: 60px;
	padding-right: 60px;
}

.quote-wrap p:first-of-type {
	padding-top: 30px;
}

.quote-wrap p:last-of-type {
	padding-bottom: 30px;
}
.quote-wrap strong {
	font-size: 15px;
	font-weight: 700;
	color: #E52000;
}

.schoolinfo-inner {
	padding-top: 30px;
	margin-top: 20px;
}

.schoolinfo h3 {
	display: block;
	border-bottom: 1px solid #E52000;
	margin-bottom: 30px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #E52000;
}

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

.ofsted-wrap {
/*	height: 50px;*/
	border: 1px solid #E52000;
	border-radius: 6px;
/*	display: inline-block;*/
display: inline-block;
	vertical-align: top;
	background: #fff;
/*	width: 100%;*/
	padding: 8px;
	margin-bottom: 20px;
	line-height: 1.2;
	margin-top: 30px;
}

.ofstedlogo img {

/*	
padding-top: 5px;
padding-left: 10px;
display: inline;*/

}

.ofstedlinks-data, .ofstedlinks-parent {
	display: inline-block;
	border-left: 1px solid #E52000;
	font-size: 15px;
	margin-left: 10px;
	padding-left: 10px;
	vertical-align: text-bottom;
	height: 36px;
	
}

.NewsSummary {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

#NewsPostDetailDate, .NewsSummaryPostdate {
	
	background: #ddd;
	display: inline-block;
	padding: 3px 8px;
	margin-bottom: 10px;
	
}

.NewsSummaryPostdate {
	
	font-size: 14px;
	}
	

.NewsSummaryLink {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 4px;
}


.NewsSummarySummary p {
	line-height: 1.3;
}

.NewsSummaryMorelink {
	margin-bottom: 20px;
	margin-top: 0px;
}

#NewsPostDetailTitle {
	font-size: 22px;
	color: #E52000;
	line-height: 1.3;
	border: none;
	text-transform: none;
	padding-bottom: 0;
}

#NewsPostDetailReturnLink a {
	border: 1px solid #E52000;
	padding: 8px 16px;
	border-radius: 10px;
}

#NewsPostDetailReturnLink {
	padding-top: 10px;
	padding-bottom: 10px;
}

.NewsSummaryMorelinkHome {
	color: #333;
	margin-top: -10px;
}

.NewsSummaryMorelinkHome a {
	color: #333;
}


/*COLLAPSE PANEL*/

.panel-group {
	margin-top: 30px;
}
.panel-heading {
	position: relative;
}

.panel-heading:after {
	content: '\02193';
	position: absolute;
	top: 15px;
	right: 30px;
	pointer-events: none
}
.panel-title h3 {
	margin-bottom: 0;
	margin-top: 10px;
}

.panel-title  a:hover {
	text-decoration: none;
}

.panel-title  a:hover h3 {
	color: #333;
}

/*LISE STUFF*/

.vacancies-wrap, .tenders-wrap {
margin-top: 30px;
}

.vacancies-wrap .item, .tenders-wrap .item {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.vacancies-wrap .item h2, .tenders-wrap .item h2 {
color: #666;
font-weight: 700;
margin-bottom: 5px;
background: #f5f5f5;
padding: 5px;
}

.vacancies-wrap .job-readmore , .tenders-wrap .tenders-readmore {
	margin-top: 5px;
}

.vacancies-detail h2, .tenders-detail h2 {
	font-weight: 700;
	color: #E52000;
}

.vacancies-detail .return-link, .tenders-detail .return-link {
	font-weight: 700;
	color: #E52000;
	border: 1px solid #E52000;
	padding: 8px 16px;
	border-radius: 8px;
}

.vacancies-detail .item-properties, .tenders-detail .item-properties {
	margin-bottom: 20px;
}

.vacancies-detail .item-properties a {
	background: #f6f6f6;
	display: block;
	padding: 5px;
}

.vacancies-detail .item-properties a:hover, .tenders-detail .item-properties a:hover {
	color: #333;
	text-decoration: none;
}

.vacancies-detail .item-properties a:after {
content: '\02192';
float: right;
}



/*SLIDER*/

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #ccc;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #ccc;
  cursor: default;
}

.unslider img {
	max-width: 100%;
}

/*NAVIGATION */
/*NAVIGATION */
/*NAVIGATION */
 nav {
	color: #fff;
	height: 37px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}
#main-menu {
	/*	margin-top: 25px;*/
}
#main-menu > li {
	display: block;
	border-bottom: 1px dotted #f1f1f1;
	position: relative;
}
#main-menu > li:last-child {
	border-bottom: none;
}
#main-menu > li > a, #main-menu > li.sectionheader > span {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
	cursor: pointer;
	padding: 8px 0;
	display: block;
	position: relative;
}
#main-menu > li.current > a, #main-menu > li.current.sectionheader > span, #main-menu > li:hover > a, #main-menu > li.sectionheader:hover > span {
	color: #fff;
}
#main-menu > li.current.sectionheader > span, #main-menu > li:hover > a, #main-menu > li.sectionheader:hover > span {
	color: #fff666;
}
#main-menu > li > ul, #main-menu > li > ul > li > ul {
	position: absolute;
	left: -999em;
}
#main-menu > li:hover > ul {
	position: relative;
	left: 0;
}
#main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	text-decoration: none;
	color: #555;
	text-transform: uppercase;
	display: block;
	padding: 4px 0;
}
#main-menu > li > ul > li:hover > a, #main-menu > li > ul > li.sectionheader:hover > span, #main-menu > li > ul > li > ul > li:hover > a, #main-menu > li > ul > li > ul > li.sectionheader:hover > span {
	color: #999;
	
}
#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	padding-left: 15px;
	font-size: .875em;
	text-transform: none;
}
#main-menu > li > a i, #main-menu > li > ul > li > a i, #main-menu > li.sectionheader > span i, #main-menu > li > ul > li.sectionheader > span i {
/*	 float: right;*/
	float: left;
	position: relative;
	padding-top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
}
#main-menu > li:hover > a i, #main-menu > li.active > a i, #main-menu > li > ul > li:hover > a i, #main-menu > li > ul > li.active > a i, #main-menu > li.sectionheader:hover > span i, #main-menu > li.active.sectionheader > span i, #main-menu > li > ul > li.sectionheader:hover > span i, #main-menu > li > ul > li.active.sectionheader > span i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.cf:before, .cf:after {
	content:" ";
	display: table;
}
.cf:after {
	clear: both;
}
nav.main-navigation {
	z-index: 990;
	/*   height: 55px;*/
	line-height: 37px;
	/*margin-top: 20px;*/
}
#main-menu {
	/* float: right;*/
	float: left;
	margin-top: 0;
}
#main-menu > li {
	display: inline-block;
	padding: 0;
	margin: 0 4px;
	border: none;
	position: relative;
}
#main-menu > li i {
	display: none;
}
.touch-device #main-menu > li i {
	display: inline-block;
	float: none;
}
.touch-device #main-menu > li li i {
	float: left;
	display: inline-block;
	margin-right: 8px;
	padding-top: 2px;
	text-align: left;
}
.touch-device #main-menu > li:first-child li i {
	float: left;
	/* float: right;*/
}
#main-menu > li:first-child, #main-menu > li.first {
	margin-left: 0;
}
#main-menu > li:last-child, #main-menu > li.last {
	margin-right: 0;
}
#main-menu > li > a, #main-menu > li.sectionheader span {
	padding: 0 6px 0 10px;
	line-height: 37px;
	font-size: 1em;
}
#main-menu > li:first-of-type > a {
	padding: 0 6px 0 0px;
}
#main-menu > li.parent:hover > a, #main-menu > li.sectionheader.parent:hover > span, #main-menu > li.parent.active > a, #main-menu > li.parent.active > span {
	color: #fff666;
	background-color: #555;
	background-color: rgba(85, 85, 85, .95);
	
}
#main-menu > li ul li.parent:after {
	content:'';
	color: #fff;
}
#main-menu > li > ul, #main-menu > li > ul > li > ul {
	display: block;
	width: 260px;
}
#main-menu > li:hover > ul, #main-menu > li.active > ul, #main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	height: auto;
	position: absolute;
	z-index: 9999;
	top: 37px;
	left: 0;
	left: auto;
	display: block;
	border-radius: 3px;
}
#main-menu > li:first-child:hover > ul, #main-menu > li:first-child.active > ul {
	left: auto;
	right: 0;
}
#main-menu > li > ul > li {
	position: relative;
	line-height: 1;
	margin: 0;
	padding-right: 10px;
}

#main-menu > li > ul > li.parent > a:after {
content: '\02192';
display: inline;
float: right;

}
#main-menu > li:first-child > ul > li {
	padding-right: 10px;
	padding-left: 0;
}
#main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	color: #fff;
	display: block;
	text-transform: none;
	line-height: 1.2;
	border-bottom: 1px solid #666666;
	background-color: #555;
	background-color: rgba(90, 90, 90, .98);
	padding: 8px 12px;
	font-size: .875em;
	text-decoration: none;
}
#main-menu > li > ul > li.current > a, #main-menu > li > ul > li.current.sectionheader > span, #main-menu > li > ul > li > ul > li.current > a, #main-menu > li > ul > ul > li > li.current.sectionheader > span {
	color: #f39c2c;
}
#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	width: 250px;
	height: auto;
	top: 0;
	left: auto;
	right: -250px;
}
#main-menu > li:first-child > ul > li:hover > ul, #main-menu > li:first-child > ul > li.active > ul {
	right: auto;
	left: -250px;
}
.lt-ie9 #main-menu > li > ul > li:hover > ul, .lt-ie9 #main-menu > li > ul > li.active > ul {
	right: -247px;
}
#main-menu > li > ul > li:hover > ul:after, #main-menu > li > ul > li.active > ul:after {
	content:' ';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 6px 7px 0px;
	border-color: transparent #555 transparent transparent;
	border-color: transparent rgba(85, 85, 85, .95) transparent transparent;
	position: absolute;
	left: -6px;
	top: 12px;
}
.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul, .lt-ie9 #main-menu > li:first-child > ul > li.active > ul {
	right: auto;
	left: -247px;
}
#main-menu > li:first-child > ul > li:hover > ul:after, #main-menu > li:first-child > ul > li.active > ul:after {
	right: -10px;
	left: auto;
}
#main-menu li ul li a:hover, #main-menu li ul li span.sectionheader:hover {
	box-shadow: 0 0 5px rgba(85, 85, 85, .9);
	z-index: 2px;
}
#main-menu > ul > li:last-child > a, #main-menu > ul > li.sectionheader:last-child > span, #main-menu > ul > li > ul > li:last-child > a, #main-menu > ul > li > ul > li.sectionheader:last-child > span {
	border-bottom: none;
}
/*!
	 * SlickNav Responsive Mobile Menu v1.0.7
	 * (c) 2016 Josh Cope
	 * licensed under MIT
	 */
 .slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: left;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
	margin: 5px 5px 6px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #fff;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em;
}
.slicknav_menu {
	*zoom: 1;
	font-size: 16px;
	box-sizing: border-box;
	background-image: url('images/wolstantonlogo.png');
	background-size: 150px auto;
	background-repeat: no-repeat;
	background-position: right 10px top 5px;
	padding: 5px 5px 10px 5px;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
	color: #333;
	font-weight: bold;
	/*	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.4);*/
}
.slicknav_menu .slicknav_icon {
	float: left;
	width: 1.125em;
	height: 0.875em;
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content:"";
	position: absolute;
}
.slicknav_menu .slicknav_no-text {
	margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
/*	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #333;
	
}
.slicknav_menu:before {
	content:" ";
	display: table;
}
.slicknav_menu:after {
	content:" ";
	display: table;
	clear: both;
}
.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	display: block;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 20px;
}
.slicknav_nav li {
	display: block;
}
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_item a {
	display: inline;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #E10F00;
	border-bottom: 1px solid #eee;
}

.slicknav_nav a a {
	border-bottom: none;
}

.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #222;
}

.slicknav_nav .slicknav_parent-link a {
	display: inline;
}
.slicknav_brand {
	float: left;
}
.slicknav_menu * {
	box-sizing: border-box;
}


.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 5px;
}
.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #fff;
}


.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}
slicknav_menu .cf:before, .cf:after {
	display: none;
	content: none;
	clear: none;
}
.slicknav_menu {
	display:none;
}

@media only screen and (max-width : 768px) {
	.slicknav_menu {
		display:block;
	}
	
}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    
    #main-menu > li > a, #main-menu > li.sectionheader span {
    	padding: 0 6px 0 6px;
    	font-size: 14px;
    }

    #main-menu > li {
    	margin: 0 0px;
    }
    
    #main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
    	padding: 8px 6px;

    }
 

    }
/*END NAVIGATION */

/*FORMS*/
/*FORMS*/
/*FORMS*/

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th { font-size: 14px}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	/*margin-left:1em;*/
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
/* 	border:1px solid #ccc;
	padding:0.5em*/
}
fieldset label {
	width:auto;
}
legend {
display:none;
	color:#FFF;
	background:#333;
	font-size:18px;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 10em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em;}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}



.contactform input {border: 1px solid #ccc; font-size:14px; margin-bottom:10px;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
margin-bottom:10px;
font-weight: 700;
color: #666;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #ccc;
font-size:14px;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Just a bit more room for the Submit button */
.submit {
margin-top:0.5em;
width:100px !important;

}

.submit input {
width:125px;
background-color: #0074B9;
color:#fff;
margin-left:150px;
border-radius: 10px;
border: none;
}

input {
	width:300px;
	height:35px;
	}
	
	textarea {
	width:300px;
	}
	
	.cms_dropdown {
		margin-bottom: 10px;
	}
	
	select {
		font-size: 16px;
		width: 300px;
	}

.packageradio input {
	width:auto !important;
margin:0;
margin-left:5px;
padding:0;
height:auto;
	}

.packageradio div {
	width:auto !important;
float:left;
margin-top:0px; !important;
margin-left:0px; !important;
margin-right:10px; !important;
	}

.packageradio div label {
	width:auto !important;
height:auto;
margin:0px !important;
padding:0px !important;
	}

.static {clear:both; padding-bottom:10px;}

.error_message {
color:#990000;}

/*END FORMS*/

/* Flexible iFrame for map*/

.Flexible-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
        margin-bottom: 15px;
      overflow: hidden!important;       
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden!important;   
}


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    
.ofstedlinks-data, .ofstedlinks-parent {
	padding-left: 10px;
}
.ofstedlogo {
	display: none;
}

    .sixbuttons a {
	font-size: 18px;

}
    }
    


 @media screen and (max-width: 992px) {
 .logo {
 	margin-bottom: 0;
 }
 
 .main-navigation {
 	width: 100%;
 }
 
#main-menu {
 	float: right;
 }
.ofstedlinks-data, .ofstedlinks-parent {
	padding-left: 20px;
}

.ofstedlogo {
	display: inline-block;
}

	.llp h2 {
	padding-left: 0px;
}

.llp h3 {
		padding-left: 0px;

}

.llp p {
		padding-left: 0px;
}

 
 }

@media screen and (max-width: 768px) {
    /* #menu is the original menu */
    #main-menu {
        display:none;
    }
    
    .top-social-links, .nav-wrap {
    	display: none;
    }
    
    .logo {
    	text-align: center;
    	padding-bottom: 10px;
    	margin: 0;
    }
    
    .header-text {
/*    	display: block;*/
    	height: auto;
    	margin-top: 20px;
    	padding-right: 30px ;
    	height: 200px;
    }
    
    .header-text .btn {
    	margin-top: 10px;
    }
    
    .header-text h1 {
    	font-size: 24px;
    	background: rgba(0, 0, 0, 0.65);
    	border-bottom: none;
    	line-height: 1.4;
    }
    
    .header-image-wrap, .cycle-bg-image {
    	height: 200px;
    	background-size: cover!important;
    	background-attachment: scroll;
    }
    
    .red-left-border {
    	margin-top: 40px;
    }
    
    .red-left-border::before {
    	border-left: none;    	
    }
    
    .headteacher {
    	font-size: 16px;
    	padding-right: 80px;
    }
    
    .headteacher img {
    	width: 80px;
    	margin-top: -40px;
    	margin-right: -80px;
    }
    
    .sub-menu {
    	margin-top: 30px;
    }
    
    .quote-wrap p {
    	padding-left: 0px;
    	padding-right: 0px;
    	font-size: 18px;
    }
	
	

    


    
}

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