/*******************************************
Global Styles
******************************************/
#xs-indicator,
#sm-indicator,
#md-indicator,
#lg-indicator {
    display: none;
}
@media(min-width:1340px) {
    #lg-indicator {
        display: block;
    }
}
@media(min-width:992px) and (max-width:1339px) {
    #md-indicator {
        display: block;
    }
}
@media(min-width:768px) and(max-width:991px) {
    #sm-indicator {
        display: block;
    }
}
@media(max-width:767px) {
    #xs-indicator {
        display: block;
    }
}

body {
    margin:0px;
    padding:0px;
    font-size:15px;
    background-color: #ddd;
}

.full-width-container {
    width: 100%;
    max-width:1920px;
    margin: 0 auto;
}
.content-section {
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
}


h1,h2,h3,h4 {
    margin-top: 0px;
}

p {
    line-height:22px;
    margin-bottom:20px;
}

ul, ol {
    margin-left:0px;
    padding-left:0px;
}

.content ul {
    padding-left:20px;
    margin-bottom:20px;
}


a:hover, a:active, a:link, a:visited {
    text-decoration: none !important;
}

li {

}

span {

}

strong {

}

.center-me {
    text-align: center;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}
.display-table-cell {
    display: table-cell;
}
.middle {
    vertical-align: middle;
}

.display-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

img {
    max-width: 100%;
}


@media (max-width:1340px) {
    .content {
        /*padding-left:15px;
        padding-right:15px; */
    }
}


@media(min-width:768px) and (max-width:991px) {
    .align-left-sm {
        text-align: left;
    }
}

.width-100 {
    width: 100% !important;
}
/*******************************************
COLUMNS
*******************************************/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding:0;
}

/*******************************************
ROW
******************************************/

.row {
    /*margin-top:30px;
    margin-bottom:30px;*/
}


.BANNER .bx-wrapper .bx-viewport, .bx-wrapper ul li,
.BANNER .imageSlider {
    border:0px;
    box-shadow:none;
}

.BANNER .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

.BANNER .bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background:#fff;
    border:2px solid #ffffff;
}

.BANNER .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:none;
    border:2px solid #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
}

.navbar-toggle {
    margin:0px;
    padding:0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 35px;
    height: 4px;
    border-radius: 2px;
    margin-bottom: 6px;
}


@media (max-width:767px) {
    .navbar-default {
        z-index: 10;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .NAV_TIT_1 .center-me-absolute-sm {
        position: relative;
        left: 0%;
        margin-left: 0px !important;
        display: block;
    }

    .NAV_TIT_1 .no-margin {
        margin-left:10px;
        margin-right:10px;
    }

    .NAV_TIT_1 .navbar-toggle {
        margin-top:10px;
    }
}

@media (min-width:992px) and (max-width:1340px) {

}

@media (min-width:992px) {

}

/*******************************************
BLOCKS GENERAL STYLES
*******************************************/
.content-block {
    width: 1600px;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
}
.content-block.fullwidth {
    width: 100%;
}

/*******************************************
FOOTER
*******************************************/
@media(min-width:992px) {
    .newwave {
        text-align: right;
    }
}
/******************************************
ALIGNMENT
******************************************/

.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}

@media(min-width:1340px) {

}
@media(min-width:992px) and (max-width:1339px) {

}
@media(min-width:768px) and (max-width:991px) {
    .center-me-sm {
        text-align: center;
    }
}
@media(max-width:767px) {
    .center-me-xs {
        text-align: center;
    }
    .align-left-xs {
        text-align: left;
    }
}

img.alignleft {
    float:left;
    margin-right:15px;
}

img.alignright {
    float:right;
    margin-left: 15px;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.navbar-toggle {
    border:none;
    border-radius: 0;
}



.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

div.home-link {
    z-index: 99999;
}

#responsive-menu .responsive-menu li a {
    border-top: 1px solid #e2a12b!important;
}
#responsive-menu .responsive-menu li.current-menu-item > a, #responsive-menu .responsive-menu li.current-menu-item > .appendLink, #responsive-menu .responsive-menu li.current_page_item > a, #responsive-menu .responsive-menu li.current_page_item > .appendLink {
    background: #e2a12b!important;
}


a.read-more-button,
input[type="submit"], button.read-more-button {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    /*margin-top: 20px;*/
    min-width: 130px;
    text-align:center;
}

button.read-more-button {
    display:block;
    margin: 0 auto;
}

a.yellow-on-white-button, .yellow-on-white-button {
    color: #fcb316!important;
    background-color: white!important;
}

/* -------------- NEW BRAND BUTTONS ----------------- */


.brand-color-1-0 .read-more-button,
.brand-color-1-0 a.read-more-button,
.brand-color-1-0 input[type="submit"],
.brand-color-1-0 button.read-more-button {
    padding: 0 !important;
    min-width: 0px !important;
    margin-top: 0px !important;
}

.brand-color-1-0 .read-more-button::after,
.brand-color-1-0 a.read-more-button::after,
.brand-color-1-0 input[type="submit"]::after,
.brand-color-1-0 button.read-more-button::after

{
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url('../image/greenArrow.png') no-repeat;
    position: absolute;
    margin-left: 10px;
    background-size: 23px;
    margin-top: 8.5px;
}



input[type="submit"] {
    margin-top: 0;
}

/********************************************************
BANNERS - SLIDERS Vertical alignment
******************************************************/
.imageSlider {
    display: table;
    width: 100%;
}
.imageSlider .slider-center-me-vertically {
    display: table-cell;
    vertical-align: middle;
}


div.carousel-tab {
    display: none;
}
div#tab1 {
    display: block;
}

.owl-nav {
    position: absolute;
    top:50%;
    background: red;
    width: 100%;
}
.owl-nav .owl-prev {
    position: absolute;
    left: -50px;
}
.owl-nav .owl-next {
    position: absolute;
    right: -50px;
}
/*
.block-1.BANNER_1 h1 {
    font-size: 32px;
}
*/

.block-1.BANNER_1 h1 span {
    font-size: 23px;
}

/********************************************************
GALLERIES
********************************************************/
a.gallery {
    display: none;
}
a.gallery:nth-child(1) {
    display: block;
}

@media(min-width:992px) {
    a.gallery {
        position: absolute;
        top: 10px;
        bottom: 10px;
        width: 100%;
    }
    a.gallery > img {
        opacity: 0;
    }
}
@media(max-width:767px) {
    .thumb.padding-1:nth-child(odd) {
        padding-left: 0;
    }
    .thumb.padding-1:nth-child(even) {
        padding-right: 0;
    }
}

