.owl__nav > * {
  border: 0;
  outline: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.owl__nav > * svg, .mason--noadmin .splash__item__img:after, .splash__item__img__bg, .splash__item__img__bg:after, .events__item a:before, .houses__item__img .lazy-item, .map__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/*https://www.sitepoint.com/building-linear-gradient-mixin-sass/*/
.owl__nav > * svg {
  font-size: 1.25em; }

.tweet__item__txt__content a {
  font-weight: 800; }

.owl__nav > * {
  border: 0;
  outline: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.owl__nav > * svg, .mason--noadmin .splash__item__img:after, .splash__item__img__bg, .splash__item__img__bg:after, .events__item a:before, .houses__item__img .lazy-item, .map__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.owl-lazy {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.tweet__item, .events__item__date, .events__item__title, .houses__item__txt {
  -webkit-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }

.owl-item, .splash, .splash__item__img__bg, .hero__slideshow__item__txt, .news__item__img, .houses__item__img, .houses__item__img:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; }

.admin_editable.splash__item__img__bg {
  position: absolute !important;
  overflow: hidden !important;
  background: transparent; }
  .admin_editable.splash__item__img__bg:hover {
    z-index: auto; }

.js_pop {
  -webkit-transition: opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -o-transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55); }

@media all and (min-width: 769px) {
  .js_pop {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .hit .js_pop {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
    .hit .js_pop:nth-child(1) {
      -webkit-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay: 100ms; }
    .hit .js_pop:nth-child(2) {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms; }
    .hit .js_pop:nth-child(3) {
      -webkit-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms; }
    .hit .js_pop:nth-child(4) {
      -webkit-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms; }
    .hit .js_pop:nth-child(5) {
      -webkit-transition-delay: 500ms;
      -o-transition-delay: 500ms;
      transition-delay: 500ms; }
    .hit .js_pop:nth-child(6) {
      -webkit-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms; }
    .hit .js_pop:nth-child(7) {
      -webkit-transition-delay: 700ms;
      -o-transition-delay: 700ms;
      transition-delay: 700ms; }
    .hit .js_pop:nth-child(8) {
      -webkit-transition-delay: 800ms;
      -o-transition-delay: 800ms;
      transition-delay: 800ms; } }

.js_fade {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease; }

.js_fadeup {
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; }

@media all and (min-width: 769px) {
  .js_fade {
    opacity: 0; }
  .js_fadeup {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); }
  .hit .js_fade {
    opacity: 1; }
  .hit .js_fadeup {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .hit .js_fade:nth-child(1),
  .hit .js_fadeup:nth-child(1) {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }
  .hit .js_fade:nth-child(2),
  .hit .js_fadeup:nth-child(2) {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms; }
  .hit .js_fade:nth-child(3),
  .hit .js_fadeup:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms; }
  .hit .js_fade:nth-child(4),
  .hit .js_fadeup:nth-child(4) {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms; }
  .hit .js_fade:nth-child(5),
  .hit .js_fadeup:nth-child(5) {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms; }
  .hit .js_fade:nth-child(6),
  .hit .js_fadeup:nth-child(6) {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms; }
  .hit .js_fade:nth-child(7),
  .hit .js_fadeup:nth-child(7) {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms; }
  .hit .js_fade:nth-child(8),
  .hit .js_fadeup:nth-child(8) {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms; } }

.js_slide {
  will-change: transform;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease; }

@media all and (min-width: 769px) {
  .js_slide {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .hit .js_slide {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.owl {
  /*&[data-vertical="true"]{
        .owl-stage {
            width: 100% !important;
            transform: translate3d(0, 0, 0) !important;
        }
        .owl-item {
            transform: translateY(-100%) !important;
            position: absolute !important;
            will-change: transform;
            top: 0 !important;
            opacity: 0;
            &.active {
                opacity: 1;
                transform: translateY(0) !important;
                & ~ * {
                    transform: translateY(100%) !important;
                }
            }
        }
        &[data-direction="backwards"] {
            .owl-item {
                transform: translateY(-100%) !important;
                &.active {
                    transform: translateY(0) !important;
                    & ~ * {
                        transform: translateY(100%) !important;
                    }
                }
            }
        }
    }*/ }
  .owl[data-running="false"] {
    width: auto; }
  .owl[data-running="true"] {
    width: 100%; }

.owl-stage-outer {
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .owl-stage-outer:before, .owl-stage-outer:after {
    content: "";
    display: table; }
  .owl-stage-outer:after {
    clear: both; }
  [data-running="true"] .owl-stage-outer {
    padding: 0;
    width: 100%; }

.owl-stage {
  height: 100%;
  position: relative;
  /* -ms-overflow-y: hidden;*/
  /* fixes overflowing owl inside flex container in IE10/11 */
  -ms-touch-action: pan-Y; }

.owl__flex {
  /*.owl-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        > * {
            flex: 1;
        }
    }*/ }
  .owl__flex .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  [data-trans="true"] .owl-item {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
    [data-trans="true"] .owl-item.active {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      visibility: visible; }

.owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.owl-nav,
.owl-dots {
  display: none; }

/* .owl-dot {
    display: inline-block;
    cursor: pointer;
    margin: em(7);
    span {
        @include circle(17, true);
        position: relative;
        overflow: hidden;
        display: block;
        background: #dcdcdc;
        &:after {
            @extend %trans_form;
            @extend %abs_fill;
            border-radius: 50%;
            background: $pri;
            content: '';
            transform: scale(0);
            opacity: 0;
        }
    }
    &.active span:after {
        transform: scale(1);
        opacity: 1;
    }
}
*/
.owl__nav {
  visibility: hidden; }
  .owl__nav > * {
    width: 3.125em;
    height: 3.125em;
    border-radius: 50%;
    visibility: visible;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background: rgba(143, 186, 205, 0.3);
    -webkit-transition: background 0.2s ease, opacity 0.3s ease;
    -o-transition: background 0.2s ease, opacity 0.3s ease;
    transition: background 0.2s ease, opacity 0.3s ease; }
    .owl__nav > *.disabled {
      opacity: .2;
      cursor: auto; }
    .owl__nav > * svg {
      margin: auto;
      fill: #FFF; }

@media all and (min-width: 769px) {
  .owl__nav > *:not(.disabled):hover {
    background: #8FBACD; } }

.splash {
  top: 0;
  font-size: 0.6em;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden; }
  .mason--admin .splash {
    top: 110px; }
  .mason--preview .splash {
    top: 110px; }
  .mason--secure .splash {
    top: 40px; }
  @media all and (min-width: 415px) {
    .splash {
      font-size: 0.7em; } }
  @media all and (min-width: 769px) {
    .splash {
      font-size: 0.8em; } }
  @media all and (min-width: 1025px) {
    .splash {
      font-size: 0.9em; } }
  @media all and (min-width: 1301px) {
    .splash {
      font-size: 1em; } }
  .mason--splash .splash {
    opacity: 1;
    visibility: visible; }
  .splash__logo {
    font-size: .6em;
    position: absolute;
    top: 1em;
    left: 5%;
    right: 5%;
    margin: auto;
    z-index: 1;
    max-width: 17.6875em;
    pointer-events: none; }
  .splash__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
  .splash__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 2em; }
    .splash__item .ms-btn {
      margin-top: 2em; }
    .mason--noadmin .splash__item__img:after {
      background: rgba(0, 0, 0, 0);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
      content: ''; }
    .splash__item__img__bg .lazy-item,
    .splash__item__img__bg img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .splash__item__img__bg:after {
      -webkit-transition: opacity 0.3s ease, background 0.3s ease;
      -o-transition: opacity 0.3s ease, background 0.3s ease;
      transition: opacity 0.3s ease, background 0.3s ease;
      content: '';
      background: rgba(0, 68, 121, 0.85); }
    .splash__item__img__bg.admin_editable img {
      opacity: .15 !important; }
    .splash__item:first-child .splash__item__img__bg:after {
      background: rgba(143, 186, 205, 0.85); }
    @media all and (min-width: 769px) {
      .splash__item:first-child .ms-btn > *:hover {
        color: #8FBACD !important; } }
    .splash__item__txt {
      position: relative; }
    .splash__item .ms-btn {
      font-size: 1rem; }
      .splash__item .ms-btn > *:hover {
        background: #FFF; }

.mason--noadmin .splash__item:first-child:hover .splash__item__img__bg {
  -webkit-transform: scale(1.05) rotate(0.3deg);
  -ms-transform: scale(1.05) rotate(0.3deg);
  transform: scale(1.05) rotate(0.3deg); }

.mason--noadmin .splash__item:hover .splash__item__img__bg {
  -webkit-transform: scale(1.05) rotate(-0.3deg);
  -ms-transform: scale(1.05) rotate(-0.3deg);
  transform: scale(1.05) rotate(-0.3deg); }
  .mason--noadmin .splash__item:hover .splash__item__img__bg:after {
    opacity: .29;
    background: #000; }
  .mason--noadmin .splash__item:hover .splash__item__img__bg .lazy-item {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); }

@media all and (min-width: 130vh) {
  .splash__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media all and (min-width: 1025px) and (min-height: 600px) and (-ms-high-contrast: none), all and (min-width: 1025px) and (min-height: 600px) and (-ms-high-contrast: active) {
  .splash__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media all and (min-width: 1025px) and (min-height: 600px) {
  .splash__logo {
    font-size: .7em; } }

@media all and (min-width: 1025px) {
  .splash__item .ms-btn {
    margin-top: 7vh; }
  .mason--splash .footer__legal {
    position: fixed;
    bottom: 1em;
    left: 5%;
    right: 5%;
    z-index: 3;
    visibility: hidden; }
    .mason--splash .footer__legal span {
      visibility: visible; } }

@media all and (min-width: 1200px) and (min-height: 700px) {
  .splash__logo {
    font-size: .8em;
    top: 8%; } }

@media all and (min-width: 1300px) and (min-height: 800px) {
  .splash__logo {
    font-size: .9em; } }

@media all and (min-width: 1400px) and (min-height: 900px) {
  .splash__logo {
    font-size: 1em; } }

.admin_editable.splash__item__img__bg {
  z-index: 4 !important; }

.splash__item__link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }

.splash__item__link__admin {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%; }

.notices {
  font-size: 0.8em; }
  @media all and (min-width: 415px) {
    .notices {
      font-size: 0.85em; } }
  @media all and (min-width: 769px) {
    .notices {
      font-size: 0.9em; } }
  @media all and (min-width: 1025px) {
    .notices {
      font-size: 0.95em; } }
  @media all and (min-width: 1301px) {
    .notices {
      font-size: 1em; } }
  .notices[data-type="urgent"] .notices__center {
    background: #F40B41; }
  .notices__center {
    -webkit-transition: background 0.7s ease, opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s !important;
    transition: background 0.7s ease, opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s !important;
    -o-transition: background 0.7s ease, transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s !important;
    transition: background 0.7s ease, transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s !important;
    transition: background 0.7s ease, transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s !important;
    padding: 1.4375em 5%;
    width: 100%; }
  .notices__item {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .notices__item p {
      margin: 0; }
      .notices__item p span {
        margin-right: .5em; }
    .notices__item .ms-btn {
      margin-top: 1em; }
    @media all and (min-width: 769px) {
      .notices__item[data-type="urgent"] p {
        line-height: 1.6; }
      .notices__item[data-type="urgent"] .ms-btn > *:hover {
        color: #F40B41 !important; } }

@media all and (min-width: 1025px) {
  .notices {
    z-index: 1; }
    .notices__center {
      width: 90%;
      overflow: hidden;
      margin-top: -2.5em;
      margin-bottom: -0.375em;
      padding-left: 3.85%;
      padding-right: 3.85%;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); }
    .notices__item {
      text-align: left;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .notices__item .ms-btn {
        margin-top: 0;
        margin-left: 1em;
        white-space: nowrap; } }

.hero {
  max-height: none; }

.hero__slideshow__item__txt {
  font-size: 0.5em;
  position: absolute;
  bottom: 6em;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em);
  -ms-transform: translateY(-1em);
  transform: translateY(-1em); }
  @media all and (min-width: 415px) {
    .hero__slideshow__item__txt {
      font-size: 0.6em; } }
  @media all and (min-width: 769px) {
    .hero__slideshow__item__txt {
      font-size: 0.75em; } }
  @media all and (min-width: 1025px) {
    .hero__slideshow__item__txt {
      font-size: 0.875em; } }
  @media all and (min-width: 1301px) {
    .hero__slideshow__item__txt {
      font-size: 1em; } }
  .active .hero__slideshow__item__txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }

.hero__dots {
  font-size: 0.5em;
  position: absolute;
  bottom: 3.5em;
  right: 0;
  left: 0; }
  @media all and (min-width: 415px) {
    .hero__dots {
      font-size: 0.6em; } }
  @media all and (min-width: 769px) {
    .hero__dots {
      font-size: 0.75em; } }
  @media all and (min-width: 1025px) {
    .hero__dots {
      font-size: 0.875em; } }
  @media all and (min-width: 1301px) {
    .hero__dots {
      font-size: 1em; } }

.mason--home .hero {
  min-height: 25em; }

.mason--sixthform .hero__slideshow {
  background: #004479; }
  .mason--sixthform .hero__slideshow li {
    mix-blend-mode: luminosity;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
    .mason--sixthform .hero__slideshow li.active {
      opacity: .19; }
  .mason--sixthform .hero__slideshow:after {
    background: rgba(0, 0, 0, 0.45);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); }

.mason--sixthform .hero__overlay {
  font-size: 0.5em;
  padding: 5em 0 8em; }
  @media all and (min-width: 415px) {
    .mason--sixthform .hero__overlay {
      font-size: 0.6em; } }
  @media all and (min-width: 769px) {
    .mason--sixthform .hero__overlay {
      font-size: 0.75em; } }
  @media all and (min-width: 1025px) {
    .mason--sixthform .hero__overlay {
      font-size: 0.875em; } }
  @media all and (min-width: 1301px) {
    .mason--sixthform .hero__overlay {
      font-size: 1em; } }
  .mason--sixthform .hero__overlay .ms-center {
    margin: 0; }
  .mason--sixthform .hero__overlay__bg {
    font-size: 0.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media all and (min-width: 415px) {
      .mason--sixthform .hero__overlay__bg {
        font-size: 0.85em; } }
    @media all and (min-width: 769px) {
      .mason--sixthform .hero__overlay__bg {
        font-size: 0.9em; } }
    @media all and (min-width: 1025px) {
      .mason--sixthform .hero__overlay__bg {
        font-size: 0.95em; } }
    @media all and (min-width: 1301px) {
      .mason--sixthform .hero__overlay__bg {
        font-size: 1em; } }
    .mason--sixthform .hero__overlay__bg svg {
      color: transparent;
      stroke: rgba(255, 255, 255, 0.13);
      stroke-width: 4px; }
  .mason--sixthform .hero__overlay .decor__title {
    max-width: 646px; }

@media all and (min-width: 650px) {
  .hero {
    height: 30em;
    height: 88vh;
    max-height: 65vw; }
    .hero:before {
      padding: 0; }
  .mason--home .hero__slideshow__item__img:after {
    background: rgba(0, 0, 0, 0.45);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), color-stop(53%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%); }
  .mason--sixthform .hero__overlay {
    position: absolute;
    top: 14em;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .mason--sixthform .hero__overlay__bg {
      top: -6em; } }

@media all and (min-width: 900px) {
  .mason--sixthform .hero__overlay {
    top: 6em; } }

.section--min {
  min-height: 10em;
  position: relative;
  z-index: 0; }
  .section--min:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(143, 186, 205, 0.3);
    display: block;
    z-index: -1; }

.owl-item {
  opacity: 0;
  -webkit-transform: translateX(-12em);
  -ms-transform: translateX(-12em);
  transform: translateX(-12em); }
  .owl-item.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s; }
    .owl-item.active ~ .owl-item:not(.active) {
      -webkit-transform: translateX(12em);
      -ms-transform: translateX(12em);
      transform: translateX(12em); }
    .owl-item.active + .owl-item.active + .owl-item.active + .owl-item {
      opacity: 0; }

.home {
  z-index: 0; }

.main {
  display: none; }

.news__header {
  padding: 3em 0 2em; }

.news__main {
  padding: 2em 0 3em; }

.news__item {
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
  .news__item > * {
    height: 100%; }
  .news__item__txt {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding: 3.75em 2.4375em 1.625em; }
    .news__item__txt__title {
      margin-top: .35em; }
    .news__item__txt__lower {
      margin: 1.25em 0 .5em; }
      .news__item__txt__lower > * {
        display: inline-block;
        vertical-align: middle; }
      .news__item__txt__lower .decor {
        margin: 0 1.25em 0 0;
        max-width: 7.75em; }

.news__nav {
  float: right;
  margin-top: 1em; }
  .news__nav > * {
    margin-left: .5em; }

@media all and (min-width: 769px) {
  .news__main {
    padding-bottom: 4.375em; } }

@media all and (min-width: 1480px) {
  .news__nav {
    position: absolute;
    top: 1em;
    left: calc(100% + 1.65em);
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .news__nav > * {
      margin-left: 0;
      margin-bottom: 1.25em; } }

.tweet__item {
  position: relative;
  overflow: hidden; }
  .tweet__item__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding: 3.75em 3em 2.375em; }
    .tweet__item__txt__content {
      line-height: 1.5; }
    .tweet__item__txt__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      max-width: 14.6875em;
      margin-top: 3.375em; }
      .tweet__item__txt__info i {
        display: none; }
      .tweet__item__txt__info .fa-twitter {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.25em; }

@media all and (min-width: 769px) {
  .tweet__item:hover {
    background: #6ca4bd; }
    .tweet__item:hover .news__item__img {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      opacity: .2; } }

.events {
  padding: 3em 0; }
  .events__main .ms-center {
    width: 70%; }
  .events ul {
    margin: 4.75em 0 3.5625em; }
  .events__item a {
    position: relative;
    min-height: 12.6875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .events__item a:before {
      width: 12.6875em;
      height: 12.6875em;
      border-radius: 50%;
      display: block;
      content: '';
      margin: auto;
      background: rgba(255, 255, 255, 0.03);
      border: 2px solid rgba(255, 255, 255, 0);
      -webkit-transition: background 0.3s ease, border 0.3s ease, -webkit-transform 0.3s ease;
      transition: background 0.3s ease, border 0.3s ease, -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease;
      transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease;
      transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease, -webkit-transform 0.3s ease; }
  .events__item__time {
    margin: .65em auto 1.5em; }
    .events__item__time svg {
      margin-right: 0.5em; }
  .events__item__title {
    line-height: 1.45;
    max-width: 13em;
    margin: auto; }
  .events .owl__nav {
    margin: 0; }
    .events .owl__nav > * {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0.625em; }
      .events .owl__nav > *.owl-prev {
        right: 100%; }
      .events .owl__nav > *.owl-next {
        left: 100%; }

@media all and (min-width: 769px) {
  .events {
    padding-top: 5em;
    padding-bottom: 4em; }
    .events__item a:hover:before {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.1); }
    .events__item a:hover .events__item__date,
    .events__item a:hover .events__item__title {
      color: #8FBACD; } }

@media all and (min-width: 1301px) {
  .events .owl__nav > * {
    margin: auto 3.375em; } }

.imglinks {
  padding: 4.3125em 0; }
  .imglinks .owl__nav {
    margin: 1em auto;
    text-align: center; }
    .imglinks .owl__nav > * {
      margin: 0 .2em; }
    .imglinks .owl__nav.disabled {
      opacity: 0; }
  .imglinks.section--min:before {
    top: 0;
    bottom: calc(50% + 2.2em); }
  .imglinks__item,
  .imglinks__item > * {
    height: 100%; }
  .imglinks .item__txt {
    padding-top: 4em;
    padding-bottom: 4em; }

@media all and (min-width: 415px) {
  .imglinks .ms-center {
    width: 70%; }
  .imglinks .owl__nav {
    margin: 0; }
    .imglinks .owl__nav > * {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0.625em; }
      .imglinks .owl__nav > *.owl-prev {
        right: 100%; }
      .imglinks .owl__nav > *.owl-next {
        left: 100%; } }

@media all and (min-width: 769px) {
  .imglinks .item__link {
    min-height: 20.125em; } }

@media all and (min-width: 1301px) {
  .imglinks .owl__nav > * {
    margin: auto 3.375em; } }

.houses {
  padding: 3em 0; }
  .houses .ms-center {
    max-width: 1240px; }
  .houses__header {
    margin-bottom: 2.35em; }
  .houses .decor__title {
    max-width: none; }
  .houses ul {
    font-size: 0.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* @include mason-clearfix;
		&.owl-loaded {
		    margin: $gapX / 2 0;
		} */
    margin-left: -0.5em;
    margin-right: -0.5em; }
    @media all and (min-width: 415px) {
      .houses ul {
        font-size: 0.85em; } }
    @media all and (min-width: 769px) {
      .houses ul {
        font-size: 0.9em; } }
    @media all and (min-width: 1025px) {
      .houses ul {
        font-size: 0.95em; } }
    @media all and (min-width: 1301px) {
      .houses ul {
        font-size: 1em; } }
    .houses ul > * {
      width: 100%;
      max-width: 100%;
      float: left;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0.5em 0.5em; }
  .houses__item__img {
    position: relative;
    max-width: 12.85em;
    margin: 0 auto 3.5em;
    -webkit-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    transform: translateY(-1.5em); }
    .houses__item__img:before {
      content: '';
      display: block;
      visibility: hidden;
      padding-bottom: 86.8932%; }
    .houses__item__img.loaded {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
      .houses__item__img.loaded:after {
        opacity: 1;
        -webkit-transform: scale(0.8) translateY(0);
        -ms-transform: scale(0.8) translateY(0);
        transform: scale(0.8) translateY(0); }
    .houses__item__img .lazy-item {
      max-width: 100%;
      max-height: 100%;
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
    .houses__item__img:after {
      position: absolute;
      content: '';
      top: 100%;
      right: 0;
      left: 0;
      width: 9.25em;
      height: 1.5em;
      border-radius: 50%;
      margin: -0.375em auto 0;
      z-index: -1;
      opacity: 0;
      -webkit-transform: scale(0.5) translateY(2em);
      -ms-transform: scale(0.5) translateY(2em);
      transform: scale(0.5) translateY(2em);
      background: #edf6fa; }
  .houses__item__txt {
    display: inline-block;
    vertical-align: bottom; }
    .houses__item__txt .decor {
      width: 90%;
      width: calc(100% - 3em);
      margin: .925em 0 0;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

@media all and (min-width: 380px) {
  .houses ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* @include mason-clearfix;
		&.owl-loaded {
		    margin: $gapX / 2 0;
		} */
    margin-left: -0.5em;
    margin-right: -0.5em; }
    .houses ul > * {
      width: 50%;
      max-width: 50%;
      float: left;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0.5em 0.5em; } }

@media all and (min-width: 700px) {
  .houses {
    padding-bottom: 5.5em; }
    .houses ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      /* @include mason-clearfix;
		&.owl-loaded {
		    margin: $gapX / 2 0;
		} */
      margin-left: -0.5em;
      margin-right: -0.5em; }
      .houses ul > * {
        width: 25%;
        max-width: 25%;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0.5em 0.5em; } }

@media all and (min-width: 769px) {
  .houses__item a:hover .houses__item__img .lazy-item {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .houses__item a:hover .houses__item__img:after {
    -webkit-transform: scale(1) translateY(100%) translateY(0.3em);
    -ms-transform: scale(1) translateY(100%) translateY(0.3em);
    transform: scale(1) translateY(100%) translateY(0.3em); }
  .houses__item a:hover .houses__item__txt {
    color: #8FBACD; }
    .houses__item a:hover .houses__item__txt .decor {
      width: calc(100% + 3.5em); } }

.map {
  background: #f7f7f7; }
  .map .ms-center {
    width: 100%; }
  .map__canvas {
    position: relative; }
    .map__canvas:before {
      content: '';
      display: block;
      visibility: hidden;
      padding-bottom: 66.66667%; }
  .map__txt {
    visibility: visible;
    padding: 3.15em 2em 4em;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
    .map__txt img {
      width: 11.75em; }
    .map__txt__body {
      line-height: 1.5; }
      .map__txt__body p {
        margin: 0; }

@media all and (min-width: 769px) {
  section.map {
    padding: 4.1875em 0 4.9375em; }
  .map .ms-center {
    width: 90%;
    max-width: 1160px;
    visibility: hidden; }
  .map__canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .map__canvas:before {
      display: none; }
  .map__txt {
    max-width: 20.5em; }
    .map__txt img {
      margin-bottom: 1.75em; } }