#mainbody {
	margin-top: 150px;
}
.main-body-color {
	background-color: #3bb3b2 !important;
}

.navbar-fixed-top {
	background: rgb(32,151,191);
	background: linear-gradient(180deg, rgba(32,151,191) 100%, rgba(0,0,0,0) 25%);
  transition: 1.2s;
}

.shape {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
	background-size: 100% 100px;
	bottom: 80px;
	position: relative;
	height: 100px;
	z-index: 10;
}
.shape-contact {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDUxLjc2YzM2LjIxLTIuMjUgNzcuNTctMy41OCAxMjYuNDItMy41OCAzMjAgMCAzMjAgNTcgNjQwIDU3IDI3MS4xNSAwIDMxMi41OC00MC45MSA1MTMuNTgtNTMuNFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHYzLjRDMjguMiAxLjYgNTkuNC41OSA5NC40Mi41OWMzMjAgMCAzMjAgODQuMyA2NDAgODQuMyAyODUgMCAzMTYuMTctNjYuODUgNTQ1LjU4LTgxLjQ5VjB6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 100px;
	bottom: 80px;
	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);
}

.appointment-bar {
	color: #fff;
}
.btn {
	background-color: #de7c00;
	border: none;
}

.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;
.row {
    margin-right: 15px;
    margin-left: 15px;
}
}
/* ----------------------------------------------
 * 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 */

.school-moto h3 {
	font-weight: 600;
	font-size: 40px;
	color: #D14E0A!important;
}


.fill {
	height: 80vh;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (min-width : 368px) {
    .hp-item { 
		height: 400px;
		font-size: 1.8em;
		transition: filter 0.2s linear;
	}
	.fill {
	height: 40vh;
	width: 100%;
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat;
	}

}


@media only screen and (min-width : 768px) {
    .hp-item { 
		height: 400px;
		font-size: 1.8em;
		transition: filter 0.2s linear;
	}
	.fill {
	height: 30vh;
	width: 100%;
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .hp-item { 
		height: 400px;
		font-size: 2.5em;
	}
	.fill {
	height: 50vh;
	width: 100%;
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .hp-item { 
		height: 400px;
		font-size: 2.7em;
	}
	.fill {
	height: 50vh;
	}
}
/* XL */
@media only screen and (min-width : 1441px) {
    .hp-item { 
		height: 480px;
		font-size: 3em;
	}
	.fill {
	height: 80vh;
	width: 100%;
	background-position: left 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; }
/* 

/* Slideshow Images CSS */
#slide-1 {
	background-image: url("/webcontent/webimage/pathways-home.jpg");
	
}

.summerhill-logo {
	position: absolute;
	bottom: 60px;
	left: 50%;
}
.summerhill-logo img {
	height: 250px;
}
.glyphicon {
	display: none !important;
}