/*** GALLERY_2 ***/
.main-image-div {
    position: relative;
    padding-bottom: 60.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.GALLERY_2 a.gallery {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

@media(min-width:992px) {
    .GALLERY_2 .thumb-1,
    .GALLERY_2 .thumb-5 {
        padding-left: 0px;
        padding-right: 9px;
    }
    .GALLERY_2 .thumb-2,
    .GALLERY_2 .thumb-6 {
        padding-left: 3px;
        padding-right: 6px;
    }
    .GALLERY_2 .thumb-3,
    .GALLERY_2 .thumb-7 {
        padding-left: 6px;
        padding-right: 3px;
    }
    .GALLERY_2 .thumb-4,
    .GALLERY_2 .thumb-8 {
        padding-left: 9px;
        padding-right: 0px;
    }
}

/*******************************************************
FORMS
*******************************************************/

input,
textarea {
    width: 100%;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    padding: 10px;
    margin-bottom: 20px;
}
input[type="submit"] {
    width: auto;
}


/************************************
CONTENT
************************************/
.CONTENT_3 .timeline-description::before {
    content: "";
    display: block;
    background: url(../image/timeline_bullet.png);
    background-repeat: no-repeat;
    background-size: 16px;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0px;
    left: -8px;
}
.CONTENT_3 .timeline-description {
    border-left: 1px solid #ccc;
    padding-left: 30px;
}
.CONTENT_3 .timeline-item:last-of-type .timeline-description {
    border: none;
}

/********************************
BANNER
********************************/

.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;

}

/*****************************
2_COLUMN_4
*****************************/
.block-2_COLUMN_4 div.circle {
    width: 60px;
    height: 60px;
    border: 1px solid red;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    font-family: "georgia", sans-serif;
    font-size: 30px;
}
.block-2_COLUMN_4 div.circle:after {
    content:"";
    position: absolute;
    z-index: 1;
    top: 60px;
    bottom: 0;
    left: 50%;
    border-left: 2px dotted #ff0000;
    transform: translate(-50%);
}

/**********************************
CTA
**********************************/
.CTA_1 .border-right,
.CTA_2 .border-right,
.CTA_3 .border-right,
.CTA_4 .border-right,
.CTA_5 .border-right,
.CTA_6 .border-right {
    border-right: 1px solid #ddd;
}

.CTA_1 .border-right,
.CTA_2 .border-right,
.CTA_3 .border-right,
.CTA_4 .border-right,
.CTA_5 .border-right,
.CTA_6 .border-right {
    border-left: 1px solid #ddd;
}

@media(max-width:767px) {
    .CTA_1 .border-right,
    .CTA_2 .border-right,
    .CTA_3 .border-right,
    .CTA_4 .border-right,
    .CTA_5 .border-right,
    .CTA_6 .border-right {
        border-right: none;
    }

    .CTA_1 .border-right,
    .CTA_2 .border-right,
    .CTA_3 .border-right,
    .CTA_4 .border-right,
    .CTA_5 .border-right,
    .CTA_6 .border-right {
        border-left: none;
    }
}

/***********************************
IMAGES
***********************************/

img.ukonly {
    position: absolute;
    right: 40px;
    top: 140px;
    max-width: 75px;
    z-index: 10;
}

.page-id-5903.padding-top-4{
    padding-bottom: 0;
}


.color-7 .heading h1{
    color: #593C97;
    font-family: "greycliff-heavy", sans-serif;
    font-size: 44px;
}

.color-7 .heading h1 span.grey{
    color: #C0BFBF;
    font-size: 44px;
    font-style: italic;
    font-family: "greycliff-heavy", sans-serif;
}

.color-7 p{
    font-family: "greycliff-light", sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: normal;
    margin-bottom: 60px;
}

.color-7 .read-more-button{
    background: #E9BB50;
    color: #fff;
    font-weight: bold;
}

.color-8 h4{
    font-family: "greycliff-bold", sans-serif;
    font-size: 23px;
    color: #fff;
    font-weight: 400;
}

.color-8 p{
    font-family: "greycliff-light", sans-serif;
    font-size: 17px;
    color: #fff;
}

.color-8 .read-more-button{
    color: #593C97;
    background-color: #fff;
    font-family: "greycliff-bold", sans-serif;
    font-size: 15px;
    /*text-transform: capitalize;*/
}

.content-block.fullwidth.block-3.block-2_COLUMN_14.default-colors .set-to-tallest{
    background-image: url(https://interhigh.newwave-web.co.uk/wp-content/themes/modular-site-builder/images/student_slider_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}


.box-shadow{
    box-shadow: 5px 10px 18px rgba(0, 0, 0, 0.5);
}

.content-block.fullwidth.block-5.block-3_COLUMN_13.brand-color-2 .set-to-tallest{
    background-image: url(https://interhigh.newwave-web.co.uk/wp-content/themes/modular-site-builder/images/student_slider_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.color-9 h4{
    font-family: "greycliff-bold", sans-serif;
    font-size: 23px;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 400;
}

.color-9 .read-more-button{
    background: #E9BB50 !important;
    color: #fff;
    font-weight: bold !important;
    border: none !important;
}

.left-margin{
    margin-left: -107px;
}

p.intro-text{
    font-family: "greycliff-light", sans-serif;
    font-size: 15px;
    color: #5A5A5A;
    font-style: normal;
}

.quote-text{
    font-family: "greycliff-light", sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

.quote-mark:before{
    content: url(../image/quote-mark.png);
    opacity: 0.2;
    position: absolute;
    margin-top: -32px;
    margin-left: -42px;
}

.question{
    font-family: "greycliff-bold", sans-serif;
    font-size: 23px;
    color: #593C97;
}

.question-symbol:before{
    content: 'Q';
    color: #593C97;
    font-size: 50px;
    font-weight: bold;
    font-family: "greycliff-light", sans-serif;
    position: absolute;
    left: 0;
    padding-top: 15px;
    margin-left: -20px;
}

.featured-cta h4{
    font-family: "greycliff-bold", sans-serif;
    font-size: 34px;
    color: #593C97;
}

.cut{
    background-image: url("../image/Artboard-2380.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 116px;
    margin-left: -167px;
}

.text-position{
    text-align: left;
}

@media (min-width: 1301px) and (max-width: 1366px) {
    .cut{
        margin-left: -161px;
        height: 96px;
    }
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .cut{
        height: 96px;
        margin-left: -156px;
    }

}

@media (max-width: 991px) {
    .left-margin{
        margin-left: 0px !important;
    }

    .quote-mark:before{
        display: none;
    }

    .quote-text{
        font-size: 32px;
    }
}

@media(max-width:766px) {
    .left-margin{
        margin-left: 0px !important;
    }

    .cut{
        display: none;
    }

    .text-position{
        text-align: center !important;
    }
}

@media(max-width: 768px){
    .quote-text{
        font-size: 32px;
    }

    .color-7 .heading h1{
        font-size: 32px !important;
    }

    .color-7 .heading h1 span.grey{
        font-size: 32px !important;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .single-featured-pupil-banner .height-c{
        height: 405px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    .color-7 .heading h1 span.grey{
        font-size: 30px !important;
    }

    .left-margin{
        margin-left: -50px !important;
    }

    .cut{
        height: 83px;
        margin-left: -90px;
    }
}

@media(min-width: 767px) and (max-width: 768px){
    .cut{
        height: 85px;
        margin-left: -87px;
        margin-top: 20px;
    }

    .content-block.fullwidth.block-1.BANNER_4.default-colors .height-c{
        height: 405px !important;
    }

    .left-margin{
        margin-left: -52px !important;
    }

    .color-7 p{
        margin-bottom: 25px !important;
    }
}

@media(min-width: 769px) and (max-width: 991px){
    .cut{
        margin-top: 20px;
        height: 85px;
        margin-left: -143px;
    }

    .content-block.fullwidth.block-1.BANNER_4.default-colors .height-c{
        height: 420px !important;
    }

    .color-7 p{
        margin-bottom: 25px !important;
    }

    .color-7 .heading h1{
        font-size: 32px !important;
    }

    .color-7 .heading h1 span.grey{
        font-size: 32px !important;
    }

    .left-margin{
        margin-left: -107px !important;
    }
}

/* Featured Pupils Blog Posts */

.blog-heading h2{
    color: #593C97;
    font-family: "greycliff-heavy",sans-serif;
}

.blog-question{
    font-family: "greycliff-light", sans-serif;
    font-size: 20px;
    color: #593C97;
}

/* Column_4_Latest_posts */

.background-image{
    background-image: url("../image/Homepage-blog-illustration-block.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}


body.postid-7123 .featured-image {
    display: none;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.accordion-group .panel {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #AFABAA;
}
.accordion-group .panel-heading {
    background: transparent;
    padding: 25px 10px;
}
.accordion-group .panel-heading p {
    margin-bottom: 0;
}
.accordion-group .panel-heading a:after {
    content: "+Show";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    color: #593C97;
    font-family: "greycliff-light", sans-serif;
}
.accordion-group .panel-heading a[aria-expanded="true"]:after {
    content: "-Hide";
}
.accordion-group .panel-heading a {
    text-decoration: none;
    position: relative;
    display: block;
    padding-right: 50px;
}
.accordion-group .panel-heading a:hover p {
    color: #593C97;
}
.accordion-group .panel-heading a p {
    color: #AFABAA;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.faq-info-block .green {
    background: #5ACCA0;
}

.faq-info-block .purple {
    background: #593C97;
}

.faq-info-block .green h3,
.faq-info-block .green p,
.faq-info-block .purple h3,
.faq-info-block .purple p {
    color: #fff;
}

.faq-info-block .white {
    background: #fff;
}

.yt-video-play-btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('../image/playButtonDoubleSize.png');
    background-repeat: no-repeat;
    background-size: 129px;
    background-position: center center;
    cursor: pointer;
}
.lightbox.video {
    display: none;
}
.featherlight .lightbox.video {
    display: block;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_popup_content .content {
    padding: 100px;
}
.featherlight.videopopup .featherlight-content {
    min-width: 70%;
}

@media(min-width:992px) and (max-width: 1199px) {
    .video_popup_content .content {
        padding: 50px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .video_popup_content .content {
        padding: 40px;
    }
}

@media(max-width:767px) {
    .video_popup_content .content {
        padding: 30px 20px;
    }
    .video_popup_content .video-link {
        padding-bottom: 56.25%;
    }
}

.row.countdown-timer {
    background-color: #f4f6f7;
    background-image: url('../image/countdown_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 60px;
}
.countdown-container {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.countdown-slice {
    display: inline-block;
    /*padding: 15px;*/
    background: #fff;
    margin: 0 20px;
    font-weight: 300;
    font-family: "greycliff-light", sans-serif;
    font-size: 42px;
    color: #593C97;
    min-width: 100px;
}
.countdown-slice-description {
    display: inline-block;
    margin: 8px 20px 0 ;
    font-family: "greycliff-regular", sans-serif;
    font-size: 20px;
    color: #fff;
    min-width: 100px;
}
img.countdown-icon {
    max-width: 112px;
    margin-bottom: 25px;
}

.cta_and_form .cta-block {
    background-color: #5ACCA0;
}
.cta_and_form .form-block {
    padding: 50px;
    padding-top: 70px;
}

@media(max-width: 767px) {
    .cta_and_form .cta-block {
        padding: 30px 30px;
    }
    .cta_and_form .form-block {
        padding: 50px 30px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .cta_and_form .cta-block {
        padding: 30px 50px;
    }
}

@media(min-width:768px) {
    .exam-centre-map-block .get-the-tallest > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.row.term-dates {
    background-image: url("../image/purple-hexagon-bkg.svg");
    background-size: cover;
    background-color: #6a5595 !important;
    background-repeat: no-repeat;
}

p.footer-address-heading {
    font-size: 12px;
    color: #593C97;
    font-family: 'greycliff-regular', sans-serif;
    margin-bottom: 10px;
    line-height: 17px;
}

p.footer-address {
    font-size: 12px;
    font-family: 'greycliff-light', sans-serif;
    margin-bottom: 10px;
    color: #605C5B;
    line-height: 17px;
}

@media(max-width:767px) {
    .footer-middle {
        text-align: center;
    }
}


body.page-id-7457 .fees-table .blue_bg,
.term-table .blue_bg {
    background: #E2E2E2;
    color: #593C97;
    font-family: 'brown', sans-serif;
    font-size: 20px;
    padding: 15px;
    font-weight: bold;
    /*border-right: 1px solid rgb(202, 199, 199);*/
}

body.page-id-7457 .fees-table .grey_bg {
    background: #FFFFFF;
    color: #000000;
    font-family: 'greycliff-light', sans-serif;
    font-size: 15px;
    padding: 15px;
    /*border-right: 1px solid rgb(202, 199, 199);*/
}
.term-table .grey_bg {
    color: #000000;
    font-family: 'greycliff-light', sans-serif;
    font-size: 15px;
    padding: 15px;
}

body.page-id-7457 .fees-table > div:last-of-type .grey_bg,
body.page-id-7457 .fees-table > div:last-of-type .blue_bg {
    border-right: none;
}

body.page-id-7457 .fees-table > div,
.term-table > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(max-width:991px) {
    body.page-id-7457 .fees-table .blue_bg,
    body.page-id-7457 .fees-table .grey_bg {
        border-right: none;
        border-bottom: 1px solid #78767B;
    }
}

.term-table .blue_bg,
.term-table .grey_bg {
    /*border-left: 1px solid rgb(202, 199, 199);*/
    /*border-bottom: 1px solid #78767B; */
}

.video_popup_content .embed-container {
    padding-bottom: 50%;
}

.video_popup_content.iframe h3,
.video_popup_content.iframe p {
    color: #fff!important;
}

.juniors_section_testimonial {
    background-color: rgba(25,25,25,0.03);
    background-image: url('../image/junior_testimonial_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.juniors_section_testimonial .testimonial-content,
.juniors_section_testimonial .testimonial-content .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.juniors_section_testimonial .testimonial-content .heading {
    align-content: center;
    -webkit-align-content: center;
    border-right: 1px solid rgba(90,90,90,0.5);
}
.juniors_section_testimonial h2,
.juniors_section_testimonial h4 {
    color: #191919;
}
.juniors_section_testimonial p {
    color: #5A5A5A;
}


@media(max-width:767px) {
    .juniors_section_testimonial .testimonial-content .heading {
        border-right: none;
    }
}


/***** Exam registration form *****/
#wpcf7-7580-o1 {

}
#wpcf7-7580-o1 h3 {
    margin-bottom: 30px;
}
#wpcf7-7580-o1 label {
    color: #808181;
    margin-bottom: 15px;
}
input[type="date"],
input[type="number"] {
    padding: 17px 30px !important;
    border: 1px solid #dedfe0;
    width: 100%;
}
div.addExamRowDiv {
    background: #F8F7F7;
    padding: 10px;
}
a#addExamDetailsRow {
    cursor: pointer;
    text-decoration: none!important;
}
a#addExamDetailsRow.disabled {
    color: #808181;
    cursor: not-allowed;
}
@media(max-width: 1199px) {
    #subjectFields > .row {
        border-top: 1px solid #F8F7F7;
    }
    #subjectFields > .row:first-of-type {
        border-top: none;
    }
}
.cashinadvice input[type="checkbox"] {
    width: auto;
}


.height-0 {
    height: 0px!important;
}

.no-padding-text {
    padding: 0px !important;
}

.no-padding-top-video-banner > div > div {
    padding-top: 0px !important;
}

@media (max-width:768px) {
    .pupil-stories-image {
        min-height: 450px;
    }
}

.academic-team-video .embed-container {
    min-height: 90%;
}

.pdf-download-icons {
    width: 50%;
    margin-top: 50px;
}

@media (max-width: 768px) {

    .text-align-left-sm {
        text-align: left;
    }
}

/* ------------------- CAROUSEL SLIDER STUDENTS --------------------- */


.carousel-container {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.3);
}

.new-student-carousel h2, .new-student-carousel .top-text {
    color: white !important;
}

.student-carousel-icon {
    background-image: url('../image/quote-image-icon-01.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

p.carousel-quote {
    color: #6a5595 !important;
    font-style: italic;
}

.carousel-image, .carousel-container, .inner-flex {
    min-height: 650px;
}

.carousel-image{
    background-color: white;
    background-size: cover;
    background-position: center;
}

.student-carousel .inner-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center !important;
    -webkit-justify-content: center !important;
}

@media(min-width: 991px) {
    .carousel-image, .carousel-container, .inner-flex {
        min-height: 660px;
    }
}

@media(max-width: 991px) {
    .carousel-container {
        display: flex;
        display:-webkit-flex;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
    }

    .carousel-image, .carousel-container, .inner-flex{
        min-height: 500px;
        background-position: top;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .carousel-image, .carousel-container, .inner-flex {
        min-height: 400px;
        background-position: center top;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 600px) {
    .carousel-image, .carousel-container, .inner-flex {
        min-height: 300px;
        background-position: center top;
    }
}


.junior-testimonial-image {
    background-image: url('../image/junior_parent_testimonial_block_image.jpg');
    background-size: cover;
    background-position: center top;
}

.purple-hexagon-bkg {
    background-image: url("../image/purple-hexagon-bkg.svg");
    background-size: cover;
    background-color: #6a5595 !important;
    background-repeat: no-repeat;
}

.cyan-hexagon-bkg {
    background-image: url("../image/cyan-hexagon-bkg.svg");
    background-size: cover;
    background-color: #5acca0 !important;
    background-repeat: no-repeat;
}

.subject-title {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    height: 280px !important;
    margin-top: -214px !important;
}

.subject-image-tab > .gradient {
    height: 100%;
    display: -webkit-flex; /* NEW */
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end; /* Safari 7.0+ */
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

.subject-image-tab {
    background-position: center !important;
}

.subject-image-tab > .gradient > h3 {
    vertical-align: bottom;
    color: white;
}

/*
.subject-image-tab:hover,
.subject-image-tab > .gradient:hover {
    cursor: pointer;
}
*/

.custom-circular-badge {
    font-weight: bold;
}

/*============ hexagonal 3 column block =============*/

.hex-block {
    position: relative;
}

.hex-parent {
    position: relative;
}

.inner-1, .inner-2, .inner-3 {
    font-size: 70px;
    color: white;
    font-weight: 900;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    display: flex;
    justify-content: center;
    align-content: center;
}

.inner-1 {
    background-image: url('../image/hexagon-cyan.svg');
}

.inner-2 {
    background-image: url('../image/hexagon-yellow.svg');
}

.inner-3 {
    background-image: url('../image/hexagon-pink.svg');
}

.inner-1 > div,
.inner-2 > div,
.inner-3 > div {
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    height: 100%;
    width: 170px;
}

.dash-bkg {
    height: 30px;
    background-image: url(../image/dashed_hex_line.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 75%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 120px;
}


@media(max-width: 768px) {
    .dash-bkg {
        /*
        transform: rotate(90deg);
        left: 0;
        width: 100%;
        margin-top: 300px;
        */
        display: none;
    }
}

/* partner resources login section */

.wpuf-form {
    list-style: none;
    margin-left: 0 !important;
}

.wpuf-submit {
    margin-top: 30px;
    margin-bottom: 30px !important;
}

.wpuf-name-field-first-name {
    width: 100%;
}

.wpuf-form-sub-label {
    display: none;
}

.wpuf-user-loggedin {
    text-align: center;
    padding-bottom: 20px;
}

.wpuf-user-loggedin h3 {
    margin-top: 30px;
    font-size: 25px;
    font-weight: 900;
}

.wpuf-user-loggedin img {
    border-radius: 50%;
}

input[type="password"] {
    padding: 17px 30px;
    border: 1px solid #DEDFE0;
}

#wpuf-rememberme {
    display: inline;
    width: auto;
    margin-right: 10px;
}

.message.register {
    text-align: center;
}

input[type="password"] {
    margin-bottom: 20px;
}

/* course info pages */

.key-stage-subject-info-block strong {
    font-size: 18px;
    color: #593c97;
    font-weight: bold;
}

.subject-info .title-p {
    font-weight: bold;
    font-size:18px;
}

.subject-cta-height {
    min-height: 420px;
}

.subject-cta-bkg-img {
    background-size: cover;
    background-position: center;
}

.subject-cta-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media(max-width: 992px){
    .display-none-medium-down {
        display: none;
    }
}

/** Key Stage CTA **/

.block-4_COLUMN_CTA .cta-button >h3 {
    margin-bottom: 10px;
}

/** Partner Resources Section **/

.download-text-content {
    min-height: 150px;
}

.download-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-color: #efefef;
}

@media(max-width: 768px) {
    .download-image {
        height: 500px;
    }
}

.no-click-through-link:hover {
    cursor: default !important;
}

/** Term Table Styles. Haven't removed Year 11 just in case they want to use year 11 in the future **/

#yearEleven {
    display: none;
}

.termDataCell hr {
    border-bottom: 1px solid #dfdfdf !important;
    border-top: 0px !important;
}


/* http://interhigh2019.newwave-web.co.uk/admissions-registration/register-for-entry/ iphone fix */

.featherlight.registration-form {
    background: rgba(0,0,0,0.7);
}
.featherlight.registration-form .featherlight-content {
    min-width: 90%;
}


@media(max-width: 767px) {
    .embed-container.regform {
        padding-bottom: 190%;
    }
    .featherlight.registration-form .featherlight-content {
        overflow-y: hidden;
    }
}
@media(min-width:768px) and (max-width: 991px) {
    .embed-container.regform {
        padding-bottom: 145%;
    }
}

@media(min-width:992px) and (max-width: 1199px) {
    .embed-container.regform {
        padding-bottom: 125%;
    }
}


/* drop-downs subject pages repeater */

.accordion-heading-nw::after {
    content: '\23F7';
    margin-left: 5px;
    font-size: 20px;
    color: #593c97;
}

.accordion-heading-displayed::after {
    display: inline-block;
    content: '\23F7';
    margin-left: 5px;
    font-size: 20px;
    color: #593c97;
    -webkit-transform: rotate(180deg) translate(0px, -5px);
    -moz-transform: rotate(180deg) translate(0px, -5px);
    -o-transform: rotate(180deg) translate(0px, -5px);
    -ms-transform: rotate(180deg) translate(0px, -5px);
    transform: rotate(180deg) translate(0px, -5px);
}

.accordion-heading-nw,
.accordion-heading-displayed {
    cursor: pointer;
}

.accordion-content-nw {
    display: none;
}

.accordion-displayed {
    display: block;
}

/*** Book now button top of nav updates ***/

.top-purple-section p {
    text-align:center;
    padding-left: 12px;
}

.top-purple-section > p > a {
    white-space: nowrap;
    display: inline-block;
}

@media(max-width: 920px){
    .top-purple-section > p > a {
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-left: 0 !important;
    }
}


/** Custom cf7 messages **/

input[type="text"], input[type="email"], input[type="tel"], textarea {
    margin-bottom: 15px;
}

#wpcf7-f11111-o1 input[type="email"],
#wpcf7-f11189-o1 input[type="email"]{
    color: #cccccc;
}

#wpcf7-f11085-o1 {
    position: relative;
}

#wpcf7-f11051-o1 .screen-reader-response > ul,
#wpcf7-f11085-o1 .screen-reader-response > ul,
#wpcf7-f11070-o1 .screen-reader-response > ul,
#wpcf7-f11143-o1 .screen-reader-response > ul,
#wpcf7-f11097-o1 .screen-reader-response > ul,
#wpcf7-f11172-o1 .screen-reader-response > ul,
#wpcf7-f11111-o1 .screen-reader-response > ul,
#wpcf7-f11189-o1 .screen-reader-response > ul,
#wpcf7-f1850-o1 .screen-reader-response > ul,
#wpcf7-f10696-o1 .screen-reader-response > ul {
    display: none;
}

#wpcf7-f11051-o1,
#wpcf7-f11085-o1,
#wpcf7-f11070-o1,
#wpcf7-f11143-o1,
#wpcf7-f11097-o1,
#wpcf7-f11172-o1{
    position: relative;
    margin-bottom: 120px;
}

#wpcf7-f11051-o1 .screen-reader-response,
#wpcf7-f11085-o1 .screen-reader-response,
#wpcf7-f11070-o1 .screen-reader-response,
#wpcf7-f11143-o1 .screen-reader-response,
#wpcf7-f11097-o1 .screen-reader-response,
#wpcf7-f11172-o1 .screen-reader-response,
#wpcf7-f11111-o1 .screen-reader-response,
#wpcf7-f11189-o1 .screen-reader-response,
#wpcf7-f1850-o1 .screen-reader-response,
#wpcf7-f10696-o1 .screen-reader-response,
#wpcf7-f11211-o1 .screen-reader-response,
#wpcf7-f11594-o1 .screen-reader-response
{
    display: none;
}

#wpcf7-f11051-o1 .wpcf7-not-valid-tip,
#wpcf7-f11085-o1 .wpcf7-not-valid-tip,
#wpcf7-f11070-o1 .wpcf7-not-valid-tip,
#wpcf7-f11143-o1 .wpcf7-not-valid-tip,
#wpcf7-f11097-o1 .wpcf7-not-valid-tip,
#wpcf7-f11172-o1 .wpcf7-not-valid-tip,
#wpcf7-f11111-o1 .wpcf7-not-valid-tip,
#wpcf7-f11189-o1 .wpcf7-not-valid-tip,
#wpcf7-f1850-o1 .wpcf7-not-valid-tip,
#wpcf7-f11211-o1 .wpcf7-not-valid-tip,
#wpcf7-f11594-o1 .wpcf7-not-valid-tip{
    color: #ff2948;
    margin-bottom: 35px;
    display: inline-block;
}

.wpcf7-custom-sent-box p {
    margin-bottom: 0;
    padding-bottom: 0;
    color: white !important;
}

.wpcf7-custom-sent-box {
    position: absolute;
    width: 100%;
    bottom: -100px;
    padding: 20px;
    text-align: center;
    color: white;
}

.wpcf7-custom-sent-box.invalid {
    background-color: #ff2948;
}

.wpcf7-custom-sent-box.sent-ok {
    background-color: #5acca0;
}

/*** Taster Sessions Survey ***/
#wpcf7-f11097-o1,
#wpcf7-f11172-o1 {
    max-width: 95%;
    margin:0 auto;
    margin-bottom: 70px;
}

#wpcf7-f11097-o1 .wpcf7-custom-sent-box,
#wpcf7-f11172-o1 .wpcf7-custom-sent-box{
    position: relative;
    margin-bottom: 200px;
}

#wpcf7-f11097-o1 .wpcf7-response-output,
#wpcf7-f11172-o1 .wpcf7-response-output,
#wpcf7-f11172-o1 .wpcf7-response-output {
    color: red;
    display: none !important;
}

#wpcf7-f11097-o1  .wpcf7-radio span.wpcf7-list-item,
#wpcf7-f11172-o1  .wpcf7-radio span.wpcf7-list-item{
    display: block;
}

.padding-bottom-taster-form-mobile .add-border-right {
    margin-bottom: 200px;
}

@media (max-width: 1339px) and (min-width: 992px) {
    .padding-bottom-taster-form-mobile .wpcf7-custom-sent-box {
        max-width: 90%;
    }
}

/*** Home Educator (learning on demand form changes) & others ***/

#wpcf7-f10785-o1 .screen-reader-response,
#wpcf7-f10169-o1 .screen-reader-response{
    display:none;
}

#wpcf7-f10785-o1 .wpcf7-not-valid-tip,
#wpcf7-f10169-o1 .wpcf7-not-valid-tip,
#wpcf7-f10696-o1 .wpcf7-not-valid-tip{
    color: red;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
}

#wpcf7-f10696-o1 .wpcf7-not-valid-tip { /* contact page form */
    margin-bottom: 20px;
    margin-top: 0px;
}

