.btn,
.flex-center {
    align-items: center
}

.pqa-quote,
.pqa-title-dot,
.pqa-title-dot-black,
.show-date .day,
.show-date .month,
.sspy-target h2,
.teacher,
.walter-louis,
.walter-name,
h1,
h2,
h3,
h4 {
    font-family: BebasNeue-Regular, sans-serif
}

*,
.btn-text,
blockquote {
    font-family: Helvetica-Bold, sans-serif
}

h1,
h2,
h2 strong,
h3,
h3 strong,
h4,
h4 strong {
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase
}

.scode_class,
.sortcode,
.sortcode2,
.sortcode3 {
    width: 100px !important;
    display: inline-flex
}

.pqa-form .umbraco-forms-label,
.pqa-form h6,
.pqa-form legend {
    font-family: BebasNeue-Regular, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase
}

.pqa-form .umbraco-forms-indicator {
    color: red
}

.pqa-form .approve {
    color: green
}

.center-intro-text,
.full-block-center,
.sspy h4,
.text-center,
blockquote,
nav ul {
    text-align: center
}

.container-grey-back,
.container-yellow-back {
    height: 100%;
    position: relative;
    align-self: stretch
}

.read-more:hover,
a {
    cursor: pointer
}

.bannersubtitle,
.btn-text,
.discover-more,
.find-academy-enter-postcode,
.show-date .day,
.show-date .month,
.signup .button-signup,
.signup input[type=email],
h1,
h2,
h2 strong,
h3,
h3 strong,
h4,
h4 strong {
    text-transform: uppercase
}

.menu-icon,
.section-4,
.section-4 * {
    box-sizing: border-box
}

@font-face {
    font-family: BebasNeue-Regular;
    src: url('../fonts/Bebas_Neue/BebasNeue-Regular.ttf');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

h1 {
    color: #f7f7f7;
    font-size: 80px;
    line-height: 70px
}

.pqa-section-title,
.pqa-section-title h2,
.pqa-section-title h3,
h2 {
    font-size: 46px;
    line-height: 50px
}

.distance span,
.show-location h5 {
    line-height: 20px;
    font-weight: 600
}

h3 {
    font-size: 28px;
    line-height: 40px
}

h2 strong,
h3 strong,
h4 strong {
    font-family: BebasNeue-Regular, sans-serif !important;
    font-size: 38px;
    line-height: 53px;
    padding-top: 15px
}

a {
    font-weight: 600;
    color: #3544b1
}

.float-right,
.foot-item:last-child {
    float: right
}

blockquote {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: .4px;
    border-left: 4px solid #fac60e;
    padding: 15px 20px 20px 15px;
    font-style: italic
}

.marker-t {
    font-weight: 800;
    color: #fac60e;
    font-size: 14px
}

.pqa-quote,
.pqa-title-dot,
.pqa-title-dot-black {
    font-weight: 400
}
.dropdown {
    position: static;
}
@media only screen and (min-width:991px) {
    .dropdown-menu {
        top: 65%;
        background-color: #fac60e;
        border: none;
        left: auto;
        margin-left: -60px;
        display: none;
    }

    .dropdown:hover > .dropdown-menu {
        position: absolute;
        display: block;
    }
}


    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(255, 255, 255, .9)
    }

    .nav-wrap input:focus::placeholder {
        color: transparent
    }

    .section-find-your-local-academy input:focus::placeholder {
        color: transparent
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: #fdeaa8
    }
