#popup {
	position:fixed;
	margin:0 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}
#popup img {
	width: 100%;
}

#popup p {
	font-size: 1.5em;
	color: #fff;
	background-color: #FEA519;
	padding: 5px;
}

.slt-photo img {
	border-radius: 50%;
	width: 100%;
	margin-top: 40px;
}
.school-welcome {
	padding: 0 50px;
}
.school-welcome p {
	font-size: 1.4em;
}
.social-box {
	height: 500px;
	
}
.appointment-bar {
	color: #fff;
}

.slide-fwd-top {
	-webkit-animation: slide-fwd-top 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 700ms both;
	        animation: slide-fwd-top 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 700ms both;

}
/* ----------------------------------------------
 * Generated by Animista on 2020-6-25 23:37:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-fwd-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-top {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(0) translateY(-100px);
            transform: translateZ(0) translateY(-100px);
  }
}
@keyframes slide-fwd-top {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(0) translateY(-100px);
            transform: translateZ(0) translateY(-100px);
  }
}




/* Home Slide CSS */
.carousel-caption h3 {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
}
.school-moto {
	margin-top: -70px;
}
.school-moto h3 {
	font-weight: 300;
	font-size: 40px;
	color: #bab86c!important;
}
.fill {
	height: 90vh;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}





@keyframes slide-fwd-top {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(-100px) translateY(-100px);
            transform: translateZ(-100px) translateY(-100px);
  }
}


/* XL */
@media only screen and (max-width : 1411px) {
    .hp-item { 
		height: 380px;
		font-size: 3em;
	}
	.fill {
	height: 70vh;
	width: 100%;
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1215px) {
    .hp-item { 
		height: 300px;
		font-size: 2.7em;
	}
	.fill {
	height: 80vh!important;
	}
}

@media only screen and (max-width : 925px) {
	.navbar .navbar-collapse {
		max-height: 450px;	
		overflow: scroll !important;
	}
	.open>.dropdown-menu {
		text-align: center;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
    .hp-item { 
		height: 300px;
		font-size: 1.8em;
		transition: filter 0.2s linear;
	}
	.fill {
	height: 50vh!important;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	}
}
.hp-item-open {}
.hp-item-news {}
.hp-item-term {}
.hp-item-contact {}
.hp-item-parents {}
.hp-item-ofsted {}
.hp-item a { display: block; }




.carousel-caption {
	font-weight: bold;
	font-size: 5rem;
	bottom: 60px;
}
.glyphicon {
	display: none !important;
}
.shape-top {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
	background-size: 80% 100px;
	bottom: 80px;
	position: relative;
	height: 80px;
	z-index: 10;
	width: 101%;
}
.shape-contact {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDUxLjc2YzM2LjIxLTIuMjUgNzcuNTctMy41OCAxMjYuNDItMy41OCAzMjAgMCAzMjAgNTcgNjQwIDU3IDI3MS4xNSAwIDMxMi41OC00MC45MSA1MTMuNTgtNTMuNFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHYzLjRDMjguMiAxLjYgNTkuNC41OSA5NC40Mi41OWMzMjAgMCAzMjAgODQuMyA2NDAgODQuMyAyODUgMCAzMTYuMTctNjYuODUgNTQ1LjU4LTgxLjQ5VjB6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 100px;
	bottom:0;
	position: relative;
	height: 100px;
	z-index: 10;
}
.shape-bottom {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMzYmIzYjIiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
	background-size: 100% 100px;
	bottom: 40px;
	position: relative;
	height: 100px;
	z-index: 10;
	transform: rotateY(180deg) rotateX(180deg);
}
/* Slideshow Fade CSS */
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
}
	.right-nav li {
}
.btn-info {
	width: 130px;
}
.headbanner {
	border-bottom: 4px solid #65584f;
	border-top: 4px solid #65584f;
}
	
#footer-outer {
	background-color: #1A83AD;
	padding: 30px;
	padding-bottom : 30px;
	color: #fff;
}
	/* == Language Selector == */