#wpcf7-f10785-o1 .wpcf7-response-output.wpcf7-validation-errors,
#wpcf7-f10785-o1 .wpcf7-response-output.wpcf7-mail-sent-ok,

#wpcf7-f10169-o1 .wpcf7-response-output.wpcf7-validation-errors,
#wpcf7-f10169-o1 .wpcf7-response-output.wpcf7-mail-sent-ok
{
    padding: 30px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

#wpcf7-f10696-o1 .wpcf7-response-output.wpcf7-validation-errors,
#wpcf7-f10696-o1 .wpcf7-response-output.wpcf7-mail-sent-ok { /** contact page form **/
    display: none !important;
}

#wpcf7-f10785-o1 .wpcf7-response-output.wpcf7-validation-errors,
#wpcf7-f10169-o1 .wpcf7-response-output.wpcf7-validation-errors{
    background-color: #ff2948;
    color: white;
}

#wpcf7-f10785-o1 .wpcf7-response-output.wpcf7-mail-sent-ok,
#wpcf7-f10169-o1 .wpcf7-response-output.wpcf7-mail-sent-ok{
    background-color: #5acca0;
    color: white;
}

/** Contact page form styles **/

.min-height-contact-form {
    min-height: 1700px !important;
}

@media(max-width:768px) {
    .contact-form-padding-top-mobile {
        padding-top: 150px;
    }
}

