@charset "UTF-8";
html {
  height: 101%;
  margin: 0;
  padding: 0;
  min-height: 101%;
}
body {
  font-family: "ff-enzo-web-n6", "ff-enzo-web", arial, sans-serif;
  /* font-family: 'Quicksand', sans-serif; */
  font-weight: 400;
  font-size: 100%;
  font-style: normal;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  background: #417c7c;
  min-height: 101%;
}
img {
  display: block;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
  border-radius: 10px;
}
hr {
  width: 100%;
  height: 1px;
  background: #cccccc;
  border: none;
  margin: 0 auto 20px auto;
}
img.seecmsimagedefault, img.seecmsimagedefaultundefined {
  display: inline-block;
  margin: 0 20px 20px 0!important;
}
img.seecmsimageleft, img.seecmsimageleftundefined {
  float: left;
  margin: 0 20px 20px 0!important;
}
img.seecmsimageright, img.seecmsimagerightundefined {
  float: right;
  margin: 0 0 20px 20px!important;
}
img.seecmsimagecentre, img.seecmsimagecentreundefined {
  display: block;
  margin: 0 auto;
}
img.fullwidth {
  width: 100%!important;
  margin: 0 0 20px 0!important;
}
p,
h1,
h2,
h3,
h4,
li {
  margin: 0;
  padding: 0;
  line-height: 120%;
  color: #4b4b4b;
  font-style: normal;
  font-weight: 600;
}
p {
  padding: 0 0 20px 0;
}
ul, ol {
  margin: 0 0 20px 20px;
  padding: 0;
}
strong {
  font-weight: bold;
}
a {
  text-decoration: none;
  color: #587c7c;
  font-weight: 700;
}
a:hover {
  color: #587c7c;
  text-decoration: none;
}
p.seeformerrors {
  color: red;
}
.col1,
.col2,
.col3,
.col4,
.left,
.right {
  display: block;
  float: left;
  min-height: 5px;
}
div:after,
form:after,
ul:after,
input:after,
section:after,
article:after,
header:after,
footer:after,
nav:after,
aside:after,
hgroup:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
section,
article,
header,
footer,
nav,
aside,
hgroup {
  display: block;
}

/* table {	width: 100%; margin: 0 0 20px 0; }
table th { padding: 10px; font-size: 100%; color: #fff; background: rgb(133,171,172); background: -moz-linear-gradient(top,  rgba(133,171,172,1) 0%, rgba(65,124,124,1) 100%); background: -webkit-linear-gradient(top,  rgba(133,171,172,1) 0%,rgba(65,124,124,1) 100%); background: linear-gradient(to bottom,  rgba(133,171,172,1) 0%,rgba(65,124,124,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85abac', endColorstr='#417c7c',GradientType=0 ); font-weight: 700; }
table td {	padding: 10px; font-size: 100%;	color: #4b4b4b;	background: #f0f5f5; font-weight: 600; vertical-align: top; }
table th p, table td p { font-size: 100%; padding: 0; }
table th a, table th p { color: #fff!important; } */