#gtranslate {
	position: fixed;
	left: 0;
	bottom: 0;
	top: 200px;
	z-index: 9999;
}
#gtranslate-tab {
	position: fixed;
	right: 25px;
	float: right;
	cursor: pointer;
	text-align: center;
	width: 75px;
	height: 75px;
	background-color: #FEA519;
	border-radius: 50%;
	border: solid 4px #1A83AD;
}
#gtranslate-tab svg {
	padding-top: 22px;
	color: #2162A3 !important;
}
#gtranslate-tab:hover {
	background-color: #1A83AD;
	border: solid 4px #FEA519;
}
#gtranslate-tab:hover .fa-language {
	color: #FEA519;
}
#gtranslate-form {
	position: fixed;
	float: right;
	background-color: transparent;
	width: 167px;
	margin-right: 100px;
	margin-top: 25px;
	right: 0;
	height: inherit;
	z-index: 9999 !important;
	padding-left: 5px;
	padding-right: 10px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.fa-language {
	margin-top: 5px;
}


/* == Site Search Button == */
#sitesearch {
	position: fixed;
	left: 0;
	top: 120px;
	bottom: 0;
	z-index: 9999;
}
#sitesearch-tab {
	position: fixed;
	right: 25px;
	float: right;
	cursor: pointer;
	text-align: center;
	width: 75px;
	height: 75px;
	background-color: #FEA519;
	border-radius: 50%;
	border: solid 4px #1A83AD;
}
#sitesearch-tab svg {
	margin-top: 9px;
	padding: 15px;
	color: #fff;
}
#sitesearch-tab:hover {
	background-color: #1A83AD;
	border: solid 4px #FEA519;
}
#sitesearch-tab:hover .fa-search {
	color: #FEA519!important;
}
#sitesearch-form {
	position: fixed;
	float: right;
	background-color: transparent;
	width: 167px;
	margin-right: 100px;
	margin-top: 25px;
	right: 0;
	height: inherit;
	z-index: 9999 !important;
	padding-left: 5px;
	padding-right: 10px;
	background-clip: 'padding-box';
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.fa-search {
	margin-top: 5px;
}
	.fas {
	padding-top: 8px;
}
.fa-search {
	color: #1A83AD;
}
.fa-language {
	color: #1A83AD;
}
.slfooter {
	padding-top: 30px;
}
.home-box-section h2 {
	color: #1A83AD;
	padding-top: 5px;
}
.home-box {
	background-color: #FEA519;
	padding-bottom: 20px;
}
.home-box-section img {
	max-width: 100%;
	display: block;
	height: auto;
}
.home-box:hover {
	background-color: #1A83AD;
}
.home-box:hover h2 {
	color: #FEA519;
}
	
	/* Slideshow Images CSS */
#slide-1 {
	background-image: url("/webcontent/webimage/slide-1-roberts.jpg");
}
#slide-2 {
	background-image: url("/webcontent/webimage/slide-2-roberts.jpg");
}
#slide-3 {
	background-image: url("/webcontent/webimage/slide-3-roberts.jpg");
}
#slide-4 {
	background-image: url("/webcontent/webimage/slide-4-roberts.jpg");
}
#slide-5 {
	background-image: url("/webcontent/webimage/slide-5-roberts.jpg");
	background-position: 50% 30%;
}
#slide-6 {
	background-image: url("/webcontent/webimage/slide-6-roberts.jpg");
	background-position: 50% 30%;
}
#slide-7 {
	background-image: url("/webcontent/webimage/slide-7-roberts.jpg");
	background-position: 50% 30%;
}
#slide-8 {
	background-image: url("/webcontent/webimage/slide-8-roberts.jpg");
	background-position: 50% 30%;
}
#slide-9 {
	background-image: url("/webcontent/webimage/slide-9-roberts.jpg");
}
#slide-10 {
	background-image: url("/webcontent/webimage/slide-10-roberts.jpg");
}
#slide-11 {
	background-image: url("/webcontent/webimage/slide-11-roberts.jpg");
}
#slide-12 {
	background-image: url("/webcontent/webimage/slide-13-roberts.jpg");
	background-position: 50% 20%;
}