/*** --- Custom Spinner CF7 --- ***/

.cf7-spinner {
    display: inline-block;
    background-color: transparent;
    height: 25px;
    width: 25px;
    margin-left: 30px;
    animation-name: cf7Spin;
    margin-top: 20px;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: url('../image/interhighloading.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@-moz-keyframes cf7Spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cf7Spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes cf7Spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/*** Headteachers Block removal ***/
.no-padding-left-2-col .col-xs-10.col-xs-offset-1.col-sm-12.col-sm-offset-0 {
    padding-left: 0 !important;
    margin-left: 0;
}


@media(min-width: 768px) {
    .no-padding-left-2-col {
        margin-top: 75px;
    }
}

/*** --- CONTENT_ACCORDION --- ***/

.CONTENT_ACCORDION#accordion {
    margin-top: 0;
}

.CONTENT_ACCORDION#accordion h4 {
    font-family: "greycliff-heavy";
    font-weight: 900;
    text-transform: uppercase;
}

.CONTENT_ACCORDION#accordion h4:hover {
    color: #5acca0;
}

.CONTENT_ACCORDION#accordion a > h4::before {
    content: '';
    display: inline-block;
    height: 24px;
    width: 13px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-left: -25px;
}

.CONTENT_ACCORDION#accordion a > h4::before,
.CONTENT_ACCORDION#accordion a.collapsed > h4::before {
    background-image: url('../image/purp-arrow.svg');
}