.dropdown-item:active {
    color: #000
}
    .flex-center {
        display: flex;
        justify-content: center
    }

    .center-intro-text,
    .content-center,
    .full-block-center,
    .left-intro-text {
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .btn,
    .btn-a,
    .btn-b,
    .btn-text,
    .frame-14,
    .frame-2276,
    .frame-2290 {
        display: flex;
        position: relative
    }

    .border-left-black {
        border-left: 1px solid #000
    }

    .border-right-black {
        border-right: 1px solid #000
    }

    .left-intro-text {
        text-align: left
    }

    .pqa-section {
        padding: 30px 40px;
        position: relative
    }

    .container-yellow-back {
        flex-shrink: 0
    }

    .blog-related h4,
    .underline {
        text-decoration: underline
    }

    .container-grey-back {
        flex-shrink: 0;
        min-height: 400px
    }

    .btn,
    .btn-a {
        border-radius: 20px;
        flex-direction: row
    }

    .pqa-title-dot {
        color: #fac60e;
        font-size: 46px;
        line-height: 63px
    }

    .pqa-quote {
        color: #fac60e;
        font-size: 33px;
        line-height: 33px
    }

    .pqa-title-dot-black {
        color: #000;
        font-size: 46px;
        line-height: 63px
    }

    .btn,
    .btn-a,
    .btn-b {
        font-size: 10px;
        gap: 20px;
        max-width: 385px;
        width: 100%
    }

    .center-all {
        text-align: center;
        margin: 0 auto
    }

    .btn {
        padding: 12px 40px;
        justify-content: center;
        height: 46.01px;
        border: none
    }

    .btn-bright {
        background: #fbdd74
    }

        .btn-bright:hover {
            background-color: #e1c668
        }

    .btn-std,
    .button-search-icon:hover {
        background: #fac60e
    }

    .btn-grey {
        background: #f7f7f7
    }

    .btn-std-alt {
        background: #fff;
        border: 1px solid #fac60e
    }

    .btn-std-academy {
        background: #fff;
        border: 1px solid #000
    }

    .btn-std:hover {
        background-color: #eab705
    }

    .box-shadow {
        padding: 20px;
        box-shadow: 2px 6px 6px 0 rgba(0, 0, 0, .2)
    }

    .btn-a,
    .btn-b {
        padding: 5px 40px
    }

    .btn-a {
        align-items: center;
        justify-content: center;
        border: none
    }

    .btn-b {
        border-radius: 20px;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .btn-text {
        color: #323131;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        align-items: flex-end;
        justify-content: flex-start
    }

    p {
        margin: 0 0 10px
    }

    .frame-2275,
    .frame-38,
    .pqa-row {
        display: inline-block;
        width: 100%
    }

    .group-card {
        display: inline-block;
        width: 90%
    }

    .white-border-bottom {
        border-style: solid;
        border-color: #fce9a6;
        border-width: 0 0 1px
    }

    .pqa-column55left,
    .pqa-column55right {
        width: 55%;
        float: left
    }

    .pqa-column45imgleft,
    .pqa-column45imgright {
        position: relative;
        width: 45%;
        float: left
    }

    .pqa-column45 {
        width: 45%;
        float: left
    }

    .pqa-column65 {
        width: 65%;
        float: left
    }

    .pqa-column35 {
        width: 35%;
        float: left
    }

    .pqa-column20 {
        width: 20%;
        float: left
    }

    .img-responsive {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .read-more {
        font-size: 12px;
        font-weight: 700;
        font-style: italic
    }

    #floated {
        float: left;
        margin: 0px 10px 0 0
    }

        #floated .principal-image {
            width: 220px;
            height: auto
        }

    .principal-brief {
        margin: 0;
        padding-bottom: 0;
        padding-top: 30px
    }

    .foot-item a,
    .navbar-light .navbar-nav .nav-link,
    .search,
    .white-text {
        color: #fff
    }

    .mt40 {
        margin-top: 40px
    }

    .mb40 {
        margin-bottom: 40px
    }

    .blog-box-btn,
    .mb10 {
        margin-bottom: 10px
    }

    .pb40 {
        padding-bottom: 40px
    }

    .pb60 {
        padding-bottom: 60px
    }

    .mt5 {
        margin-top: 5px
    }

    .mt10 {
        margin-top: 10px
    }

    .pl25 {
        padding-left: 25px
    }

    .pr25 {
        padding-right: 25px
    }

    .meta-author.p-3,
    .nopadding {
        padding: 0 !important
    }

    .btn-inverted,
    .btn-inverted-orange {
        padding: .7rem 1.5rem;
        background-color: #fff
    }

    .map {
        width: 100%;
        height: 500px
    }

    .small {
        font-size: 14px !important
    }

    .small-icon {
        font-size: 15px !important
    }

    .smaller {
        font-size: 12px !important
    }

    a:hover {
        color: #fac60e;
        text-decoration: none
    }

    .pqa_yellow {
        color: #fac60e !important
    }

    .pqa_green_txt {
        color: #008b18
    }

    .active-nav .arrow-down,
    .active-nav .find-academy-enter-postcode,
    .active-nav .parent-login,
    .active-nav .pqa-menu-item,
    .active-nav .search,
    .homesearch .button-search-icon span:hover,
    .pqa_black_txt,
    .subpage-title h1,
    .video-play-button span:hover,
    input[id=searchinp] {
        color: #000
    }

    .pqa_blue_txt {
        color: #00008b
    }

    .pqa_red_txt {
        color: red !important
    }

    .pqa_grey_back {
        background-color: #eee
    }

    .pqa_yellow_back {
        background-color: #fac60e
    }

    .pqa_fade_yellow_back,
    .sspy-wrap .sspy:hover {
        background-color: #fef5d7
    }

    .pqa_white_back,
    input[id=searchinp] {
        background-color: #fff
    }

    .pqa_carousel_yellow_button {
        background-color: #fac60e;
        border-radius: 50%;
        color: #000
    }

    .btn-primary {
        background-color: #3544b1;
        padding: .7rem 1.5rem;
        border-radius: 3px;
        border: 2px solid #3544b1
    }

        .btn-primary:focus,
        .btn-primary:hover {
            background-color: rgba(53, 68, 177, .8);
            border: 2px solid rgba(53, 68, 177, .8)
        }

    .btn-inverted {
        border: 2px solid #3544b1;
        color: #3544b1;
        border-radius: 3px
    }

        .btn-inverted:focus,
        .btn-inverted:hover {
            background-color: #3544b1;
            color: #fff
        }

    .btn-inverted-orange {
        border: 2px solid #f79c37;
        color: #f79c37;
        font-weight: bolder
    }

        .btn-inverted-orange:focus,
        .btn-inverted-orange:hover {
            background-color: #f79c37;
            color: #fff
        }

    .distance {
        position: relative;
        display: block;
        text-align: right;
        font-size: 12px
    }

        .distance span {
            font-size: 13px;
            color: #228b22;
            height: 20px
        }

    .homesearch .button-search-icon {
        background-color: #000
    }

        .homesearch .button-search-icon span {
            color: #fac60e
        }

    input[id^=searchinp]::-webkit-input-placeholder {
        color: #000;
        opacity: .7
    }

    input[id^=searchinp]::-moz-placeholder {
        color: #000;
        opacity: .7;
        font-weight: 400
    }

    input[id^=searchinp]:-ms-input-placeholder {
        color: #000;
        opacity: .7;
        font-weight: 400
    }

    input[id^=searchinp]:-moz-placeholder {
        color: #000;
        opacity: .7;
        font-weight: 400
    }

    .section {
        padding: 50px 0
    }

        .section .section {
            padding: 30px 0
        }

    .pqa-section-title {
        padding: 10px;
        text-align: center;
        position: relative;
        align-self: stretch;
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .jumbotron {
        background-color: #101f3c;
        margin-bottom: 0;
        color: #fff
    }

    .navbar-toggler {
        position: relative;
        display: block;
        background-color: #fac60e
    }

    .navbar-brand {
        margin-right: 3px
    }

    .blog-related,
    .blog-related a,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #101f3c
    }

    .navbar-light .navbar-nav .nav-link.active {
        color: #101f3c;
        font-weight: 700
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .meta-meta a,
    .sidebar-links li a,
    p a {
        color: #3544b1
    }

        p a:focus,
        p a:hover {
            color: rgba(53, 68, 177, .8);
            cursor: pointer
        }

    .grey-bg {
        background-color: #f9f7f4
    }

    .orange-bg {
        background-color: rgba(247, 156, 55, .8);
        color: #fff
    }

    .blog-promoImage {
        width: 100%;
        height: 200px;
        background-position: center;
        background-size: cover;
        margin-bottom: 20px;
        border-radius: 3px
    }

    .box-blog {
        padding-top: 50px;
        height: 500px
    }

        .box-blog .blog-meta {
            font-style: italic;
            color: rgba(0, 0, 0, .7);
            font-size: 13px
        }

    @media (max-width:992px) {
        .box-blog {
            height: 600px
        }
    }

    .tickets-rows .pqa-column35 {
        min-height: 100%
    }

    .overlay-show-black {
        position: relative;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        transition: .5s;
        color: #fff;
        opacity: 1;
        background-color: #000;
        overflow: hidden
    }

        .blog-image,
        .overlay-post-black img,
        .overlay-show-black img {
            position: absolute;
            width: 100%;
            height: 100%;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0;
            object-fit: cover;
            opacity: .5;
            overflow: hidden
        }

    .show-date {
        display: block;
        position: absolute;
        top: 20%;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 1rem
    }

        .show-date .month {
            position: relative;
            display: block;
            width: 100%;
            font-size: 35px
        }

        .show-date .day {
            position: relative;
            width: 100%;
            font-size: 20px
        }

    .show-location h5 {
        font-size: 18px;
        color: #eab705
    }

    .tickets-sale,
    .tickets-sale .sale {
        line-height: 18px;
        font-size: 16px;
        font-weight: 600
    }

    .post-blog {
        background: #f7f7f7;
        padding: 16px;
        display: block;
        align-items: center;
        position: relative;
        box-shadow: 0 20px 50px 0 rgba(196, 196, 196, .5);
        overflow: hidden
    }

    .blog-card-heading,
    .frame-menu {
        flex-direction: column;
        align-self: stretch
    }

    .button-search-icon,
    .signup .button-signup {
        outline: 0;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
        cursor: pointer
    }

    .blog-card-image {
        display: block;
        width: 100%;
        height: auto;
        min-height: 280px;
        max-height: 280px;
        position: relative;
        object-fit: cover;
        margin-bottom: 20px
    }

    .blog-card-content {
        display: block;
        position: relative;
        margin-bottom: 20px
    }

    .blog-card-heading {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative
    }

    .blog-card-a-badge,
    .blog-card-short-info {
        flex-direction: row;
        display: flex;
        position: relative
    }

    .blog-card-a-badge {
        background: #fac60e;
        padding: 4px 10px;
        gap: 4px;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

    .blog-card-text {
        color: #f7f7f7;
        text-align: left;
        font-family: Helvetica-Regular, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        position: relative
    }

    .blog-card-title {
        color: #181a2a;
        text-align: left;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        line-height: 22px;
        min-height: 46px;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        margin-bottom: 15px
    }

    .blog-card-author,
    .signup input[type=email] {
        font-family: Helvetica-Regular, sans-serif;
        line-height: 21px;
        width: 100%
    }

    .blog-card-author,
    .blog-card-date {
        color: #97989f;
        text-align: left;
        font-size: 14px;
        font-weight: 400
    }

    .blog-card-short-info {
        gap: 70px;
        align-items: center;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0
    }

    .blog-card-a-author {
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative
    }

    .blog-card-profile-image {
        border-radius: 28px;
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        position: relative;
        object-fit: cover
    }

    .blog-card-author {
        position: relative;
        max-width: 130px
    }

    .blog-card-date {
        position: absolute;
        display: block;
        right: 0;
        font-family: WorkSans-Regular, sans-serif;
        line-height: 21px
    }

    .blog-card-button,
    .frame-address-title {
        display: block;
        width: 100%;
        position: relative
    }

    .signup {
        display: block;
        height: 50px;
        width: 50%;
        margin: 0 auto
    }

        .signup input[type=email] {
            height: 50px;
            color: #fff;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            border: 1px solid #000;
            outline: 0;
            padding: 22px 18px;
            font-weight: 700;
            background-color: transparent;
            border-radius: 20px
        }

        .signup .button-signup {
            height: 50px;
            border: 1px solid #000;
            padding: 12px 36px;
            transition: .2s ease-in-out;
            background: #fff;
            color: #2e270f;
            font-weight: 700;
            border-radius: 0 20px 20px 0
        }

    .featured-blog .image-box,
    .thumbnail-blog .thumbnail-img {
        width: 100%;
        background-position: center;
        background-size: cover;
        border-radius: 3px
    }

    .overlay-post-black,
    .overlay-post-black2 {
        opacity: 1;
        background-color: #000;
        bottom: 0;
        position: relative;
        width: 100%;
        transition: .5s;
        color: #fff;
        padding-top: 480px
    }

        .overlay-post-black2 img,
        .pauline-image {
            position: absolute;
            width: 100%;
            height: 100%;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0;
            object-fit: cover;
            opacity: .9;
            overflow: hidden
        }

    .sidebar-links,
    ul.footer-links {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .sidebar-links li {
            line-height: 40px;
            font-size: 18px
        }

        div.teammember,
        ul.footer-links li {
            line-height: 32px
        }

        .footer h4,
        .sidebar-links h4 {
            margin-bottom: 20px
        }

        .meta-meta a:focus,
        .meta-meta a:hover,
        .sidebar-links li a:focus,
        .sidebar-links li a:hover {
            color: rgba(53, 68, 177, .8);
            text-decoration: none
        }

    a.featured-link {
        color: #212529
    }

        a.featured-link:focus,
        a.featured-link:hover {
            text-decoration: none
        }

    .featured-blog .image-box {
        height: 300px;
        margin-bottom: 20px
    }

    .thumbnail-blog {
        padding-bottom: 5px;
        border-bottom: 2px solid #3544b1;
        margin-bottom: 35px;
        transition: .5s
    }

    .intro,
    a.featured-link:hover .thumbnail-blog {
        border-bottom: 2px solid #f79c37
    }

    .thumbnail-blog h5 {
        font-weight: 700
    }

    .thumbnail-blog .thumbnail-img {
        height: 200px;
        margin-bottom: 10px;
        transition: .5s
    }

    a.featured-link:hover .thumbnail-blog .thumbnail-img {
        opacity: .6
    }

    .intro {
        font-size: 125%;
        color: #101f3c;
        margin-bottom: 30px
    }

    .blog-related a:focus,
    .blog-related a:hover {
        color: #000;
        text-decoration: none
    }

    div.teammember {
        font-size: 15px;
        margin-bottom: 100px
    }

    .footer {
        background-color: #1b264f;
        color: #fff
    }

    ul.footer-links li a {
        text-decoration: none;
        color: rgba(255, 255, 255, .7)
    }

        ul.footer-links li a:focus,
        ul.footer-links li a:hover {
            text-decoration: none;
            color: #fff
        }

    .footer img {
        width: 30%
    }

    .grid-section .img-fluid img {
        max-width: 100%;
        height: auto
    }

    .umb-block-grid__layout-container {
        display: block;
        text-align: center
    }

    .umb-block-grid__layout-item {
        display: inline-block;
        width: 33%;
        margin: 0 auto;
        padding-top: 20px
    }

    .web-new-menu-gradient {
        background: linear-gradient(0deg, rgba(46, 39, 15, 0) .4999999888241291%, rgba(46, 39, 15, .7) 100%);
        padding: 20px 40px 60px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        flex-shrink: 0;
        height: auto;
        position: fixed;
        width: 100%;
        z-index: 999;
        overflow: visible;
        -webkit-transition: 1s linear;
        -moz-transition: 1s linear;
        -o-transition: 1s linear;
        transition: 1s linear
    }

    .pqa-logo-white-only-rgb-2 {
        flex-shrink: 0;
        width: 157px;
        height: 90px;
        position: relative;
        overflow: hidden;
        z-index: 9999
    }

    .active-nav .web-new-menu-gradient {
        background: #fac60e;
        padding: 20px 40px 10px;
        flex-shrink: 0;
        height: 100px;
        position: fixed;
        width: 100%;
        z-index: 999;
        overflow: visible;
        color: #000
    }

    .active-nav .pqa,
    .pqa {
        background-repeat: no-repeat;
        background-size: 100%
    }

    .active-nav .pqa {
        background-image: url('/images/pqa-logo-school.png');
        width: 70%;
        height: 70%
    }

    .pqa {
        background-image: url('/images/pqa-logo-arts.png');
        width: 100%;
        height: 100%;
        position: absolute;
        right: 84.77%;
        left: 0;
        bottom: 16.47%;
        top: 0
    }

    .frame-2272 {
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: flex-end;
        width: 100%
    }

    .frame-action,
    .frame-menu {
        display: inline-block;
        position: relative
    }

    .frame-menu {
        gap: 20px;
        align-items: flex-end;
        justify-content: center;
    }

    .active-nav .frame-action {
        padding: 12px 0
    }

    .frame-action {
        flex-direction: column;
        padding: 26px 0
    }

    .frame-1 {
        display: flex;
        flex-direction: row;
        gap: 50px;
        align-items: flex-start;
        justify-content: flex-end;
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .active-nav nav ul li {
        padding: 2px 10px
    }

    .parent-login,
    .pqa-menu-item {
        color: #f7f7f7;
        text-align: center;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .frame-78 {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 20px;
        min-width: 18px;
        height: 27px;
        position: relative;
        overflow: hidden;
        padding: 0
    }

    .arrow-down {
        display: block;
        position: relative;
        width: 50px;
        height: auto;
        font-size: 13px;
        padding-left: 10px;
    }

    .user {
        flex-shrink: 0;
        width: 12px;
        height: 16px;
        position: relative;
        overflow: visible
    }

    .active-nav .button-header {
        border-color: #000
    }

    .button-header,
    .enter-post-code-here {
        border-radius: 20px;
        border: 1px solid #f7f7f7;
        padding: 6px 20px;
        justify-content: center;
        position: relative;
        color: #fff;
        background-color: transparent
    }

        .button-header::-webkit-input-placeholder {
            color: #fff
        }

        .button-header::-moz-placeholder {
            color: #fff
        }

        .button-header::-ms-placeholder {
            color: #fff
        }

        .button-header::placeholder {
            color: #fff
        }

    .active-nav .button-header::-webkit-input-placeholder {
        color: #000
    }

    .active-nav .button-header::-moz-placeholder {
        color: #000
    }

    .active-nav .button-header::-ms-placeholder {
        color: #000
    }

    .active-nav .button-header::placeholder {
        color: #000
    }

    .search-inside {
        margin-top: 0;
        margin-left: -38px;
        position: absolute
    }

    .find-academy-enter-postcode {
        color: #f7f7f7;
        text-align: center;
        font-family: Helvetica-Bold, sans-serif;
        font-size: 14px;
        line-height: 21px;
        font-weight: 700;
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .loc-ations,
    .origin a {
        text-align: center;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        position: relative
    }

    .cardcontainer {
        width: 100%;
        padding: 10px;
        min-height: 400px
    }

    .project-card {
        display: inline-block;
        position: relative;
        width: 31%;
        margin: 1%
    }

        .project-card .project-title {
            display: block;
            width: 100%;
            color: black;
            font-family: var(--webh2-font-family, "BebasNeue-Regular", sans-serif);
            position: relative;
            font-size: 22px;
            line-height: 30px;
            margin: 7px 0;
        }

        .project-card .btn {
            font-size: 12px;
            line-height: 13px;
            font-family: Helvetica-Bold, sans-serif;
            text-transform: uppercase;
            padding: 2px 10px;
            font-weight: 700;
        }

        .project-card .desc {
            font-size: 14px;
        }

    .cardcontainer .project-card imgBx {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        overflow: hidden
    }


    .cardcontainer .project-card img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
        justify-content: center;
        align-items: center
    }

    .pqa-breadcrumbs {
        width: 100%;
        padding: 20px 40px;
        list-style: none
    }

        .pqa-breadcrumbs li {
            padding: 0 10px;
            height: 20px;
            line-height: 22px;
            display: inline-block;
            vertical-align: baseline
        }

    .origin a {
        color: #000 !important;
        font-weight: 400;
        align-items: center;
        justify-content: center
    }

    .rectangle-20 {
        background: #323131;
        flex-shrink: 0;
        width: 3px;
        height: 27px;
        position: relative
    }

    .loc-ations {
        color: #fac60e;
        line-height: 27px;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .web-hero,
    .web-hero-sub {
        flex-shrink: 0;
        position: relative;
        align-self: stretch
    }

    .web-hero-sub {
        height: 180px
    }

    .subpage-title {
        list-style: none;
        width: 100%;
        margin: 0 auto
    }

    .web-hero {
        height: 100vh;
        max-height: 750px
    }

    #overlay,
    .image-1,
    .pqa-fkc-181123-0139-1 {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .image-1 {
        position: absolute
    }

    .pqa-fkc-181123-0139-1 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%);
        position: absolute;
        object-fit: cover
    }

    .be-your-amazing-self-wrap {
        display: block;
        text-align: left;
        position: absolute;
        left: 15px;
        width: 52.92%;
        bottom: 15.36%;
        top: 55.05%;
        height: 20.59%;
        list-style: none
    }

        .be-your-amazing-self-wrap h1 {
            word-spacing: -2px;
            white-space: nowrap
        }

        .be-your-amazing-self-wrap li {
            line-height: normal
        }

    .be-your-amazing-self-span,
    .code-error.is-error {
        display: block
    }

    .be-your-amazing-self-span2 {
        color: #fac60e;
        font-family: BebasNeue-Regular, sans-seri;
        font-size: 80px;
        line-height: 80px;
        font-weight: 400
    }

    .bannersubtitle {
        position: relative;
        font-size: 15px;
        color: #000;
        font-weight: 600
    }

    #overlay {
        position: fixed;
        display: none;
        background-color: rgba(0, 0, 0, .5);
        z-index: 2;
        cursor: pointer
    }

    .section-find-your-local-academy {
        margin: 0 auto;
        background: #fac60e;
        display: block;
        position: relative
    }

    .find-your-local-academy-and-book-your-free-session {
        position: relative;
        display: inline-block;
        height: auto;
        top: 8px;
        font-size: 46px;
        font-family: BebasNeue-Regular, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 53px;
        text-transform: uppercase;
        padding-right: 8%
    }

    .search-home-page {
        position: relative;
        display: inline-block;
        height: 73px;
        top: 0;
        padding-top: 10px
    }

    .button-search-icon {
        height: 38px;
        width: 38px;
        border: 0;
        padding: 7px 5px 5px 0;
        transition: .2s ease-in-out;
        background: 0 0;
        color: #2e270f;
        border-radius: 0 20px 20px 0;
        box-shadow: 0 0 0 0 rgba(250, 198, 14, .4);
        -moz-animation: 3s infinite pulse;
        -webkit-animation: 3s infinite pulse;
        animation: 3s infinite pulse
    }

    .card-title-left,
    .card-title-full,
    .card-title-right {
        color: #000;
        text-align: left;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 36px;
        line-height: 42px;
        font-weight: 400
    }

    .code-error.is-error,
    .prompt-box.shake {
        animation: .5s linear shake
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(250, 198, 14,, 1)
        }

        85% {
            box-shadow: 0 0 0 10px rgba(250, 198, 14, 0)
        }

        100% {
            box-shadow: 0 0 0 50px rgba(250, 198, 14, 0)
        }
    }

    .arrow,
    .arrow2,
    .arrow3,
    .arrow4,
    .search {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        position: relative;
        overflow: visible
    }

    .pqa-section-body {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .video-container {
        align-self: stretch;
        flex-shrink: 0;
        height: 527px;
        position: relative
    }

    .video-container2 {
        display: block;
        width: 100%;
        min-height: 100px;
        position: absolute;
        top: 100px;
    }

        .video-container2 .video-play-button2 {
            position: absolute;
            width: 70px;
            height: 70px;
            border: 1px;
            border-radius: 50%;
            top: 50%;
            right: 50%;
            transform: translate(50%, -50%);
            background-color: #000;
            padding: 0;
        }

    .video-play-button2 span {
        color: #fac60e;
        font-size: 70px
    }

    .video-play-button2:hover {
        cursor: pointer;
        background-color: #fac60e;
    }

        .video-play-button2:hover span {
            color: #000;
        }

    .card-image .card-video {
        height: 100%;
        bottom: 0;
        left: 0;
        object-fit: cover;
    }

    .card-image img,
    .video-image {
        height: 100%;
        bottom: 0;
        left: 0;
        object-fit: cover
    }

    .video-image {
        width: 100%;
        position: absolute;
        right: 0;
        top: 0
    }

    .video-play-button {
        position: absolute;
        width: 70px;
        height: 70px;
        border: 1px;
        border-radius: 50%;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        background-color: #000;
        padding: 0
    }

        .video-play-button span {
            color: #fac60e;
            font-size: 70px
        }

        .video-play-button:hover {
            cursor: pointer;
            background-color: #fac60e
        }

    .section-4 {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
        min-height: 100%;
        padding: 20px 0px 20px 0px
    }

    .frame-38 {
        padding: 0 0 40px;
        right: 0;
        left: 0
    }

    .group-card {
        max-width: 413px;
        height: auto;
        max-height: 497px;
        margin: 20px 2% 0;
        background-color: #f7f7f7;
        -webkit-box-shadow: 5px 7px 39px -13px #42445a;
        -moz-box-shadow: 5px 7px 39px -13px #42445a;
        box-shadow: 5px 7px 39px -13px #42445a;
        padding-bottom: 10px;
        position: relative;
    }

    .card-title,
    .card-title-left,
    .card-title-right {
        height: 64px;
        display: flex
    }

    .card-title-full {
        height: auto;
        margin: 0 auto;
        padding: 10px;
        position: relative;
    }

    .card-title {
        background: #fbdd74;
        padding: 0 20px 10px;
        flex-direction: row;
        gap: 60px;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        margin-bottom: 0
    }

    .card-title-left {
        position: relative;
        width: 166px;
        align-items: center;
        justify-content: flex-start
    }

    .card-title-right {
        position: relative;
        width: 114px;
        align-items: center;
        justify-content: flex-start
    }

    .card-body {
        padding: 10px 20px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 413px;
        height: auto;
        max-height: 170px;
        left: 258.11px;
        top: 298.86px
    }

    .our-main-academy-sessions-offer-young-performers-actors-and-filmmakers-a-3-hour-experience-with-an-hour-spent-in-each-of-our-three-modules {
        color: var(--black, #000);
        text-align: center;
        font-family: var(--webtext1-font-family, "Helvetica-Regular", sans-serif);
        font-size: var(--webtext1-font-size, 16px);
        line-height: var(--webtext1-line-height, 24px);
        letter-spacing: var(--webtext1-letter-spacing, .4px);
        font-weight: var(--webtext1-font-weight, 400);
        position: relative;
        width: 362px;
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .card-image {
        display: block;
        width: 100%;
        height: 201px;
        left: 257.89px
    }

        .card-image img {
            width: 100%;
            right: 0;
            top: 0
        }

    .group-card-more {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 2%;
        font-size: 32px;
        background-color: #f7f7f7;
        -webkit-box-shadow: 5px 7px 39px -13px #42445a;
        -moz-box-shadow: 5px 7px 39px -13px #42445a;
        box-shadow: 5px 7px 39px -13px #42445a
    }

        .group-card-more a {
            position: absolute;
            transform: translateX(16%);
            bottom: 20px;
            max-width: 70% !important;
            align-content: center
        }

    .card-title-more {
        background: #fac60e;
        width: 100%;
        height: 50px;
        margin-bottom: 0
    }

        .card-title-more h3 {
            font-size: 32px;
            margin: 0 auto;
            text-align: center;
            padding-top: 5px
        }

    .card-image-more {
        display: block;
        width: 100%;
        height: 100%;
        left: 257.89px
    }

        .card-image-more img {
            width: 100%;
            height: 100%;
            max-height: 260px;
            min-height: 250px;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0;
            object-fit: cover
        }

    .pqa-section-title-left {
        padding: 10px 0;
        text-align: left;
        position: relative;
        display: block
    }

    .pqa-section-title-right {
        padding: 10px 0;
        text-align: right;
        position: relative;
        display: block
    }

    .text-right-body {
        padding: 10px 0 10px 50px;
        position: relative
    }

    .text-left-body {
        padding: 10px 50px 10px 0;
        position: relative
    }

    .overlay,
    .overlay-black,
    .overlay_pauline {
        bottom: 0;
        width: 100%;
        padding: 20px;
        position: relative;
        transition: .5s;
        color: #fff
    }

    .testimonial-card-text,
    .testimonial-card-title {
        color: #323131;
        font-weight: 400;
        position: relative
    }

    .text-align-right {
        text-align: right !important
    }

    .fullwith-container,
    .pauline-container {
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .overlay_pauline {
        min-height: 650px;
        opacity: 0;
        opacity: 1;
        background-color: #fac60e
    }

    .overlay {
        opacity: 0;
        opacity: 1;
        background-color: #fac60e
    }

    .overlay-black {
        opacity: 1;
        background-color: #000
    }

    .pauline-column {
        display: block;
        float: left;
        width: 50%
    }

    .carousel-inner {
        padding: 0 24px
    }

    .testimonial-card {
        display: block;
        background-color: #fff;
        font-size: 50px;
        line-height: .68em;
        overflow: visible;
        height: auto;
        min-height: 200px;
        border: none;
        border-radius: 16px
    }

    .testimonial-card-body {
        padding: 10px 20px;
        gap: 10px;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .testimonial-card-text {
        height: auto;
        font-family: Helvetica;
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
        letter-spacing: .4px
    }

    .testimonial-card-title {
        width: 100%;
        text-align: left;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 26px;
        line-height: 32px;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }

    .carousel-item .fullwith-container .pqa-column45 .carimg,
    .fullwidth-image {
        position: absolute;
        height: 100%;
        right: 0;
        left: 0;
        width: 100%;
        top: 0;
        object-fit: cover;
        bottom: 0
    }

    .carousel-control-prev {
        justify-content: left;
        opacity: 1
    }

    .carousel-control-next {
        justify-content: right;
        opacity: 1
    }

    .term-small-label {
        font-family: Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: .4px
    }

    .contact-us,
    .pqa-amersham,
    .woodside-junior {
        color: #323131;
        font-weight: 400;
        text-align: left
    }

    .fullwidth-image {
        overflow: hidden;
        opacity: .2
    }

    .overlay-white {
        position: relative;
        bottom: 0;
        width: 100%;
        transition: .5s;
        padding: 20px;
        background-color: #fff;
        opacity: 1
    }

    .carousel-item .fullwith-container .pqa-column45 {
        position: relative;
        height: auto;
        min-height: 500px;
        justify-content: center;
        align-items: center;
        background-color: #000;
        overflow: hidden
    }

        .carousel-item .fullwith-container .pqa-column45 .carimg {
            margin: auto
        }

    .academy-list-item,
    .message-block {
        display: block;
        width: 100%;
        padding: 30px;
        background: #fff;
        border-radius: 12px;
        border: 2px solid #fac60e;
        height: auto;
        position: relative;
        box-shadow: 0 20px 50px 0 rgba(220, 224, 249, .5)
    }

    .find-row-wrap {
        display: block;
        width: 100%;
        min-height: 70px;
        height: auto%;
        position: relative
    }

    .academy-name {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        min-height: 42px;
        position: relative
    }

    .pqa-amersham {
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 36px;
        line-height: 42px;
        right: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        top: 0;
        height: 100%
    }

    .contact-us,
    .woodside-junior {
        font-family: Helvetica-Regular, sans-serif;
        line-height: 16px
    }

    .ellipse-47,
    .frame-2275 {
        top: 7px;
        position: relative
    }

    .woodside-junior {
        font-size: 12px;
        position: relative;
        width: auto
    }

    .frame-2276 {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 100%;
        max-width: 340px
    }

    .frame-2290 {
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0
    }

    .ellipse-47 {
        border-radius: 50%;
        flex-shrink: 0;
        width: 47px;
        height: 47px;
        object-fit: cover
    }

    .contact-us,
    .line-26,
    .sale-row-wrap {
        width: 100%;
        position: relative
    }

    .frame-14 {
        flex-direction: row;
        gap: 13px;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0
    }

    .contact-us {
        display: block;
        font-size: 13px;
        letter-spacing: .4px
    }

    .darrell-steward,
    .discover-more {
        color: var(--500pqa-black, #323131)
    }

    .darrell-steward {
        text-align: left;
        font-family: var(--webh4-font-family, "BebasNeue-Regular", sans-serif);
        font-size: var(--webh4-font-size, 18px);
        line-height: var(--webh4-line-height, 27px);
        font-weight: var(--webh4-font-weight, 400);
        position: relative;
        align-self: stretch
    }

    .discover-more {
        text-align: left;
        font-family: var(--button-font-family, "Helvetica-Bold", sans-serif);
        font-size: var(--button-font-size, 16px);
        line-height: var(--button-line-height, 21px);
        font-weight: var(--button-font-weight, 700);
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }

    ._4-5-years,
    .academy-details,
    .main-academy,
    .main-academy-search,
    .poppets {
        color: #323131;
        text-align: left;
        position: relative
    }

    .line-26 {
        border-style: solid;
        border-color: #c4c4c4;
        border-width: 1px 0 0;
        flex-shrink: 0;
        height: 0;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .academy-details {
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
        align-self: stretch
    }

    .sale-row-wrap {
        display: inline-block;
        padding: 10px 0
    }

    .aca=details-block {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        width: 180px;
        position: relative
    }

    .main-academy {
        font-family: Helvetica-Bold, sans-serif;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .4px;
        font-weight: 700
    }

    ._09-45-to-11-30,
    ._09-45-to-13-00,
    .age-4-5,
    .age-6-18,
    .saturday {
        line-height: 21px;
        position: relative;
        color: #323131;
        text-align: left;
        font-family: Helvetica-Regular, sans-serif;
        font-size: 14px;
        font-weight: 400
    }

    .age-4-5,
    .age-6-18 {
        align-self: stretch
    }

    .btn-text-black,
    .enrol-now,
    .waiting-list {
        text-align: center;
        font-size: 16px;
        line-height: 21px;
        position: relative;
        width: 170px;
        align-items: flex-end;
        font-family: Helvetica-Bold, sans-serif;
        text-transform: uppercase;
        display: flex
    }

    .btn-text-black {
        color: #000;
        font-weight: 700;
        justify-content: center
    }

    .enrol-now,
    .waiting-list {
        color: #fac60e;
        font-weight: 700;
        justify-content: center
    }

    .poppets,
    .pqa-ltd {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .4px
    }

    .poppets {
        font-family: Helvetica-Bold, sans-serif;
        font-weight: 700
    }

    .check-availability,
    .fees,
    .loudwater-mill-station-rd,
    .per-month,
    .pqa-ltd,
    .primary-student {
        font-family: Helvetica-Regular, sans-serif
    }

    .check-availability {
        color: #fac60e;
        font-size: 16px;
        line-height: 21px;
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .fees,
    .per-month,
    .pqa-price,
    .primary-student {
        color: #323131;
        font-weight: 400
    }

    .frame-50,
    footer {
        flex-direction: column;
        position: relative;
        display: flex
    }

    .fees {
        font-size: 18px;
        line-height: 27px;
        align-self: stretch
    }

    .per-month,
    .primary-student {
        font-size: 14px;
        line-height: 21px
    }

    .pqa-price {
        text-align: left;
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        line-height: 27px;
        position: relative
    }

    .poppets-student,
    .sibling-student {
        color: #323131;
        text-align: left;
        font-family: Helvetica-Regular, sans-serif;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        position: relative;
        width: 110px
    }

    .search-inner-wrap {
        height: 100%;
        min-height: 100%;
        border-bottom: 1px solid #c4c4c4
    }

    footer {
        font-family: Helvetica;
        background: #2e270f;
        padding: 60px 0 30px;
        gap: 0;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        font-size: 14px
    }

        footer .material-icons-outlined {
            color: #fff;
            font-size: 16px;
            font-weight: 400
        }

    .frame-50 {
        gap: 14px;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 329px
    }

    .frame-31 {
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .pqa-ltd,
    .where-to-find-us {
        text-align: left;
        font-weight: 400;
        position: relative;
        display: flex;
        align-items: flex-end
    }

    .where-to-find-us {
        color: var(--white, #fff);
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 36px;
        line-height: 42px;
        align-self: stretch;
        justify-content: flex-start
    }

    ._0800-531-6282,
    .loudwater-high-wycombe-hp-10-9-ty,
    .loudwater-mill-station-rd,
    .membershipteam-pqacademy-com {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .4px;
        font-weight: 400;
        display: flex;
        position: relative;
        text-align: left
    }

    .frame-44,
    .frame-57 {
        flex-direction: column
    }

    .frame-44 {
        display: flex;
        gap: 6px;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .frame-482,
    .frame-49 {
        gap: 20px;
        align-self: stretch
    }

    .frame-45,
    .frame-46,
    .frame-48,
    .frame-502 {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative
    }

    .pqa-ltd {
        color: #fff;
        justify-content: flex-start
    }

    .loudwater-high-wycombe-hp-10-9-ty,
    .loudwater-mill-station-rd {
        align-items: flex-end
    }

    .loudwater-mill-station-rd {
        color: var(--white, #fff);
        justify-content: flex-start
    }

    .frame-49 {
        padding: 0 38px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative
    }

    .loudwater-high-wycombe-hp-10-9-ty {
        color: #fff;
        font-family: sans-serif;
        width: 291px;
        justify-content: flex-start
    }

    ._0800-531-6282,
    .membershipteam-pqacademy-com {
        color: #fff;
        font-family: Helvetica-Regular, sans-serif;
        align-items: flex-end
    }

    ._0800-531-6282 {
        width: 100%x;
        justify-content: flex-start
    }

    .membershipteam-pqacademy-com {
        width: 100%;
        justify-content: flex-start
    }

    .wha-t-we-do,
    .who-we-are {
        color: var(--white, #fff);
        text-align: left;
        font-family: var(--webh3-font-family, "BebasNeue-Regular", sans-serif);
        font-size: var(--webh3-font-size, 36px);
        line-height: var(--webh3-line-height, 42px);
        font-weight: var(--webh3-font-weight, 400);
        position: relative;
        align-self: stretch;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }

    .about-us,
    .our-classes,
    .parent-portal,
    .pauline-quirke,
    .student-experience,
    .west-end {
        font-family: var(--webtext1-font-family, "Helvetica-Regular", sans-serif);
        font-size: var(--webtext1-font-size, 16px);
        line-height: var(--webtext1-line-height, 24px);
        letter-spacing: var(--webtext1-letter-spacing, .4px);
        font-weight: var(--webtext1-font-weight, 400);
        display: flex;
        text-align: left;
        position: relative
    }

    .frame-482 {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative
    }

    .about-us {
        color: #fff;
        align-items: flex-end;
        justify-content: flex-start
    }

    .our-classes,
    .parent-portal,
    .pauline-quirke,
    .student-experience,
    .west-end {
        color: var(--white, #fff)
    }

    .parent-portal,
    .pauline-quirke,
    .student-experience,
    .west-end {
        width: 291px;
        align-items: flex-end;
        justify-content: flex-start
    }

    .our-classes {
        align-items: flex-end;
        justify-content: flex-start
    }

    .frame-57 {
        display: flex;
        gap: 40px;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative
    }

    .footer-links-row {
        display: block;
        position: relative;
        width: 100%;
        padding: 7px
    }

    .foot-item {
        display: inline-block;
        padding: 10px;
        text-align: left;
        font-family: Helvetica-Regular, sans-serif;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .4px;
        font-weight: 400;
        position: relative
    }

    .socials {
        list-style: none;
        line-height: 24px
    }

        .socials li {
            display: inline-block;
            margin: 2px;
            max-width: 38px;
            width: 100%;
            height: 38px
        }

        .footer-logo,
        .socials img {
            height: auto;
            display: block
        }

        .socials img {
            padding-top: 16px;
            width: 100%
        }

    .footer-logo {
        position: relative;
        width: 120px
    }

    .arrow-up {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 5px
    }

    .ellipse-arrow-up {
        display: block;
        background: #fac60e;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        float: right;
        overflow: hidden
    }

    .button-signup,
    footer input[type=email] {
        height: 50px;
        outline: 0;
        font-weight: 700;
        text-transform: uppercase
    }

    .ellipse-arrow-up span {
        padding: 8px;
        font-size: 18px;
        color: #000
    }

    .button-signup {
        border: 0;
        padding: 12px 36px;
        transition: .2s ease-in-out;
        cursor: pointer;
        background: #fac60e;
        color: #2e270f;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
        border-radius: 0 20px 20px 0
    }

        .button-signup:active {
            background: #7f8ff4;
            box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2)
        }

    .inside {
        margin-top: 0;
        margin-left: -90px;
        position: absolute
    }

    footer input[type=email] {
        width: 100%;
        color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        border: 1px solid #fff;
        padding: 22px 18px;
        font-family: Helvetica;
        line-height: 21px;
        background-color: #2e270f;
        border-radius: 20px
    }

    .web-book-a-free-session-pqa-abingdon-4 {
        display: table;
        position: relative;
        width: 100%;
        height: 100%;
        background: #fac60e;
        padding: 50px 0 50px 30px
    }

    .pqa-first-half {
        position: relative;
        height: auto;
        width: 70%;
        float: left
    }

    .pqa-second-half {
        display: inline-block;
        position: relative;
        height: auto;
        width: 30%;
        padding: 0 8px
    }

    .pqa-first-third {
        width: 20%;
        padding: 0 10px 0 0;
        float: left
    }

    .pqa-second-third {
        width: 30%;
        padding-left: 5%;
        padding-top: 0;
        float: left
    }

    .pqa-third-third {
        width: auto;
        padding: 0 10px 0 0;
        float: right
    }

    .NotfountMessage {
        display: block;
        position: absolute;
        width: 50%;
        top: 620px;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }

    .pqa-first-third-s {
        width: 40%;
        padding: 0 10px 0 0;
        float: left
    }

    .pqa-second-third-s {
        width: 30%;
        padding-top: 5px;
        float: left
    }

    .pqa-third-third-s {
        width: 30%;
        padding: 12px 10px 0 0;
        float: left
    }

    @media (max-width:480px) {
        .pqa-first-third,
        .pqa-first-third-s {
            padding: 0
        }

        .pqa-second-third,
        .pqa-second-third-s {
            padding-left: 0
        }
    }

    @media (max-width:960px) {
        .pqa-second-third,
        .pqa-second-third-s {
            padding-left: 0
        }
    }

    @media only screen and (max-width:960px) {
        .pqa-first-third,
        .pqa-first-third-s,
        .pqa-second-third,
        .pqa-second-third-s,
        .pqa-third-third,
        .pqa-third-third-s {
            width: 100%;
            padding-bottom: 10px;
            float: none
        }
    }
    .popup_title {
        font-size: 36px;
        line-height: 40px
    }
    .modal-dialog {
        max-width: 80%;
        margin: 30px auto
    }

    .modal-body {
        position: relative;
        padding: 20px
    }

    .mobile_modal h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .mobile_modal .modal-body {
        padding: 10px;
    }
    .close {
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 999;
        font-size: 2rem;
        font-weight: 400;
        color: #fff;
        opacity: 1
    }

    .row-line-s {
        padding: 0 10px 0 0
    }

    .row-line {
        padding: 20px 10px 0 0
    }

    .frame-427320042 {
        display: block;
        position: relative;
        height: auto;
        width: 100%;
        padding: 0 5% 20px;
        text-align: center
    }

    .day-container,
    .frame-2306,
    .frame-2307 {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        width: 200px;
        position: relative
    }

    .main-academy-search,
    .poppets {
        font-family: var(--webh4-font-family, "BebasNeue-Regular", sans-serif);
        font-size: var(--webh4-font-size, 18px);
        line-height: var(--webh4-line-height, 21px);
        font-weight: var(--webh4-font-weight, 400)
    }

    ._4-5-years {
        font-family: var(--webtext2-font-family, "Helvetica-Regular", sans-serif);
        font-size: var(--webtext2-font-size, 14px);
        line-height: var(--webtext2-line-height, 17px);
        font-weight: var(--webtext2-font-weight, 400)
    }

    .sorry-session-is-full,
    .sorry-session-is-full-search {
        font-family: Helvetica-Regular, sans-serif;
        font-weight: 400;
        text-align: left;
        color: #323131
    }

    .sorry-session-is-full {
        font-size: 14px;
        line-height: 17px;
        position: relative
    }

    .sorry-session-is-full-search {
        font-size: 11px;
        line-height: 12px;
        position: relative
    }

    .book-now,
    .check-availability,
    .fees,
    .per-month,
    .primary-student,
    .sibling-student,
    .spaces-available {
        color: var(--500pqa-black, #323131);
        position: relative
    }

    .per-month,
    .spaces-available {
        text-align: left;
        font-family: var(--webtext2-font-family, "Helvetica-Regular", sans-serif);
        font-size: var(--webtext2-font-size, 14px);
        line-height: var(--webtext2-line-height, 17px);
        font-weight: var(--webtext2-font-weight, 400)
    }

    .book-now,
    .check-availability {
        text-align: center;
        font-family: var(--button-font-family, "Helvetica-Bold", sans-serif);
        font-size: var(--button-font-size, 16px);
        line-height: var(--button-line-height, 21px);
        font-weight: var(--button-font-weight, 700);
        text-transform: uppercase;
        width: 208px;
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .fees {
        text-align: left;
        font-family: var(--webh4-font-family, "BebasNeue-Regular", sans-serif);
        font-size: var(--webh4-font-size, 18px);
        line-height: var(--webh4-line-height, 21px);
        font-weight: var(--webh4-font-weight, 400);
        align-self: stretch
    }

    .poppets-student,
    .primary-student,
    .sibling-student {
        text-align: left;
        font-family: var(--webtext2-font-family, "Helvetica-Regular", sans-serif);
        font-size: var(--webtext2-font-size, 14px);
        line-height: var(--webtext2-line-height, 17px);
        font-weight: var(--webtext2-font-weight, 400);
        width: 110px
    }

    .poppets-student {
        color: #323131;
        position: relative
    }

    .free-sesion,
    .free-session-txt {
        text-align: left;
        font-weight: 400;
        position: relative;
        color: #323131
    }

    .sale-box {
        background: rgba(254, 245, 215, .6);
        border-radius: 16px;
        padding: 14px 20px;
        align-items: center;
        justify-content: center;
        margin: 10px 20px 0
    }

    .free-sesion {
        font-family: BebasNeue-Regular, sans-serif;
        font-size: 18px;
        line-height: 21px;
        align-self: stretch
    }

    .free-session-txt {
        margin-top: 10px;
        font-family: Helvetica-Regular, sans-serif;
        font-size: 14px;
        line-height: 16px;
        width: 100%
    }

    .web-book-a-free-session-pqa-abingdon-5 {
        background: #f7f7f7;
        padding: 60px 40px;
        display: block;
        width: 100%;
        height: auto;
        position: relative
    }

    .frame-address {
        display: inline-block;
        position: relative;
        height: auto;
        width: 30%;
        float: left
    }

    .rectangle-map {
        display: inline-block;
        position: relative;
        height: auto;
        width: 70%;
        padding-left: 40px
    }

    #TeamCarousel,
    .icons-container,
    .principal-container,
    .principal-image-modal,
    .teacher-bio {
        display: block;
        position: relative
    }

    .address-list,
    .social-icons {
        list-style: none;
        padding: 0
    }

        .address-list li {
            padding-top: 5px;
            flex-direction: row;
            align-items: center;
            font-size: 14px;
            line-height: 16px
        }

            .address-list li span {
                padding-right: 5px;
                font-size: 16px
            }

    .icons-container {
        min-height: auto;
        height: 30px;
        width: 100%
    }

    .social-icons li {
        display: inline-block;
        padding: 0 5px
    }

        .social-icons li img {
            width: 20px;
            height: 20px
        }

    .rectangle-location-img {
        width: 100%;
        max-width: 390px;
        max-height: 240px;
        position: relative;
        object-fit: cover;
        margin-bottom: 30px;
        overflow: hidden
    }

    .principal-container {
        width: 100%;
        background: #fff;
        padding: 20px;
        box-shadow: 2px 6px 6px 0 rgba(0, 0, 0, .12)
    }

    .menu-icon,
    nav.black ul {
        background: #000
    }

    .principal-image {
        max-width: 250px;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        object-fit: cover
    }

    .principal-image-modal {
        width: 100%;
        height: 100%;
        max-width: 220px;
        max-height: auto;
        min-height: 150px;
        object-fit: cover
    }

    .principal {
        color: var(--black, #000);
        text-align: left;
        font-family: var(--webh2-font-family, "BebasNeue-Regular", sans-serif);
        font-size: var(--webh2-font-size, 38px);
        line-height: var(--webh2-line-height, 46px);
        font-weight: var(--webh2-font-weight, 400);
        position: relative;
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .teacher,
    .walter-louis,
    .walter-name {
        color: #000;
        text-align: left
    }

    .teacher-content,
    .teacher-image,
    nav ul li {
        display: inline-block
    }

    .walter-louis {
        font-size: 18px;
        line-height: 21px;
        font-weight: 400;
        position: relative
    }

    .teacher-container {
        position: relative;
        min-width: 355px;
        min-height: 160px
    }

    .teacher-image {
        position: relative;
        width: 100px;
        height: 100px;
        overflow: hidden;
        vertical-align: top
    }

        .teacher-image img {
            object-fit: contain;
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0
        }

    .teacher-content {
        width: 70%;
        vertical-align: top
    }

    .teacherpopup {
        width: 100px;
        max-width: 100px;
        height: auto
    }

    .teacher {
        font-size: 21px;
        line-height: 22px;
        font-weight: 400;
        position: relative
    }

    .walter-name {
        font-size: 13px;
        line-height: 14px;
        font-weight: 400;
        position: relative
    }

    .teacher-bio {
        width: 95%;
        font-size: 12px;
        margin-top: 5px
    }

    .logo,
    nav {
        position: fixed
    }

    .carousel-indicators {
        top: 120px
    }

    #TeamCarousel {
        top: 30px;
        height: auto;
        min-height: 180px
    }

    .carousel-indicators li {
        background: #fac60e;
        width: 20px;
        height: 2px;
        border-bottom: 1px
    }

    #TermDates .carousel-indicators {
        position: relative;
        top: 15px
    }

        #TermDates .carousel-indicators li {
            background: #000;
            width: 20px;
            height: 2px;
            border-bottom: 1px;
            cursor: default
        }

    .sspy-wrap {
        width: 100%;
        display: table;
        table-layout: fixed;
        padding: 0
    }

        .sspy-wrap .sspy {
            display: table-cell;
            width: 100%;
            height: auto;
            max-width: 120px;
            min-height: 120px;
            margin: 10px;
            padding-right: 10%
        }

        .sspy-wrap a {
            background-color: transparent
        }

        .sspy-wrap img {
            display: block;
            max-width: inherit;
            max-height: inherit;
            height: inherit;
            width: 100%;
            margin: 0 auto;
            object-fit: cover
        }

    .sspy h4 {
        display: block;
        width: 100%;
        color: #323131;
        font-size: 1.2rem;
        text-transform: uppercase;
        line-height: 22px
    }

    .sspy-target h2 {
        font-size: 41px;
        font-style: normal;
        font-weight: 400;
        line-height: 53px;
        text-transform: uppercase
    }

    .icon-title img {
        width: 50px;
        height: 50px
    }

    .content {
        width: 90%;
        margin: 4em auto;
        font-size: 20px;
        line-height: 30px;
        text-align: justify
    }

    .logo {
        float: left;
        margin: 16px 36px;
        color: #fff;
        font-weight: 700;
        font-size: 24px
    }

    nav {
        width: 100%
    }

        nav ul {
            list-style: none;
            background: rgba(0, 0, 0, 0);
            overflow: hidden;
            color: #fff;
            padding: 0;
            margin: 0;
            transition: 1s
        }

    .navbar {
        padding: 1.5rem 1rem;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 0 0 2rem;
    }

        .navbar-expand-lg .navbar-nav .nav-link:hover {
            color: #fac60e;
        }

    .active-nav .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: #000;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        display: inline-block
    }

    .navbar-expand-lg .navbar-nav .menu_arror {
        display: inline-block
    }

    .navbar-expand-lg .navbar-nav .mobile_arrow {
        display: none;
        visibility: hidden;
        width: 100px;
        height: 100px;
    }



nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 20px
}

    nav ul li {
        padding: 10px;
    }

        nav ul li .portal {
            padding: 0 0 0 10px;
        }


    .menu-icon {
        width: 100%;
        text-align: right;
        padding: 15px 24px;
        cursor: pointer;
        color: #fff;
        display: none
    }

    .umbraco-forms-submitmessage {
        padding: 20px 0;
        font-size: 16px;
        line-height: 18px
    }

    .pqa-form {
        width: 100%;
        padding: 20px 0
    }

    .umbraco-forms-hidden {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1
    }

    .pqa-form .umbraco-forms-field-wrapper {
        padding: 10px 0;
        width: 100%
    }

    .pqa-form .help-block,
    .pqa-form label {
        font-family: Helvetica-Regular, sans-serif;
        font-size: 14px
    }

    .pqa-form .help-block {
        display: block;
        width: 100%;
        position: relative;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: .4px
    }

    .pqa-form input,
    optgroup,
    select {
        width: 100%;
        height: 42px;
        padding: 11px 24px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 20px;
        border: 1.3px solid #fac60e;
        background: #fff
    }

    .pqa-form textarea {
        width: 100%;
        height: auto;
        min-height: 300px;
        padding: 11px 24px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 20px;
        border: 1.3px solid #fac60e;
        background: #fff
    }

    .pqa-form input[type=checkbox] {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        border-radius: 2px;
        border: 1px solid #000;
        background: #fff
    }

    .pqa-form input[type=radio] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        border-radius: 2px;
        border: 1px solid #000;
        background: #fff
    }

    .pqa-form input[type=submit],
    .prompt-box button {
        font-family: BebasNeue-Regular, sans-serif;
        height: 42px;
        background: #fac60e;
        font-size: 20px;
        text-transform: uppercase;
        max-width: 200px
    }

    .pqa-form input[type=submit] {
        width: 100%;
        padding: 7px 15px;
        align-items: center;
        border-radius: 20px;
        border: 1.3px solid #fac60e
    }

        .pqa-form input[type=submit]:hover {
            width: 100%;
            color: #fac60e;
            border: 1.3px solid #fac60e;
            background: #000
        }

    .overlay-pass {
        display: none;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 99999
    }

    .prompt-wrap {
        display: none;
        background: 0 0;
        position: absolute;
        width: 350px;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0
    }

    .prompt-box {
        display: none;
        padding: 50px;
        background: #f7f7f7;
        max-width: 350px;
        width: 100%;
        margin: 80px auto;
        color: 70707;
        position: fixed;
        z-index: 999999999;
        border-radius: 3px;
        text-align: center
    }

        .prompt-box p {
            font-weight: 600;
            color: #070707;
            width: 100%;
            padding-bottom: 15px
        }

        .prompt-box button {
            display: block;
            top: 30px;
            width: 100%;
            padding: 7px 15px;
            align-items: center;
            border-radius: 20px;
            border: 1.3px solid #fac60e;
            margin: 20px auto
        }

        .prompt-box .close:after {
            content: "";
            height: 20px;
            width: 20px;
            background: url(../img/x-thin.svg) top left/100% no-repeat;
            position: absolute;
            right: 20px;
            top: 12px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            cursor: pointer
        }

    .code-error {
        color: red !important;
        display: none
    }

    @media (max-width:768px) {
        .box-blog {
            height: 450px
        }

        .carousel-inner .carousel-item > div {
            display: none
        }

            .carousel-inner .carousel-item > div:first-child {
                display: block
            }
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev,
    .carousel-inner .carousel-item.active {
        display: flex
    }

    @media (min-width:768px) {
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-right.active {
            transform: translateX(33.333%)
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-33.333%)
        }
    }

    .carousel-inner .carousel-item-left,
    .carousel-inner .carousel-item-right {
        transform: translateX(0)
    }

    .fullW h2,
    .fullW h3,
    .fullW h4 {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 20px
    }

    .fullW hr,
    .fullW p {
        display: block;
        margin: 0 auto;
        width: 100%;
        line-height: 1.5
    }

    .fullW p {
        font-family: Helvetica-Bold, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        color: #212529
    }