.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background-color:rgba(53, 58, 62, 0.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:opacity 350ms ease;-o-transition:opacity 350ms ease;transition:opacity 350ms ease}
.popup.active{opacity:1}
.popup__container{background-color:#fff;width:90%;height:90%;position:relative;padding:10px}
.popup__container--video{height:auto}
.popup--announce .popup__container{height:70%}
.popup__close{position:absolute;top:25px;right:25px;width:20px;height:20px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popup__close:hover .popup__close__icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.popup__close__icon{width:17px;-webkit-transition:-webkit-transform 350ms ease;transition:-webkit-transform 350ms ease;-o-transition:transform 350ms ease;transition:transform 350ms ease;transition:transform 350ms ease, -webkit-transform 350ms ease}
.popup__close__icon line{stroke:#53565A;stroke-width:2px}
.popup__close--alt .popup__close__icon line{stroke:#fff}
.popup__list{height:100%;position:relative;z-index:0}
.popup__item{height:100%;width:100%}
.popup__inner{overflow:auto;height:100%;scrollbar-width:thin;scrollbar-color:#7a1222 #e3425a;-ms-overflow-style:-ms-autohiding-scrollbar}
.popup__inner::-webkit-scrollbar{width:10px}
.popup__inner::-webkit-scrollbar-track{background-color:#e3425a;border-radius:10px}
.popup__inner::-webkit-scrollbar-thumb{border-radius:10px;background-color:#7a1222}
.popup__left{position:relative;height:350px;width:100%;margin:25px 0 0}
.popup__left--narrow{width:230px;margin:25px auto 0}
.popup__left--wide{height:auto}
.popup__left--full{margin:0;height:auto}
.popup__video{position:relative;height:100%}
.popup__video:before{display:block;content:"";width:100%;padding-top:56.25%}
.popup__video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.popup__slideshow{background-color:#353A3E;z-index:0}
.popup__slideshow:after{content:'';position:absolute;z-index:101;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(53, 58, 62, 0)), color-stop(50%, rgba(53, 58, 62, 0)), to(rgba(53, 58, 62, 0.6)));background:-webkit-linear-gradient(top, rgba(53, 58, 62, 0) 0%, rgba(53, 58, 62, 0) 50%, rgba(53, 58, 62, 0.6) 100%);background:-o-linear-gradient(top, rgba(53, 58, 62, 0) 0%, rgba(53, 58, 62, 0) 50%, rgba(53, 58, 62, 0.6) 100%);background:linear-gradient(to bottom, rgba(53, 58, 62, 0) 0%, rgba(53, 58, 62, 0) 50%, rgba(53, 58, 62, 0.6) 100%)}
.popup__pager{position:absolute;z-index:1;bottom:35px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:1px;background-color:rgba(255, 255, 255, 0.4);display:-webkit-box;display:-ms-flexbox;display:flex}

.popup__pager span{width:10px;height:10px;border-radius:50%;background-color:#D0D3D4;-webkit-transition:background-color 350ms ease;-o-transition:background-color 350ms ease;transition:background-color 350ms ease;margin-top:-5px;margin-right:100px;position:relative;cursor:pointer}
.popup__pager span:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(255, 255, 255, 0.4);-webkit-transition:-webkit-transform 350ms ease;transition:-webkit-transform 350ms ease;-o-transition:transform 350ms ease;transition:transform 350ms ease;transition:transform 350ms ease, -webkit-transform 350ms ease}
.popup__pager span:after{content:'';position:absolute;left:10px;right:-100px;height:3px;top:0;bottom:0;margin:auto 0;background-color:#fff;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;opacity:0;-webkit-transition:opacity 350ms ease, -webkit-transform 0ms linear 350ms;transition:opacity 350ms ease, -webkit-transform 0ms linear 350ms;-o-transition:opacity 350ms ease, transform 0ms linear 350ms;transition:opacity 350ms ease, transform 0ms linear 350ms;transition:opacity 350ms ease, transform 0ms linear 350ms, -webkit-transform 0ms linear 350ms}
.popup__pager span:last-child{margin-right:0}
.popup__pager span:last-child:after{display:none}
.popup__pager span.cycle-pager-active{background-color:#fff}
.popup__pager span.cycle-pager-active:before{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5)}
.popup__pager span.cycle-pager-active:after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform 6s linear;transition:-webkit-transform 6s linear;-o-transition:transform 6s linear;transition:transform 6s linear;transition:transform 6s linear, -webkit-transform 6s linear}
.popup__right:only-child{text-align:center}
.popup__title{font-size:2.1875em;font-weight:500;letter-spacing:0.02em;margin:0}
.popup__subtitle{font-size:1.25em;letter-spacing:0.02em;display:block;margin:10px 0 25px;line-height:1}
.popup__content{margin:25px 0}
.popup__content :first-child{margin-top:0}
.popup__content :last-child{margin-bottom:0}
.popup__content a{color:#A6192E;text-decoration:none}
.popup__link{color:#A6192E;text-decoration:none;font-size:1.125em;font-weight:700;letter-spacing:0.09em}
.popup__footer__right{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}
.popup__btn{width:55px;height:55px;position:relative;margin-right:20px;border:1px rgba(83, 86, 90, 0.3) solid;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#A6192E;text-decoration:none;font-size:1.25em;-webkit-transition:color 350ms ease;-o-transition:color 350ms ease;transition:color 350ms ease}
.popup__btn:last-child{margin-right:0}
.popup__btn .svg-inline--fa{position:relative;z-index:1}
.popup__btn:hover{color:#fff;-webkit-transition:color 350ms ease 500ms;-o-transition:color 350ms ease 500ms;transition:color 350ms ease 500ms}
.popup__btn:hover .popup__btn__circle circle{-webkit-transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;-o-transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;stroke-dashoffset:0;fill:#A6192E}
.popup__btn__circle{position:absolute;top:-1px;right:-1px;width:56px;height:56px}
.popup__btn__circle circle{stroke:#A6192E;stroke-width:2px;stroke-dasharray:185;stroke-dashoffset:200;fill:rgba(166, 25, 46, 0);-webkit-transition:fill 350ms ease;-o-transition:fill 350ms ease;transition:fill 350ms ease}
.popup__sliderBtn{display:block;position:absolute;top:15%;-webkit-transform:translateY(-100%) translateY(-10px);-ms-transform:translateY(-100%) translateY(-10px);transform:translateY(-100%) translateY(-10px);z-index:1;width:40px;height:40px}
.popup__sliderBtn:after{content:'';position:absolute;top:0;right:0;width:40px;height:40px;border:1px rgba(255, 255, 255, 0.2) solid;border-radius:50%;-webkit-transition:width 350ms ease, height 350ms ease, border-width 350ms ease, -webkit-transform 350ms ease;transition:width 350ms ease, height 350ms ease, border-width 350ms ease, -webkit-transform 350ms ease;-o-transition:width 350ms ease, height 350ms ease, border-width 350ms ease, transform 350ms ease;transition:width 350ms ease, height 350ms ease, border-width 350ms ease, transform 350ms ease;transition:width 350ms ease, height 350ms ease, border-width 350ms ease, transform 350ms ease, -webkit-transform 350ms ease}

.popup__sliderBtn:hover:after{width:50px;height:50px;border-width:10px;-webkit-transform:translate(5px, -5px);-ms-transform:translate(5px, -5px);transform:translate(5px, -5px);-webkit-transition:width 350ms ease 500ms, height 350ms ease 500ms, border-width 350ms ease 500ms, -webkit-transform 350ms ease 500ms;transition:width 350ms ease 500ms, height 350ms ease 500ms, border-width 350ms ease 500ms, -webkit-transform 350ms ease 500ms;-o-transition:width 350ms ease 500ms, height 350ms ease 500ms, border-width 350ms ease 500ms, transform 350ms ease 500ms;transition:width 350ms ease 500ms, height 350ms ease 500ms, border-width 350ms ease 500ms, transform 350ms ease 500ms;transition:width 350ms ease 500ms, height 350ms ease 500ms, border-width 350ms ease 500ms, transform 350ms ease 500ms, -webkit-transform 350ms ease 500ms}
.popup__sliderBtn:hover .popup__sliderBtn__arrow{-webkit-transform:translate(5px, -50%);-ms-transform:translate(5px, -50%);transform:translate(5px, -50%)}
.popup__sliderBtn:hover .popup__sliderBtn__arrow line,.popup__sliderBtn:hover .popup__sliderBtn__arrow path{stroke:#53565A;-webkit-transition:stroke 350ms ease 500ms;-o-transition:stroke 350ms ease 500ms;transition:stroke 350ms ease 500ms}
.popup__sliderBtn:hover .popup__sliderBtn__circle{-webkit-transition:opacity 0ms linear, visibility 0ms linear, -webkit-transform 350ms ease 500ms;transition:opacity 0ms linear, visibility 0ms linear, -webkit-transform 350ms ease 500ms;-o-transition:opacity 0ms linear, visibility 0ms linear, transform 350ms ease 500ms;transition:opacity 0ms linear, visibility 0ms linear, transform 350ms ease 500ms;transition:opacity 0ms linear, visibility 0ms linear, transform 350ms ease 500ms, -webkit-transform 350ms ease 500ms;visibility:visible;opacity:1;-webkit-transform:translateY(-50%) scale(0.75);-ms-transform:translateY(-50%) scale(0.75);transform:translateY(-50%) scale(0.75)}

.popup__sliderBtn:hover .popup__sliderBtn__circle circle{-webkit-transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;-o-transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;transition:stroke-dashoffset 500ms linear, fill 350ms ease 500ms;stroke-dashoffset:0;fill:#fff}
.popup__sliderBtn--prev{-webkit-transform:translateY(-100%) translateY(-10px) scaleX(-1);-ms-transform:translateY(-100%) translateY(-10px) scaleX(-1);transform:translateY(-100%) translateY(-10px) scaleX(-1);left:2vw}
.popup__sliderBtn--next{right:2vw}

.popup__sliderBtn__arrow{position:absolute;top:50%;right:15px;width:50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-transition:-webkit-transform 350ms ease;transition:-webkit-transform 350ms ease;-o-transition:transform 350ms ease;transition:transform 350ms ease;transition:transform 350ms ease, -webkit-transform 350ms ease}
.popup__sliderBtn__arrow line,.popup__sliderBtn__arrow path{fill:none;stroke:#fff;stroke-width:2px;-webkit-transition:stroke 350ms ease;-o-transition:stroke 350ms ease;transition:stroke 350ms ease}
.popup__sliderBtn__circle{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;width:40px;z-index:1;visibility:hidden;opacity:0;-webkit-transition:opacity 350ms ease, visibility 0ms linear 350ms, -webkit-transform 350ms ease;transition:opacity 350ms ease, visibility 0ms linear 350ms, -webkit-transform 350ms ease;-o-transition:opacity 350ms ease, visibility 0ms linear 350ms, transform 350ms ease;transition:opacity 350ms ease, visibility 0ms linear 350ms, transform 350ms ease;transition:opacity 350ms ease, visibility 0ms linear 350ms, transform 350ms ease, -webkit-transform 350ms ease}
.popup__sliderBtn__circle circle{stroke:#fff;stroke-width:2px;stroke-dasharray:125;stroke-dashoffset:125;fill:rgba(166, 25, 46, 0);-webkit-transition:fill 350ms ease;-o-transition:fill 350ms ease;transition:fill 350ms ease}

@media (min-width:550px){
    .popup__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .popup__footer__right{margin-top:0}
}

@media (min-width:769px){
    .popup__container{max-height:500px;height:90%}[data-type="Text Only"] 
    .popup__container{height:35%}
    .popup__container--video{height:auto;max-height:none;width:114vh}
    .popup__video{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:auto;max-width:860px}
    .mason--home .popup__video,.mason--nursery .popup__video,.mason--prep .popup__video,.mason--senior .popup__video,.mason--sixthForm .popup__video{max-width:100%}
    .popup__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
    .popup__container--video .popup__inner{aspect-ratio:16/9}
    .popup__left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;height:100%;width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0}
    .popup__left--narrow{width:33%}
    .popup__left--wide{width:60%;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:center;-ms-flex-pack:center;justify-content:center}
    .popup__left--full{width:100%}
    .popup__left--full .popup__video{height:100%}
    .popup__right{max-height:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 30px 0 40px}
    .popup__right:first-child{padding:0 30px}
    .popup__content{max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:#7a1222 #e3425a;-ms-overflow-style:-ms-autohiding-scrollbar}
    .popup__content::-webkit-scrollbar{width:10px}
    .popup__content::-webkit-scrollbar-track{background-color:#e3425a;border-radius:10px}
    .popup__content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#7a1222}

}@media (min-width:1025px){
    .popup__container{width:80%}
    .popup--announce .popup__container{height:90%}
    .popup__right{padding:0 70px 0 80px}
    .popup__right:first-child{padding:0 70px}
    .popup__sliderBtn{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
    .popup__sliderBtn--prev{-webkit-transform:translateY(-50%) scaleX(-1);-ms-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1)}}