.CONTENT_ACCORDION#accordion a > h4:hover::before,
.CONTENT_ACCORDION#accordion a.collapsed > h4:hover::before {
    background-image: url('../image/green-arrow.svg');
}

.CONTENT_ACCORDION#accordion a > h4::before {
    transform: rotate(180deg);
}
.CONTENT_ACCORDION#accordion a.collapsed > h4::before {
    transform: rotate(0deg);
}

.uvs-logo .banner-content-area::before {
    content: '';
    background-image: url('../image/uvs-logo.svg');
    position: absolute;
    top: 35px;
    right: 35px;
    display: block;
    height: 90px;
    width: 200px;
    z-index: 3000;
    background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width: 1100px){
    .uvs-logo .banner-content-area::before {
        height: 50px;
        width: 100px;
    }
}

/*** New Fees Block Update 2020 ***/

.tbl-box-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    margin-top: 50px;
}

.tbl-box {
    -webkit-box-shadow: 0px 7px 19px -3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 7px 19px -3px rgba(0,0,0,0.22);
    box-shadow: 0px 7px 19px -3px rgba(0,0,0,0.22);
    background-color: white;
}


.tbl-box {
    padding: 40px;
    padding-bottom: 60px;
}



@media (min-width: 768px){
    .tbl-box {
        padding: 60px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1119px){
    .tbl-box.col-lg-6 {
        width: 45%;
    }

    .tbl-box {
        padding-bottom: 100px;
    }
}

.tbl-box .purple-stripe {
    width: 100%;
    height: 20px;
    background-color: #593c97;
    position: absolute;
    left: 0;
    bottom: 0;
}

.tbl-box h3.heading {
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: 'greycliff-bold';
}


.tbl-box .discount {
    border-radius: 50%;
    background-color: #FAB400;
    position: absolute;
    width: 150px;
    height: 150px;

    top: -75px;
    right: 5%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

.tbl-box .discount h2 {
    font-size: 50px;
    color: white;
    margin: 0;
}

.tbl-box .discount h4 {
    color: white;
    margin: 0;
    margin-top: -10px;
}

.tbl-box .prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -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;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.tbl-box .prices h1 {
    color: #494949;
    font-size: 80px;
}

@media (max-width: 1339px) and (min-width: 992px){
    .tbl-box .discount h2 {
        font-size: 50px !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px){
    .tbl-box .prices h1 {
        font-size: 80px !important;
    }

    .tbl-box .discount h2 {
        font-size: 50px !important;
    }
}

.tbl-box .prices p {
    font-family: 'greycliff-bold';
}

.tbl-box .prices h1,
.tbl-box .prices p {
    margin-bottom: 0;
}

.tbl-box .additional-prices {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tbl-box .additional-prices > div,
.tbl-box .additional-prices .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -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;

    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

.tbl-box ul.bullets {
    margin-left: 0 !important;
}

.tbl-box ul.bullets li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.tbl-box ul.bullets p {
    margin-bottom: 0;
    font-family: 'greycliff-demibold';
    color: #5ACCA0;
}

.tbl-box ul.bullets li > .tick {
    content:'';
    height: 25px;
    width: 25px;
    margin-right: 10px;
    background-color: transparent;
    background: url('../image/green-tick.svg');
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.tbl-box .prices p,
.tbl-box ul.bullets p,
.tbl-box p.tbl-para {
    font-size: 17px;
}

.tbl-box p.tbl-para {
    line-height: 1.4;
}

.tbl-box hr {
    margin-bottom: 0;
    border-top: solid 1px #DDDDDD;
    border-bottom: none!important;
}

.tbl-box p.tbl-para,
.tbl-box .additional-prices,
.tbl-box hr {
    margin-top: 40px;
}

.tbl-box .additional-prices p {
    font-size: 18px;
    color: #494949;
    font-family: greycliff-bold;
}

.tbl-box .additional-prices .pSuff {
    margin-left: 5px;
    color: #BBBBBB;
    font-style:italic;
    font-size: 15px;
    font-family: greycliff-regular;
}

@media (max-width: 1119px){
    .tbl-box {
        margin-bottom: 50px;
    }

    .tbl-box .prices {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .tbl-box .prices > p {
        margin-left: 20px;
    }
}

@media (max-width: 575px) {
    .tbl-box .prices h1 {
        font-size: 40px;
    }

    .tbl-box .prices p,
    .tbl-box ul.bullets p,
    .tbl-box p.tbl-para,
    .tbl-box .additional-prices p {
        font-size: 15px;
    }

    .tbl-box .additional-prices .pSuff {
        font-size: 10px;
    }

    .tbl-box .discount {
        height: 100px;
        width: 100px;
        top: -50px;
    }

    .tbl-box .discount h2 {
        font-size: 25px;
    }

    .tbl-box .discount h4 {
        margin-top: 0;
    }

    .tbl-box .additional-prices p {
        margin-bottom: 5px;
    }

    .tbl-box p.tbl-para {
        margin-top: 20px;
    }

    .tbl-box ul.bullets li > .tick {
        height: 15px;
        width: 15px;
        min-height: 15px;
        min-width: 15px;
    }

}

.grey-slash {
    width: 100%;
    height: 50%;
    background-color: #EEEEEE;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.non-slashy {
    z-index: 300;
    background-color: transparent !important;
}

.tbl-column-spacing {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    height: 100%;
}



#fees2020 .option-cont {
    border-right: 1px solid #dedfe0;
    padding-right: 0 !important;
}

.tbl-box h2.custom-msg {
    margin-top: 40px;
    font-size: 60px;
    text-transform: none;
    color: #D8D8D8;
    font-family: greycliff-heavy;
    letter-spacing: -2px;
}


@media (max-width: 1339px) and (min-width: 992px){
    .tbl-box h2.custom-msg {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) {
    .tbl-box h2.custom-msg {
        font-size: 40px !important;
        letter-spacing: -1px;
    }
}

@media (max-width: 767px) {
    .tbl-box h2.custom-msg {
        font-size: 30px !important;
        letter-spacing: -1px;
    }
}

/*** --- Footer Text Strip --- ***/

#footerArea .fts {
    background-color: #EEEEEE;
    padding: 10px;
}

#footerArea .fts p {
    padding: 0;
    margin: 0;
}

#footerArea .fts p a {
    color: #333333;
    font-weight: bold;
}

@media(max-width: 575px) {
    #footerArea .footer-logo-sm-size {
        max-width: 33.3%;
        width: 33.3%;
        padding: 25px;
        margin: 0;
    }

    #footerArea .footer-logo-sm-size img,
    #footerArea img.footer-logo-sm-size {
        width: 100%;
    }
}


/*** flipbook css***/

.flipsnack-apply-page {
    width: 100%;
    height: 900px;
    margin: 0 auto;
}

@media(max-width: 991px) {
    .flipsnack-apply-page {
        height: 700px;
    }
}

@media(max-width: 767px) {
    .flipsnack-apply-page {
        height: 500px;
    }
}

@media(max-width: 575px) {
    .flipsnack-apply-page {
        height: 450px;
    }
}




.flipsnack-edu-par {
    height: 500px;
}

.edu-par-flip-box {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media(max-width: 991px) {
    .edu-par-flip-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.flipsnack-faq {
    height: 500px;
}


@media(min-width: 1340px) {
    .agents-2-col-5-padding-topbox {
        padding-left: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }

    .agents-2-col-5-padding-bottombox {
        padding-right: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }
}

.agents-form h3 {
    font-size: 20px;
}

@media (max-width: 991px) {
    .agents-form h3 {
        font-size: 18px;
    }
}

.agents-form input[type='submit'] {
    float: right;
    background-color: #5acca0 !important;
}

.agents-form .wpcf7-radio .wpcf7-list-item-label {
    margin-left: 10px;
    color: black;
    font-weight: bold;
}

.agents-form .wpcf7-radio {
    margin-bottom: 40px;
    display: block;
}
.agents-form .wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin-top: 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .block-1.BANNER_1 .height-b .col-xs-12 h1 {
        margin-bottom: 10px;
    }
}

.block-2_COLUMN_5.agents-2-col-5-box .image-area .set-to-tallest-child {
    min-height: 300px;
}


/*** Sixth Form Subject Table ***/

.sfs-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    margin-top: 60px;
}

.sfs-table .sfs-column {
    display: block;
    width: 100%;
}

.sfs-table .sfs-column .sfs-hd,
.sfs-table .sfs-column .sfs-subject-row {
    height: 50px;
    font-weight: bold;
    padding-top: 15px;
}

.sfs-table .sfs-column .sfs-subject-row {
    background-color: #f4f4f4;
    border-bottom: 1px solid #DDDDDD;
}

.sfs-table .sfs-column .sfs-hd {
    background-color: #593c97;
    color: white;
    font-size: 20px;
    padding-top: 5px;
    height: 40px;
}

.sfs-table .sfs-column:nth-of-type(even) .sfs-hd {
    background-color: #785CA5;
}

.sfs-table .sfs-column:nth-of-type(even) .sfs-subject-row {
    background-color: #FFFFFF;
}

.sfs-table .sfs-column .sfs-subject-row:last-of-type {
    border-bottom: none;
}

@media (max-width: 1199.98px) {
    .sfs-table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;

        margin-top: 40px;
    }

    .sfs-table .sfs-column {
        display: block;
        width: 47%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 30px;
    }

    .sfs-table .sfs-column .sfs-subject-row.dont-display-sfs-subject {
        display: none;
    }

    .sfs-table .sfs-column .sfs-subject-row {
        border-bottom: none;
    }

    .sfs-table .sfs-column .sfs-subject-row.display-sfs-subject {
        border-top: 1px solid #DDDDDD;
    }

    .sfs-table .sfs-column:nth-of-type(even) .sfs-hd {
        background-color: #593c97;
    }

    .sfs-table .sfs-column:nth-of-type(even) .sfs-subject-row {
        background-color: #F4F4F4;
    }

}