table {width: 100%; margin: 0 0 10px 0; border: 0!important; border-collapse: separate!important; border-spacing: 2px!important;}
table th {text-transform: uppercase; padding: 6px; font-size: 100%; color: #587c7c; background: none!important; font-weight: 300; border-collapse: separate!important; text-align: left; border-top: 5px solid #4f646d!important; border-spacing: 4px!important;}
table td {padding: 6px; font-size: 100%; color: #000000; background: none!important; font-weight: 300; border-collapse: separate!important; text-align: left; border-top: 2px solid #4f646d!important; border-spacing: 4px!important;}
table th p, table td p {font-size: 100%; padding: 0;}
table th a {color: #ffffff!important;}

label {
  color: #4b4b4b;
  font-size: 100%;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select, button {
  width: 100%;
  padding: 0 2%;
  color: #4b4b4b;
  box-sizing: border-box;
  height: 40px;
  background: #ffffff;
  border: 1px solid #cccccc;
  margin: 5px 0 15px 0;
  outline: none;
  resize: none;
  font-family: "ff-enzo-web-n3", "ff-enzo-web", arial, sans-serif;
  font-weight: 600;
  font-size: 100%;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
textarea {
  height: 150px;
  padding: 20px 2%;
}
input[type="checkbox"] {
  width: 15px;
  height: 15px;
  float: left;
  margin: 0 10px 0 0;
}
input[type="text"], input[type="submit"], textarea, button, input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type="submit"] {
  cursor: pointer;
  width: auto;
  outline: none;
  border: none;
  text-transform: uppercase;
  background: #417c7c;
  padding: 0 20px;
  height: 40px;
  color: #ffffff;
  font-size: 100%;
  font-family: "ff-enzo-web-n7", "ff-enzo-web", arial, sans-serif;
  font-weight: 700;
  border-radius: 0;
}
.clear {clear: both;}

.fancybox-type-inline {width: 90%!important; max-width: 980px!important;}
.fancybox-type-inline .fancybox-inner {width: 100%!important;}
.popupbanner {max-width: 980px; width: 90%; padding: 40px 0!important; margin: 0 auto!important; box-sizing: border-box;}

.arrowbutton a {background: #666666; position: relative; padding: 14px 32px; color: #ffffff; border-radius: 5px; display: inline-block;}
.arrowbutton a:after {font-family: FontAwesome; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: 900; content: "\f054"; visibility: visible; margin: 0 0 0 10px;}

.cookiesnotice-wrap {position: fixed; bottom: 0; left: 0; z-index: 29; background: #4f646d; border-top: 1px solid #333333; box-sizing: border-box; max-width: 100%; right: 0; margin: 0 auto; width: 100%; -webkit-box-shadow: 0 7px 5px -4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 7px 5px -4px rgba(0, 0, 0, 0.4); box-shadow: 0 7px 5px -4px rgba(0, 0, 0, 0.4); padding: 0 20px;}
.cookiesnotice {max-width: 1180px; width: 100%; margin: 0 auto; padding: 17px 0; position: relative;}
.cookiesnotice p {padding: 0 0 10px 0; color: #ffffff; font-size: 100%; text-align: center;}
.cookiesnotice p a.cookieslink {color: #ffffff; text-decoration: underline; display: inline-block; position: relative;}
.cookiesnotice p.buttons {padding: 0; text-align: center; font-size: 110%;}
.cookiesnotice p.buttons a {display: inline-block; color: #ffffff; text-decoration: underline; box-sizing: border-box; text-align: center;}
.cookiesnotice p.arrowbutton a {color: #ffffff!important; background: #000000;}
.cookiesnotice p.buttons span {display: inline-block; margin: 0 10px;}

.cookiesettings {position: relative; padding: 20px 140px 0 0; margin: 0 0 20px 0;}
.cookiesettings .onoffswitch {position: absolute; top: 30px; right: 20px; width: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.cookiesettings .onoffswitch-checkbox {display: none;}
.cookiesettings .onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px;}
.cookiesettings .onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.cookiesettings .onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 90%; font-weight: 700; color: white; box-sizing: border-box;}
.cookiesettings .onoffswitch-inner:before {content: "ON"; padding-left: 10px; background-color: #007cc5; color: #ffffff;}
.cookiesettings .onoffswitch-inner:after {content: "OFF"; padding-right: 10px; background-color: #eeeeee; color: #999999; text-align: right;}
.cookiesettings .onoffswitch-switch {display: block; width: 18px; margin: 6px; background: #ffffff; position: absolute; top: 0; bottom: 0; right: 56px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0;}

.slick-slide {outline: none!important;}

.wrap {width: 100%; position: relative; overflow-x: hidden;}

.top-wrap {padding: 0 20px; background: #417c7c;}
.top {padding: 15px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.top .left {float: left; width: 50%;}
.top .right {float: right; width: 50%;}
.top p {color: #ffffff; padding: 0; font-weight: 500; font-size: 90%; line-height: 100%;}
.top p a {color: #ffffff; text-decoration: none; margin: 0 20px 0 0; font-weight: 600;}

.header-wrap {padding: 0 8%; background: #ffffff; position: relative;}
.header a.logo {width: 28%; height: 0; padding-bottom: 10%; display: block; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%; position: absolute; top: -52px; left: 0; right: 0; margin: 0 auto; z-index: 20;}

.nav .col1 {float: left; width: 33%;}
.nav .col2 {float: right; width: 33%;}
.nav ul {width: 100%; display: table; margin: 0; padding: 0;}
.nav li {list-style: none; display: table-cell; text-align: center; padding: 44px 2%;}
.nav li a {text-transform: uppercase; display: inline-block; color: #85abac; text-decoration: none; font-weight: 700; font-size: 100%; padding: 3px 10px; border-radius: 5px; -webkit-transition: background 0.25s, color 0.25s; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; background: #ffffff;}
.nav li.selected a, .nav li:hover a {color: #ffffff; background: #417c7c;}

.nav .dropContentWrap {position: absolute; top: 100%; left: 0; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 3; display: none;}
.nav.home .dropContentWrap {height: 0; padding-bottom: 28%; background: rgba(0, 0, 0, 0.7);}
.nav .dropContent {padding: 5% 8% 5% 8%;}
.nav.home .dropContent {padding: 5% 8% 0 8%;}
.nav .dropContent ul {width: 100%; display: block; text-align: left;}
.nav .dropContent li {list-style: none; float: none; display: block; text-align: left; margin: 0 0 10px 0; padding: 0;}
.nav .dropContent li a {background: none!important; padding: 0; display: inline-block; color: #90aaab;}
.nav li.selected .dropContent li a {color: #90aaab;}
.nav li.selected .dropContent li.selected a, .nav li.selected .dropContent li:hover a, .nav li:hover .dropContent li:hover a {color: #ffffff;}
.nav li:hover .dropContentWrap {display: block;}

.snav ul {margin: 0 0 20px 0!important;}
.snav li {list-style: none; text-transform: uppercase; margin: 0 0 10px 0;}
.snav li a {text-decoration: none; color: #666666;}
.snav li.selected a, .snav li:hover a {color: #587c7c;}
.snav ul ul {margin: 10px 0 10px 20px!important;}
.snav li li {margin: 0; text-transform: none;}
.snav li.selected li a {color: #666666;}
.snav li.selected li:hover a, .snav li.selected li.selected a {color: #587c7c;}
.snav li.selected li.selected li a {color: #666666;}
.snav li.selected li.selected li:hover a, .snav li.selected li.selected li.selected a {color: #587c7c;}

.search {width: 200px; float: right; position: relative;}
.search input {background: none; border: none; padding: 0 25px 0 0; color: #ffffff; margin: 0; height: 16px; font-size: 90%; font-weight: 700;}
.search input.submitbutton {position: absolute; top: 2px; right: 0; width: 11px; height: 13px; padding: 0; background: url(../images/search-icon.png) no-repeat 0 0!important; background-size: 100%;}
.search input:-webkit-autofill {-webkit-text-fill-color: #ffffff; -webkit-box-shadow: 0 0 0 1000px #417c7c inset;}
.search input::-webkit-input-placeholder {color: #ffffff;}
.search input:-moz-placeholder {color: #ffffff;}
.search input::-moz-placeholder {color: #ffffff;}
.search input:-ms-input-placeholder {color: #ffffff;}

.banners-wrap, .banners, .banner {width: 100%;}
.banners {position: relative;}
.banners .banner img {width: 100%; margin: 0; border-radius: 0;}
.banners .banner .overlay {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0;}
.bannertext {padding: 40px 8% 57px 8%; text-align: center; border-top: 5px solid #578a8a; background: #417c7c url(../images/banner-text-wrap.png?v=2) no-repeat bottom center;}
.bannertext h2 {text-transform: uppercase; letter-spacing: 10px; font-size: 450%; line-height: 100%; margin: 0 0 20px 0; color: #ffffff; font-weight: 600;}
.bannertext h3 {text-transform: uppercase; letter-spacing: 4px; font-size: 160%; line-height: 100%; margin: 0; color: #85acad; font-weight: 700;}
.bannertext h3 span {color: #ffffff;}
.banners a.scrollicon {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  color: #ffffff;
  font-size: 200%;
  width: 30px;
  -webkit-animation-name: floatingx;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: floating;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}

.title-wrap {padding: 75px 8% 55px 8%; text-align: center; background: #417c7c;}
.title p {text-transform: uppercase; letter-spacing: 10px; font-size: 450%; line-height: 100%; margin: 0; padding: 0; color: #ffffff; font-weight: 300;}

.breadcrumb-wrap {background: #ffffff; padding: 0 0 0 8%;}
.breadcrumb {background: url(../images/breadcrumb-wrap.png) no-repeat top left; padding: 5px 25px 10px 25px; background-size: 800px 100%;}
.breadcrumb p {padding: 0; font-size: 80%; color: #ffffff;}
.breadcrumb p a {font-weight: 600; color: #ffffff; text-decoration: none;}

.content-wrap {padding: 0 20px; background: #ffffff url(../images/content-wrap.jpg) no-repeat bottom center; padding-bottom: 219px;}
.content-wrap.home {background: #587c7c url(../images/content-wrap-home.jpg) no-repeat 0 0; padding-bottom: 0;}
.content {padding: 60px 0 100px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.content h1 {text-transform: uppercase; font-weight: 700; line-height: 110%; margin: 0 0 20px 0; color: #587c7c; font-size: 200%;}
.content h2 {text-transform: none; font-weight: 700; line-height: 110%; margin: 0 0 20px 0; color: #587c7c; font-size: 120%;}
.content h3 {text-transform: none; font-weight: 700; line-height: 110%; margin: 0 0 20px 0; color: #4d4d4d; font-size: 120%;}
.content h4 {text-transform: none; font-weight: 600; line-height: 110%; margin: 0 0 20px 0; color: #4d4d4d; font-size: 120%;}
.content .left {float: left; width: 20%; margin-right: 3%;}
.content .right {float: left; width: 77%;}
.content .right .col1 {float: left; width: 63%; margin-right: 7%;}
.content .right .col2 {float: left; width: 30%;}
.content-wrap.home * {color: #ffffff;}
.content-wrap.home .content {padding: 60px 0;}
.content-wrap.home .left {margin-right: 0; width: 48%;}
.content-wrap.home .right {width: 40%; float: right;}
.content-wrap.ourschools {padding-bottom: 0; background: #ffffff; text-align: center;}
.content-wrap.ourschools h2 {text-transform: uppercase; font-weight: 700; line-height: 110%; margin: 0 0 20px 0; color: #4d4d4d; font-size: 160%; letter-spacing: 3px;}
.content-wrap.ourschools .content {padding-bottom: 40px;}
.content-wrap.home h1, .content-wrap.home h2 {letter-spacing: 3px;}

.content-wrap.home .trust {width: 100%;}

.multi .columns.twocolumns {width: 102%; margin-left: -2%;}
.multi .columns.twocolumns .col {width: 48%; float: left; margin: 0 0 0 2%;}

.multi .content .right .opposite .col1 {float: left; width: 30%; margin-right: 7%;}
.multi .content .right .opposite .col2 {float: right; width: 63%;}

.content-wrap.halves .content .left, .content-wrap.halves .content .right .col1 {margin: 0!important; width: 48%;}
.content-wrap.halves .content .right, .content-wrap.halves .content .right .col2 {margin: 0!important; width: 48%; float: right;}
.content-wrap.halves .content .section {margin: 0 0 30px 0;}

.form {margin: 0 0 20px 0;}

.schools {width: 100%; margin-left: 0%; padding-bottom: 20px;}
.schools .school {float: left; width: 23%; margin: 0 20px 0 0;}
.schools .school .image {position: relative;}
.schools .school .image img {border-radius: 10px 10px 0 0;}
.schools .school .image .overlay {background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0 0; overflow: hidden; display: none; text-align: center;}
.schools .school:hover .image .overlay {display: block;}
.schools .school .logo {background: #f2f2f2; border-radius: 0 0 10px 10px; width: 100%; display: table; height: 100px; text-align: center;}
.schools .school .logo .inner {display: table-cell; vertical-align: middle; text-align: center;}
.schools .school .logo .inner img {max-height: 50px; display: inline-block;}
.schools .school .image .overlay a {display: inline-block; background: #ffffff; padding: 5px; text-transform: uppercase; text-decoration: none; font-weight: 700; border-radius: 5px; font-size: 90%; margin-top: 25%;}

.schoolsmain {margin-left: 0;}
.schoolsmain .school {width: 18%; margin-bottom: 2%; background: #f2f2f2; border-radius: 10px;}
.schoolsmain .school .text {padding: 0 20px;}

.schoolscroll .slick-dots {text-align: center; padding-top: 40px; margin: 0;}
.schoolscroll .slick-dots li {list-style: none; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: 0 3px;}
.schoolscroll .slick-dots li button {width: 15px; height: 15px; border-radius: 50%; background: #cccccc; outline: none; border: none; cursor: pointer; padding: 0; text-indent: -99999px; margin: 0;}
.schoolscroll .slick-dots li.slick-active button {opacity: 0.5;}

.newsfeeds {margin-left: -7%; width: 107%;}
.newsfeeds h2 {text-transform: uppercase; font-weight: 700; line-height: 110%; margin: 0 0 20px 0; color: #587c7c; font-size: 200%; text-align: center;}
.newsfeed {width: 30%; float: left;}
.newsfeed h2 {margin: 0 0 5px 0; text-transform: none; font-size: 120%; letter-spacing: 0!important;}
.newsfeed .newsstory {width: 100%; text-align: center; box-sizing: border-box; padding-left: 80px;}
.newsfeed .newsstory .image {padding: 5%; border-radius: 50%; background: #ffffff; width: 100%; box-sizing: border-box; position: relative; margin: 0 0 20px 0;}
.newsfeed .newsstory .image img {width: 100%; box-sizing: border-box; border-radius: 50%; margin: 0; border: 10px solid #417c7c;}
.newsfeed.primary .newsstory .image img, .newsfeedmain .newsstory.primary .image img {border-color: #00216a;}
.newsfeed.primary .newsstory .image .cat p, .newsfeedmain .newsstory.primary .image .cat p {color: #00216a;}
.newsfeed.highschool .newsstory .image img, .newsfeedmain .newsstory.highschool .image img {border-color: #006e51;}
.newsfeed.highschool .newsstory .image .cat p, .newsfeedmain .newsstory.highschool .image .cat p {color: #006e51;}
.newsfeed.college .newsstory .image img, .newsfeedmain .newsstory.college .image img {border-color: #006e51;}
.newsfeed.college .newsstory .image .cat p, .newsfeedmain .newsstory.college .image .cat p {color: #006e51;}
.newsfeed .newsstory .image .cat {width: 80px; height: 80px; background: #ffffff; border-radius: 50%; position: absolute; top: 0; left: 0; text-align: center;}
.newsfeed .newsstory .image .cat p {color: #000000; text-transform: uppercase; font-weight: 700; font-size: 90%; line-height: 110%; padding-top: 30%;}
.newsfeed .newsstory p {padding: 0 0 10px 0;}
.newsfeed .newsstory p.date {padding: 0; font-weight: 700; color: #abbdbd;}
.newsfeedmain {width: 100%!important; margin: 0!important;}
.newsfeedmain .newsstory {margin: 0 0 20px 0; padding-left: 0;}
.newsfeedmain .newsstory .image {padding: 0%; border-radius: 50%; background: #ffffff; width: 30%; box-sizing: border-box; position: relative; margin: 0 5% 0 0; float: left;}
.newsfeedmain .newsstory .text {float: left; width: 65%; text-align: left; padding-top: 4%;}
.newsfeedmain .newsstory .image .cat {background: #f2f2f2;}

.newsfeed.trust {width: 100%;}
.newsfeed.trust .newsstory {padding-left: 0;}
.newsfeed.trust .newsstory .image {width: 30%; float: left; margin-right: 5%; padding: 2%;}
.newsfeed.trust .newsstory .image .cat {width: 60px; height: 60px;}
.newsfeed.trust .newsstory .image .cat p {padding-top: 35%; font-size: 80%;}
.newsfeed.trust .newsstory .text {width: 65%; float: left; text-align: left;}
.newsfeed.trust .newsstory .text h2 {text-align: left;}
 
.newsscroll .slick-dots {text-align: center; padding-top: 40px; margin: 0;}
.newsscroll .slick-dots li {list-style: none; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: 0 3px;}
.newsscroll .slick-dots li button {width: 15px; height: 15px; border-radius: 50%; background: #ffffff; outline: none; border: none; cursor: pointer; padding: 0; text-indent: -99999px; margin: 0;}
.newsscroll .slick-dots li.slick-active button {opacity: 0.5;}

.newsarchive ul {margin: 0 0 20px 0; padding: 0;}
.newsarchive ul li {list-style: none;}
.newsarchive ul li a {display: block; padding: 15px; color: #ffffff!important; margin: 0 0 5px 0; background: #417c7c;}
.newsarchive li ul {display: none;}
.newsarchive li.selected ul {display: block; padding: 15px; margin: 0 0 5px 0; background: #f2f2f2;}
.newsarchive li.selected ul li a {padding: 0; background: none!important; color: #333333!important;}
.newsarchive li.selected ul li.selected a, .newsarchive li.selected ul li:hover a {color: #417c7c!important;}

a.newsback {padding: 10px 20px; border-radius: 5px; color: #ffffff!important; background: #587c7c;}

.twitter-wrap {padding: 0 20px; background: #f2f2f2;}
.twitter {background: #f2f2f2; padding: 40px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.twitter .tweets {background: url(../images/X-white-icon.png) no-repeat center left; padding-left: 68px; min-height: 48px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.twitter p {font-size: 150%; padding: 0;}
.twitter p a {font-weight: 600;}
.twitter p strong a {font-weight: 700;}

.tweetswithimages .tweet {width: 50%; float: left; position: relative;}
.tweet {width: 100%; float: left; position: relative;}
.tweet .image {width: 50%; height: 100%; position: absolute; top: 0; left: 0;}
.tweet .image img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.tweet .text {float: right; width: 50%;}
.tweet .text .inner {padding: 10px; box-sizing: border-box;}
.tweet .text .inner p {font-size: 105%;}
.tweet .text .inner p a {font-weight: 700;}

.searchresult h3 img {float: left; margin: 0 10px 0 0; border-radius: 0;}

.gallerygrid {width: 102%; margin-left: -2%; padding: 0 0 20px 0;}
.gallerygrid a {float: left; display: block; width: 23%; margin: 0 0 2% 2%;}
.gallerygrid a img {width: 100%;}
.gallerygrid.galleryslider a {margin: 0; box-sizing: border-box; border-left: 5px solid #ffffff;}
.gallerygrid.galleryslider .slick-prev {position: absolute; top: 50%; left: -10px; width: 40px; height: 40px; background: #4b4b4b; color: #ffffff; cursor: pointer; padding: 0; margin: 0; outline: none; border: none; z-index: 20; transform: translate(0, -50%);}
.gallerygrid.galleryslider .slick-prev:after {content: "\f104"; display: block; position: absolute; top: 50%; left: 50%; color: #ffffff; font-family: FontAwesome; transform: translate(-50%, -50%); font-size: 160%; padding: 0 3px 0 0;}
.gallerygrid.galleryslider .slick-next {position: absolute; top: 50%; right: -15px; width: 40px; height: 40px; background: #4b4b4b; color: #ffffff; cursor: pointer; padding: 0; margin: 0; outline: none; border: none; z-index: 20; transform: translate(0, -50%);}
.gallerygrid.galleryslider .slick-next:after {content: "\f105"; display: block; position: absolute; top: 50%; left: 50%; color: #ffffff; font-family: FontAwesome; transform: translate(-50%, -50%); font-size: 160%; padding: 0 0 0 3px;}

.usefullinks {width: 102%; margin-left: -2%;}
.usefullinks .box {float: left; width: 31.333%; margin: 0 0 20px 2%;}
.usefullinks .box .image {background: #ffffff; width: 100%; box-sizing: border-box; border: 1px solid #cccccc; height: 150px; position: relative; margin: 0 0 15px 0;}
.usefullinks .box .image img {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 130px; max-width: 80%; width: auto;}
.usefullinks.videos .box {width: 48%;}
.usefullinks.videos iframe {width: 100%!important; height: 250px!important;}
.usefullinks.videos .box .image {border: none; height: auto;}
.usefullinks.videos .box h3 {padding: 0 0 5px 0;}
.usefullinks .box.allclickable {cursor: pointer;}

.concertinas {margin: 20px 0 0 0;}
.concertina {margin: 0 0 10px 0; background: #f2f2f2;}
.concertina .heading {background: #000000; cursor: pointer; position: relative;}
.concertina .heading:before {font-family: FontAwesome; content: "\f13a"; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #ffffff;}
.concertina .heading.open:before {font-family: FontAwesome; content: "\f139";}
.concertina .heading p {color: #ffffff; padding: 10px 50px 10px 15px; font-size: 110%; font-weight: 700;}
.concertina .text {padding: 15px; display: none;}

.accreditations-wrap {background: #ffffff; padding: 0 50px;}
.accreditations {max-width: 1400px; width: 100%; margin: 0 auto; padding: 15px 0;}
.accreditations .logos {width: 100%;}
.accreditations .logo {padding: 0 10px; height: 105px; position: relative;}
.accreditations .logo img {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 85px; width: auto; max-width: 90%;}

.footer-wrap {padding: 0 20px; background: #ffffff;}
.footer {padding: 60px 0 40px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.footer .share {margin: 0 0 20px 0;}
.footer .col1 {float: left; width: 20%; margin-right: 3%;}
.footer .col2 {float: left; width: 23%; margin-right: 6%;}
.footer .col3 {float: left; width: 21%; margin-right: 2%;}
.footer .col4 {float: left; width: 25%;}
.footer p {font-weight: 600;}
.footer a {text-decoration: none; color: #4b4b4b; font-weight: 600;}
.footer a i {color: #417c7c; width: 20px;}
.footer a:hover {color: #417c7c;}
.footer .col3 p {text-transform: uppercase;}
.footer ul {margin: 0; padding: 0;}
.footer li {list-style: none; text-transform: uppercase; margin: 0 0 5px 0; font-weight: 600;}

.schoolslider {position: absolute; right: -350px; top: 0; z-index: 99; height: 100%; width: 350px; background: #f4f7f7;}
.schoolslider a.tab {position: absolute; width: 40px; height: 332px; display: block; background: url(../images/slider-button.png) no-repeat 0 0; background-size: 100%; top: 220px; left: -40px;}
.schoolslider a.tab.open {background: url(../images/slider-button-open.png) no-repeat 0 0;}
.schoolslider-overlay {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; z-index: 99; top: 0; left: 0; display: none;}
.schoolslider-wrap {width: 100%; position: absolute; top: 0; right: 0; height: 100%;}
.schoolslider-inner {padding: 50px;}
.schoolslider-inner h2 {font-family: "ff-enzo-web-n7", "ff-enzo-web", arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 110%; color: #22556e; padding: 0 0 20px 0; letter-spacing: 3px;}
.schoolslider li, .schoolslidermobile li {list-style: none;}
.schoolslider ul, .schoolslidermobile ul {margin: 0!important;}
.schoolslider a.logo {display: block; width: 150px; height: 64px; background: url(../images/logo-slider.png) no-repeat 0 0; background-size: 100%; margin: 0 auto 20px auto;}

.gallery {position: relative; border-radius: 10px; overflow: hidden; background: #f2f2f2; margin: 0 0 20px 0;}
.gallery .thumb img {width: 100%; border-radius: 10px 10px 0 0;}
.gallery .name {padding: 20px;}
.gallery .name h4 {font-weight: 700; font-size: 170%;}
.gallery .name p {font-size: 90%; padding: 0;}

.subjects {width: 102%; margin-left: -2%;}
.subjects .subject {float: left; width: 23%; margin: 0 0 2% 2%;}
.subjects .subject .image {margin: 0 0 10px 0;}
.subjects .subject h3 {margin: 0; padding: 0;}

/* Styling for Synergy main trust homepage - twitter section */
.twitter-section .twitter-inner {display: flex; flex-direction: row; gap: 30px; align-items: center;}
.twitter-section .twitter-inner .x-icon {width: 130px; transition: all 0.2s ease;}
.twitter-section .twitter-inner .x-icon:hover {transform: scale(1.1);}

.twitter-section .twitter-inner .inner-text p {font-size: 1.8rem;}
.twitter-section .twitter-inner .inner-text a {font-size: 2rem; transition: all 0.2s ease;}
.twitter-section .twitter-inner .inner-text a:hover {color: #cccccc;}

.bottom-footer-wrap {padding: 0 20px; background: #417c7c;}
.bottom-footer {padding: 15px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.bottom-footer .col1 {float: left; width: 27%; margin-right: 5%;}
.bottom-footer .col2 {float: left; width: 41%; margin-right: 5%;}
.bottom-footer .col3 {float: left; width: 19%; text-align: right;}
.bottom-footer p {padding: 0; line-height: 100%; color: #ffffff;}
.bottom-footer p a {color: #ffffff; text-decoration: none; font-weight: 600;}
.bottom-footer p a:hover {color: #8db8b8;}

.mobile-header-wrap, .schoolslidermobile, .snavmobile {display: none;}

/* styling to ensure general button styling doesn't overwrite mynewterm buttons' styling */
a.orange-btn-hover {color: #ffffff!important;}
#mnt-parent-container > div > p > span:nth-child(2), #mnt-parent-container > div > p > span:nth-child(2) > a > img {border-radius: 0!important;}
a.orange-btn-hover, .orange-vacancy-div-bg {background-color: #587c7c; border-color: #587c7c;}
a.orange-link-wrapper .orange-vacancy-title {color: #587c7c;}

@-webkit-keyframes Floatingx {
  from {-webkit-transform: translate(0, 0);}
  65% {-webkit-transform: translate(0, 5px);}
  to {-webkit-transform: translate(0, -0);}
}
    
@-moz-keyframes Floating {
  from {-moz-transform: translate(0, 0);}
  65% {-moz-transform: translate(0, 5px);}
  to {-moz-transform: translate(0, -0);}
}

@media (max-width: 1024px){
  .bannertext h2, .title p {font-size: 350%;}
  .bannertext h3 {font-size: 100%;}
}

@media (max-width: 860px){
  .bannertext h2, .title p {font-size: 250%;}
}

@media (max-width: 1024px){
  .header-wrap, .top-wrap {display: none;}

  .mobile-header-wrap {display: block; background: #ffffff; border-top: 5px solid #417c7c;}
  .mobile-header {padding: 20px; position: relative; height: 57px; box-sizing: border-box;}
  .mobile-header a.logo {width: 200px; height: 71px; display: block; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto; z-index: 20;}
  .mobile-header a.tel {display: inline-block; position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; color: #ffffff; background: #417c7c; font-size: 80%;}
  .mobile-header a.email {display: inline-block; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; color: #ffffff; background: #417c7c; font-size: 80%;}

  .mobile-nav .top {padding: 20px 20px 15px 20px; background: #82aeae; cursor: pointer; box-sizing: border-box;}
  .mobile-nav .top p {color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 80%; float: left; padding-top: 3px;}
  .mobile-nav .list {display: none; width: 100%;}
  .mobile-nav ul {margin: 0; padding: 0; border-top: 1px solid #ffffff;}
  .mobile-nav li {list-style: none;}
  .mobile-nav li a {display: block; padding: 15px 20px; text-decoration: none; color: #ffffff; text-transform: uppercase; font-weight: 700; background: #82aeae; font-size: 80%;}
  .mobile-nav li.selected a {background: #417c7c;}

  .mobile-nav .nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; float: right;}
  .mobile-nav .nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
  .mobile-nav .nav-icon span:nth-child(1) {top: 0;}
  .mobile-nav .nav-icon span:nth-child(2), .mobile-nav .nav-icon span:nth-child(3) {top: 7px;}
  .mobile-nav .nav-icon span:nth-child(4) {top: 14px;}
  .mobile-nav .open .nav-icon span:nth-child(1) {top: 21px; width: 0%; left: 50%;}
  .mobile-nav .open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .mobile-nav .open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .mobile-nav .open .nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

  .usefullinks .box {width: 48%;}
}

@media (max-width: 680px){
  .snav {display: none;}

  .banners-wrap {border-top: 1px solid #ffffff;}
  .bannertext {padding: 20px 20px;}
  .bannertext h2, .title p {font-size: 200%; letter-spacing: 4px;}
  .bannertext h3 {letter-spacing: 4px; font-size: 80%;}
  .banners a.scrollicon {display: none;}

  .breadcrumb-wrap {padding: 0 20px 25px 20px;}
  .breadcrumb-wrap, .breadcrumb {background: #417c7c; text-align: center;}

  .title-wrap {padding: 35px 20px 0 20px; border-top: 1px solid #ffffff;}

  .content-wrap {padding: 0 20px 219px 20px;}
  .content {padding: 40px 0 20px 0;}
  .content .left {width: 100%; margin-right: 0;}
  .content .right, .content-wrap.home .right {width: 100%;}

  .content .right .col1 {width: 100%; margin-right: 0;}
  .content .right .col2 {width: 100%;}
  .content p, .content li, table th, table td, label, select, input[type="text"], textarea {font-size: 90%;}
  .content li p {font-size: 100%;}
  .content li li {font-size: 100%;}
  .content-wrap.home .content {padding: 40px 0 60px 0;}
  .content-wrap.ourschools h2 {font-size: 120%;}
  .content-wrap.home .left {width: 100%;}
  .content-wrap.halves .content .left, .content-wrap.halves .content .right .col1 {margin: 0!important; width: 100%;}
  .content-wrap.halves .content .right, .content-wrap.halves .content .right .col2 {margin: 0!important; width: 100%; float: right;}

  .multi .columns.twocolumns {width: 100%; margin-left: 0;}
  .multi .columns.twocolumns .col {width: 100%; float: none; margin: 0;}

  .multi .content .right .opposite .col1 {float: left; width: 100%; margin-right: 0;}
  .multi .content .right .opposite .col2 {float: right; width: 100%;}

  input[type="submit"], button {width: 100%; text-align: center;}

  .newsfeeds h2 {font-size: 150%;}
  .newsfeed h2 {font-size: 100%!important;}
  .newsfeeds {margin-top: 20px; margin-left: 0; width: 100%;}
  .newsfeed {margin: 0;}
  .newsfeed .newsstory {box-sizing: content-box; padding-left: 0;}
  .newsfeed .newsstory .image {width: 200px; float: none; margin: 0 auto 20px auto;}

  .twitter-wrap {padding: 0 20px; border-bottom: 1px solid #ffffff;}
  .twitter p {font-size: 100%;}

  .tweet {width: 100%; float: none; margin: 0 0 20px 0;}
  .tweet .text .inner p {font-size: 90%;}

  .tweetswithimages .tweet {width: 100%;}

  .snavmobile, .snavmobile .snav {display: block;}
  .snav li {margin: 0;}
  .snav li a {padding: 15px; margin: 0 0 3px 0; background: #f2f2f2; display: block; font-size: 90%;}
  .snav li li a {padding: 0; background: none;}

  .gallerygrid a {width: 48%;}

  .footer-wrap {padding: 0 20px;}
  .footer .col1 {width: 100%; margin-right: 0%;}
  .footer .col2 {width: 100%; margin-right: 0%;}
  .footer .col3 {width: 100%; margin-right: 0%; margin-bottom: 20px;}
  .footer .col4 {width: 100%;}
  .footer p, .footer li {font-size: 90%;}

  .bottom-footer-wrap {padding: 0 20px;}
  .bottom-footer {padding: 20px 0;}
  .bottom-footer .col1 {width: 100%; margin-right: 0%; margin: 0 0 20px 0;}
  .bottom-footer .col2 {width: 100%; margin-right: 0%; margin: 0 0 20px 0;}
  .bottom-footer .col3 {width: 100%; text-align: left;}
  .bottom-footer p {font-size: 90%;}

  .schoolslider {display: none;}
  .schoolslidermobile {display: block; background: #f4f7f7;}
  .schoolslidermobile .heading {cursor: pointer; padding: 20px; text-align: center; width: 100%; box-sizing: border-box;}
  .schoolslidermobile .heading p {text-transform: uppercase; font-weight: 700; font-size: 100%; letter-spacing: 2px; color: #22556e; padding: 0; line-height: 100%;}
  .schoolslidermobile .heading p i {color: #90aaab;}
  .schoolslidermobile .text {display: none; padding: 0 20px 20px 20px;}
  .schoolslidermobile p {font-size: 90%;}
  .schoolslidermobile li {font-size: 90%;}

  .schools .school {margin: 0;}
  .schoolsmain .school {width: 100%; margin-bottom: 20px;}

  .usefullinks {width: 100%; margin-left: 0;}
  .usefullinks.videos .box, .usefullinks .box {width: 100%; margin: 0 0 20px 0; float: none;}
}

@media (max-width: 480px){
  .tweet .image {width: 100%; height: auto; position: relative; top: auto; left: auto; margin-bottom: 10px;}
  .tweet .image img {width: 100%; height: 100%; position: relative; top: auto; left: auto; object-fit: fill;}
  .tweet .text {width: 100%; float: none;}
  .tweet .text .inner {padding: 0;}
}