@media (max-width: 575px) {
    .sfs-table .sfs-column {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}



/*** New Fees Update - new further info table ***/

.further-info-table-container {
    margin-left: 2.5%;
    width: 95%;
}




.further-info-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    margin-top: 60px;
    border: 1px solid #707070;
}

.further-info-table .sfs-column {
    display: block;
    width: 100%;
}

.further-info-table .sfs-column.first-table-column {
    display: none;
}


.further-info-table .sfs-column .sfs-hd,
.further-info-table .sfs-column .sfs-subject-row {
    height: 50px;
    font-weight: bold;
    padding-top: 15px;
}

.further-info-table .sfs-column .sfs-subject-row {
    font-weight: normal;
}

.further-info-table .sfs-column .sfs-subject-row {
    background-color: #f4f4f4;
    border-bottom: 1px solid #707070;
}

.further-info-table .sfs-column .sfs-hd {
    background-color: #593c97;
    color: white;
    font-size: 15px;
}

.further-info-table .sfs-column:nth-of-type(even) .sfs-subject-row {
    background-color: #FFFFFF;
}

.further-info-table .sfs-column:nth-of-type(4n+2) .sfs-subject-row {
    background-color: #F4f4f4;
}


.further-info-table .sfs-column:nth-of-type(even) .sfs-hd {
    background-color: #785CA5;
}

.further-info-table .sfs-column:nth-of-type(2) .sfs-hd {
    background-color: #593c97;
}

.further-info-table .sfs-column:nth-of-type(2) .sfs-subject-row {
    background-color: #BBBBBB;
    color: white;
    font-weight: bold;
}



.further-info-table .sfs-column .sfs-subject-row:last-of-type {
    border-bottom: none;
}

@media (max-width: 1199.98px) {
    .grey-slash {
        height: 85%;
    }

    .further-info-table-container-pre-text {
        max-width: 800px;
        margin: 0 auto;
    }

    .further-info-table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;

        max-width: 900px;
        margin: 0 auto;

        margin-top: 40px;

        border: none;
    }

    .further-info-table .sfs-column {
        display: block;
        width: 50%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .further-info-table .sfs-column:nth-of-type(1),
    .further-info-table .sfs-column:nth-of-type(2) {
        display: none !important;
    }

    .further-info-table .sfs-column.first-table-column {
        display: block;
    }

    .further-info-table .sfs-column.first-table-column .sfs-hd {
        color: transparent;
        background-color: transparent;
    }

    .further-info-table .sfs-column .sfs-hd {
        margin-left: -100.5%;
        width: 200.5%;
        margin-top: -1px;
    }


    .further-info-table .sfs-column.first-table-column {
        border-bottom: 1px solid #707070;
        border-top: 1px solid #707070;
        border-left: 1px solid #707070;
    }

    .further-info-table .sfs-column {
        border-bottom: 1px solid #707070;
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
    }


    .further-info-table .sfs-column .sfs-subject-row.dont-display-sfs-subject {
        display: none;
    }

    .further-info-table .sfs-column .sfs-subject-row {
        border-bottom: none;
        border-bottom: 1px solid #707070;
    }

    .further-info-table .sfs-column .sfs-subject-row.display-sfs-subject {
        border-top: 1px solid #DDDDDD;
    }

    .further-info-table .sfs-column:nth-of-type(even) .sfs-hd {
        background-color: #593c97;
    }

    .further-info-table .sfs-column:nth-of-type(even) .sfs-subject-row {
        background-color: #FFFFFF;
    }


    .further-info-table .sfs-column.first-table-column .sfs-subject-row {
        background-color: #BBBBBB !important;
        color: white;
        font-weight: bold;
    }

}

@media (max-width: 575px) {
    .further-info-table .sfs-column {
        width: 50%;
        margin-right: 0;
        margin-left: 0;
    }
}

textarea[name="message"] {
    color: #333333 !important;
}



/* Book an open day edits */

.content-section-important {
    max-width: 1920px !important;
    margin: 0 auto !important;
    background: #fff !important;
}


/*** Accordion On Form Block ***/

.right-accordion {
    padding-left: 20px;
}

.right-accordion h4::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 10px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-left: -20px;
    margin-top: 3px;
    background-image: url('../image/purp-arrow.svg');
}

.right-accordion h4 {
    cursor: pointer;
}

.right-accordion .accordion-instance p {
    margin-bottom: 50px;
}




/*** Navigation Update ***/


.navigationUpdate {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30000000;
}

.navigationUpdate a.get-started-button {
    background-color: #7750C9;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 0;
    margin-left: 30px;
    margin-right: 40px;
}

.navigationUpdate a.get-started-button:hover {
    background-color: #593C97;
}

.navigationUpdate ul.navbar-nav {
    font-size: 20px;
}


.navigationUpdate .main-header-navigation ul > li > a {
    font-weight: bold;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navigationUpdate .main-header-navigation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navigationUpdate .main-header-navigation::before,
.navigationUpdate .main-header-navigation::after {
    display: none;
}


.navigationUpdate .main-header-navigation .navbar-flex-inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.navigationUpdate .navigation-slide-out-button {
    height: 21px;
    width: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../image/navigationMenuButton.svg');
    cursor: pointer;
}

.navigationUpdate .logo-and-main-navigation-container {
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navigationUpdate .main-header-navigation .brand {
    width: 170px;
}

.navigationUpdate .main-header-navigation .mobile-brand {
    display: none;
}

.navigationUpdate .main-header-navigation .mobile-brand .brand {
    height: 30px;
    width: 30px;
}


.navigationUpdate .navbar-default .navbar-nav > .active > a,
.navigationUpdate .navbar-default .navbar-nav > .active > a:hover,
.navigationUpdate .navbar-default .navbar-nav > .active > a:focus,
.navigationUpdate .navbar-default .navbar-nav > .active > a:active,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:hover,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:focus,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:active {
    box-shadow: none !important;
    transition: ease all 0.2s;
}

.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:hover,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:focus,
.navigationUpdate .navbar-default .navbar-nav > .menu-item > a:active {
    text-decoration: underline !important;
    color: #5BCCA0;
}

/*** New Navigation Slide Out ***/





.navigation-slide-out-background {
    background-color: transparent;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 3000000;
    right: 0;
    top: 0;
    transition: ease all 2s;
    display: none;
}


.navigation-slide-out-background.open {
    display: block;
    background-color: rgba(0,0,0,0.5);
}



.navigation-slide-out-header {
    background-color: #FFFFFF;
    position: fixed;
    width: 700px;
    height: 100vh;
    z-index: 3000001;
    right: 0;
    top: 0;
    margin-right: -700px;
    transition:ease all 0.6s;

    opacity: 0;
    visibility: hidden;
}

.navigation-slide-out-header.open {
    margin-right: 0;

    opacity: 1;
    visibility: visible;
    overflow: scroll;
}


.navigation-slide-out-header .slide-close {
    background-image: url('../image/close_button.svg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
}

.navigation-slide-out-header .inner-section {
    padding: 12%;
    padding-top: 15vh;
}

.navigation-slide-out-header .inner-section .inner-main a {
    font-family: "greycliff-bold", sans-serif;
    color: #333333;
    font-size: 45px;
    transition: ease all 0.3s;
}

.navigation-slide-out-header .inner-section .inner-main a:hover {
    color: #5BCCA0;
    text-decoration: underline !important;
}

.navigation-slide-out-header .inner-section .inner-main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
}

.navigation-slide-out-header .inner-section .inner-main li {
    margin-bottom: 10px;
}



.navigation-slide-out-header .inner-section .inner-bottom {
    /*position: absolute;
    bottom: 100px;*/
}



.navigation-slide-out-header .inner-section .inner-bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navigation-slide-out-header .inner-section .inner-main ul {
    margin-bottom: 0;
}

.navigation-slide-out-header .inner-section .inner-bottom ul > li {
    list-style: none;
    margin-right: 20px;
}


.navigation-slide-out-header .inner-section .inner-bottom ul > li > a {
    color: #A378FF;
    font-family: greycliff-demibold;
    font-size: 20px;
    transition: ease all 0.3s;
}

.navigation-slide-out-header .inner-section .inner-bottom ul > li > a:hover {
    color: #C6ABFF;
    text-decoration: underline !important;
}


.navigation-slide-out-header .navigation-slide-header-buttons a.get-started-button,
.navigation-slide-out-header .navigation-slide-header-buttons img.brand {
    display: none;
}

.navigation-slide-out-header .mobile-brand .brand {
    height: 30px;
    width: 30px;
}

.navigation-slide-out-header #menu-navigation-update-top-level-1 {
    display: none;
}



.navigation-slide-out-header.open {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.navigation-slide-out-header.open::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

/*** Navigation Responsive ***/

.navigation-slide-out-header .inner-section .hide-updated-desktop {
    display: none;
}

.navigationUpdate .navbar {
    padding: 0;
}

.navigationUpdate ul.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


@media(max-width: 1199.98px) {
    .navigation-slide-out-header .inner-section .inner-main a {
        font-size: 40px;
    }
}

@media(max-height: 991.98px) {
    .navigation-slide-out-header .inner-section .inner-main a {
        /*font-size: 32px;*/
    }

    .navigation-slide-out-header .inner-section .inner-bottom {
        /*position: relative;
        bottom: unset;
        margin-top: 60px;
        */
    }
}


@media(max-width: 991.98px) {

    .navigation-slide-out-header .inner-section .hide-updated-mobile {
        display: none;
    }

    .navigation-slide-out-header .inner-section .hide-updated-desktop {
        display: block;
    }

    .navigation-slide-out-header #menu-navigation-update-top-level-1 {
        display: block;
    }

    .navigationUpdate ul.navbar-nav {
        display: none;
    }

    .navigation-slide-out-header {
        width: 100%;
        margin-right: -100%;
    }

    .navigation-slide-out-header.open {
        margin-right: 0;
    }

    .navigationUpdate .logo-and-main-navigation-container {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .navigation-slide-out-header .inner-section .inner-main a {
        font-size: 30px;
    }

    .navigation-slide-out-background.open {
        display: none !important;
    }



    .navigation-slide-out-header .navigation-slide-header-buttons a.get-started-button,
    .navigation-slide-out-header .navigation-slide-header-buttons img.brand {
        display: block;
    }

    .navigation-slide-out-header .slide-close {
        position: relative;
        top: unset;
        right: unset;
    }


    .navigation-slide-out-header .navigation-slide-header-buttons {
        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;

        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .main-header-navigation .desktop-brand {
        display: none;
    }

    .navigationUpdate .main-header-navigation .mobile-brand {
        display: block;
    }

    .navigationUpdate .main-header-navigation .navbar-flex-inner {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navigation-slide-out-header .inner-section .inner-main ul {
        margin-bottom: 0;
    }

    .navigation-slide-out-header .inner-section {
        padding: 10%;
        padding-top: 10%;
    }

    .navigation-slide-out-header .inner-section .inner-main li {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 10px;
    }

    .navigation-slide-out-header .inner-section .inner-bottom {
        position: relative;
        bottom: unset;
        margin-top: 60px;
    }

}


@media(max-width: 575px) {
    .navigation-slide-out-header .inner-section .inner-main a {
        /*font-size: 25px;*/
    }

    .navigation-slide-out-header .inner-section .inner-main li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .navigation-slide-out-header .inner-section {
        padding: 6%;
    }

    .navigation-slide-out-header .inner-section .inner-main a {
        font-size: 26px;
    }

    .navigation-slide-out-header .inner-section .inner-bottom ul > li > a {
        font-size: 18px;
    }

    .navigation-slide-out-header .inner-section .inner-bottom {
        margin-top: 30px;
    }
}





.get-started-modal-container {
    position: fixed;

    visibility: hidden;
    opacity: 0;
    transition: ease all 0.7s;

    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;

    z-index: 3000002;

    width: 100vw;
    height: 100vh;
    top:0;
    left: 0;
}

.get-started-modal-container.open {
    visibility: visible;
    opacity: 1;
}



.get-started-background {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top:0;
    left: 0;

}

.get-started-modal {
    padding: 30px;
    background-color: white;

    z-index: 2000001;
}




/*** Fixed Book A Call Buttons ***/

a.fixed-book-a-call-button {
    background-color: #7750C9;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    margin: 0;
    transition: ease all 0.3s;

    position: fixed;
    bottom: 15px;
    right: 15px;
    padding-left: 15px;
}

a.fixed-book-a-call-button::before {
    content: '';
    position: relative;
    height: 17px;
    width: 17px;
    top: 3px;
    display: inline-block;
    margin-right: 15px;
    background-image: url("https://kingsinterhigh.com/wp-content/themes/modular-site-builder/images/buttons/book-a-call.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

a.fixed-book-a-call-button:hover {
    color: #FFFFFF;
    background-color: #593C97;
}



/*** New Text Design ***/

.new-text-design h4 {
    font-family: "greycliff-heavy";
    margin-bottom: 15px;
}

#main .new-text-design ul {
    padding-left: 20px;
}

#main .new-text-design ul li::marker {
    color: #593c97;
}

/*** New Form Design ***/
.new-form-design input[type="text"],
.new-form-design input[type="email"],
.new-form-design input[type="tel"],
.new-form-design textarea {
    padding: 12px 15px;
}

.new-form-design textarea {
    height: 200px;
}

.new-form-design input[type="submit"] {
    background-color: #593c97 !important;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    font-family: "greycliff-bold", sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-style: normal;
    margin-top: 40px;
    min-width: 100px;
}

.new-form-design h1 {
    margin-bottom: 20px;
}

.tol-form-padding {
    padding: 80px;
}

@media(max-width: 767.98px) {
    .tol-form-padding {
        padding: 40px;
    }
}


@media(max-width: 575px) {
    .tol-form-padding {
        padding: 30px 20px;
    }
}



/*** navigation update v2 updates ***/

.model-promo-cta-bg-image {
    background-position: center top !important;
}

.model-promo-cta-bg-image::before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-color: rgba(0,0,0,0.2);
}

.navigation-slide-out-header .inspired-nav-tray {
    /*position: absolute;*/
    height: 70px;
    width: 100%;
   /* bottom: 0;
    left: 0;*/
    background-color: #F3F2F7;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.navigationUpdate .main-header-navigation .desktop-brand.inspired-brand {

}

@media(max-width: 1499.98px) {
    .navigationUpdate .main-header-navigation .brand {
        width: 160px;
    }
}

@media(max-width: 1199.98px) {
    .navigationUpdate .main-header-navigation .desktop-brand.inspired-brand {
        display: none;
    }
}

@media(max-width: 991.98px) {
    .navigation-slide-out-header .inner-section .inner-bottom ul {
        /*-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;*/
    }

    .navigation-slide-out-header .inspired-nav-tray {
        height: 65px;
    }
}

/**** V3 Nav ***/

.navigationUpdate.v3-update a.get-started-button {
    min-width: 125px;
}

.navigationUpdate.v3-update a.get-started-button.sign-up-button {
    margin-left: 0;
    background-color: transparent;
    border: 2px solid #7750C9;
    color: #7750C9;
}

.navigationUpdate.v3-update a.get-started-button.enquire-button {
    margin-right: 20px;
    border: 2px solid #7750C9;
}

@media(max-width: 1499.98px) {
    .navigationUpdate.v3-update .main-header-navigation ul > li > a {
        font-size: 18px;
    }
}

@media(max-width: 991.98px) {
    .navigationUpdate.v3-update a.get-started-button.sign-up-button {
        display: none;
    }
}



/*** V3 Modal ***/

.v3-modal #menu-modal_menu li:last-of-type a {
    display: none;
}

.v3-modal #menu-modal_menu li:nth-of-type(2) a {
    margin-bottom: 0;
}



@media(max-width: 575px) {
    .v3-modal #menu-modal_menu li a {
        padding: 40px 20px;
    }
}

/*** home-page-mobile-banner ***/


@media(max-width:767.98px) {
    .home-page-mobile-banner .height-a .background-image-holder {
        height: 280px;
    }
}

@media(max-width: 575px) {
    .home-page-mobile-banner h1 {
        text-transform: none;
        margin-bottom: 20px;
    }

    .home-page-mobile-banner .height-a .banner-text-holder {
        background-image: none;
    }

    .home-page-mobile-banner .height-a .banner-text-holder:before {
        content: '';
        display: block;
        height: 250px;
        width: 100%;
        position: absolute;
        top: -248px;
        left: 0;
        background-image: url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/images/triangles/banner_shape_home_1_squash.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .home-page-mobile-banner .height-a .banner-text-holder a.read-more-button {
        border-radius: 5px;
    }

    .home-page-mobile-banner .height-a .background-image-holder {
        /*background-image: url('../images/mobile_image_header.jpg') !important;*/
    }

}

@media(max-width: 390px) {
    .home-page-mobile-banner .height-a .banner-text-holder:before {
        content: '';
        display: block;
        height: 250px;
        width: 100%;
        position: absolute;
        top: -248px;
        left: 0;
        background-image: url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/images/triangles/banner_shape_home_1_squash.svg');
    }
}

/*** Modal Overlay Background ***/

.modal-promo-container-inner {
    background-color: #FFFFFF !important;
}

@media(min-width: 768px) {

    .modal-overlay-bkg {
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: red;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 3000001;
        transition: ease all 0.5s;
        background: rgba(0, 0, 0, 0.5);
    }

    .modal-overlay-bkg.open {
        visibility: visible;
        opacity: 1;
    }

    .get-started-modal-container {
        padding: 0 !important;
        background-color: transparent !important;
        width: unset;
        height: unset;

        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 950px;
        max-width: 95%;
    }
}

