body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

html, body, .site-content {
    overflow-x: hidden;
}

.site-content {
    position: relative;
    padding-top: 0px;
}



.main-container {
}

/* starter styles */

body {
}

#menu {
    display: none;
}

#panel {
    margin-bottom: 0;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}

/* start Grids Section */
.grid-section > div {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

    .grid-section > div.full-width {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

        .grid-section > div.full-width > .container {
            width: 100%;
            padding: 0;
        }

    .grid-section > div.extra-padding {
        padding: 25px 10px;
    }
/* end Grids Section */

.full-width {
    width: 100%;
    padding: 0;
}

.member-menu {
    margin-top: 25px;
}

    .member-menu .image-cta-overlay h3 {
        display: block;
        text-align: center;
        border-bottom: 0;
        text-transform: uppercase;
        font-weight: normal;
    }


.first-container {
    /*margin-top: 79px; */
}

.pavfont {
    font-family: 'sile' !important;
    text-transform: none;
    font-size: 5em !important;
    color: white;
    font-weight: normal;
    /*transform: rotate(-4deg);*/
}



/* Typograghic styles */
.sml-banner {
    position: relative !important;
}

.page-title {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    text-align: center;
}

    .page-title h1 {
        color: #EC008C;
        font-size: 11em !important;
    }

h1 {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-left: solid 7px #07b9fc;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    line-height: 1em;
    margin-top: 35px;
    font-size: 2em;
}

h2 {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.1em;
}

h3 {
    font-family: 'Exo', sans-serif;
    color: #333;
}

h4 {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}

h5 {
}

h6 {
}

p {
    font-size: 1.4em;
}

a {
    color: #07b9fc;
}


/*RTE headers*/
.content-page h1 {
    font-size: 3.2em;
}

.content-page h2 {
    font-size: 2.6em;
}

.content-page h4 {
    font-size: 1.9em;
}

.content-page h5 {
    font-size: 1.7em;
}

.content-page h6 {
    font-size: 1.5em;
    font-weight: 900;
}

.container {
    position: relative;
    z-index: 10;
}

    .container .content-page .btn-default {
        margin-top: 15px;
        margin-bottom: 15px;
    }

.content-page a {
    font-weight: 900;
}
/*.content-page img {float:right; margin-left: 30px; max-width: 300px; margin-bottom: 20px;}

@media screen and (max-width: 767px) {
  .content-page img {width: 100%; max-width:none; margin-top: 20px;}
}*/

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

ul {
    list-style-type: square;
}

li {
    font-size: 1.5em;
}

    li:before {
        color: red; /* or whatever color you prefer */
    }

.btn-default {
    font-family: 'Exo', sans-serif;
    font-size: 1.6em;
    font-weight: 800;
    text-align: center;
    padding: 15px 30px;
    background: #007889;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    border: none;
}

.btn {
    text-align: center;
    padding: 10px 20px;
    background: #07b9fc;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px 0px;
}

/* user for RTE button styles */
span.btn a {
    text-align: center;
    padding: 10px 20px;
    background: #07b9fc;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px 0px;
}

/*.btn:hover, .grid-block .btn:hover {color: #fff!important;}*/

.btn-pink {
    background: #ec008c;
}

.btn-yellow {
    background: #fee020;
}

.btn-purple {
    background: #a577f7;
}

.btn-orange {
    background: #ffb300;
}

.btn-lime {
    background: #9af000;
}

.heavy {
    font-weight: 900;
}

.exo-light {
    font-weight: 500;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

.light {
    font-weight: 100;
}


/*pink-theme banner*/

.pink.item:before {
    background: rgba(236, 0, 140, 0.2);
}

.pink.item .blue {
    color: #ec008c !important;
}

.pink h2 {
    color: #ec008c !important;
}

.pink .talk-link {
    background: #ec008c;
}

.pink .carousel-control span:hover {
    color: #ec008c;
}



/*yellow-theme banner*/

.yellow.item:before {
    background: rgba(255, 179, 0, 0.2);
}

.yellow.item .blue {
    color: #ffb300 !important;
}

.yellow h2 {
    color: #ffb300 !important;
}

.yellow .talk-link {
    background: #ffb300;
}

.yellow .carousel-control span:hover {
    color: #ffb300;
}



.rte-button {
    margin-left: 30px;
}


.Pink .rte-button,
.Pink .rte-button a {
    background: #ec008c;
}

.Yellow .rte-button,
.Yellow .rte-button a {
    background: #fee020;
}

.Purple .rte-button,
.Purple .rte-button a {
    background: #a577f7;
}

.Orange .rte-button,
.Orange .rte-button a {
    background: #ffb300;
}

.Lime .rte-button,
.Lime .rte-button a {
    background: #9af000;
}




/*classic-theme banner*/
.classic.item:before {
    background: none;
}


/*nav styles*/

.nav > li {
    font-size: 1.6em;
}

.nav-container {
    background: #fff;
}

.navbar-nav a {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 1.3em;
    margin-right: 15px;
    margin-top: 30px;
    text-transform: lowercase;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {
    color: #333;
}

.navbar-nav > li > a:link, .navbar-nav > li > a:active, .navbar-nav > li > a:visited, .navbar-nav > li > a:focus {
    color: #333;
}

#side-nav {
    position: relative;
    top: -5px;
    cursor: pointer;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #333333;
    background-color: #fff;
}

.navbar-inverse {
    background-color: #fff;
    border: none;
}


@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}

.navbar-brand {
    display: block;
    height: 119px;
}

@media screen and (max-width: 1200px) {
    .nav-container {
        width: 100%;
    }

    .navbar-nav a {
        font-size: 1.2em;
    }

    .navbar-nav {
        margin-right: 5%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1015px) {
    .navbar-inverse {
        max-height: 100px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-header {
        max-width: 200px;
    }

    .nav-container {
        max-height: 130px;
        overflow: hidden;
    }

    .navbar-nav {
        position: relative;
        top: 0px;
        margin-top: 0;
    }
}


@media screen and (max-width: 767px) {
    .navbar-nav {
        display: inline-flex;
        left: 80px;
    }

    .navbar-collapse {
        border-top: none;
    }

    .navbar-header {
        max-width: 200px;
    }
}

@media screen and (max-width: 530px ) {
    .navbar-nav {
        font-size: 60%;
    }

    #side-nav {
        top: -65px;
    }
}

/* Disable mobile nav */

/* Nav-bar-fix */
.navbar-fixed-top {
    /*position: absolute;*/
    position: relative !important;
    margin-bottom: 0;
}

.navbar-collapse.collapse {
    display: block !important;
}


.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

.navbar-right {
    float: right !important;
}

/* coloured strip */

.strip div {
    height: 10px;
}

    .strip div:first-child {
        background: #07b9fc;
    }

    .strip div:nth-child(2) {
        background: #9af000;
    }

    .strip div:nth-child(3) {
        background: #ec008c;
    }

    .strip div:nth-child(4) {
        background: #fee020;
    }

/* homepage carousel */

.carousel-inner {
    position: relative;
}

.carousel-control {
    z-index: 1000;
}

.carousel {
    position: relative;
}

.carousel-overlay {
    padding-bottom: 0px;
    height: 100%;
    width: 60%;
    background: rgba(24, 29, 32, 0.85);
    left: auto;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.carousel-caption {
    padding-bottom: 0px;
    height: 100%;
    width: 60%;
    left: auto;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 5;
    float: right;
    padding-top: 0;
}

.item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 120, 137, 0.2);
    transition: all .3s linear;
}

.item img {
    z-index: -1;
}

.item .carousel-caption {
    text-align: left;
    z-index: 2;
}

/* carousel animations */

.carousel-caption h2 {
    animation-delay: 0.5s;
}

.carousel-caption .training-info {
    animation-delay: 0.5s;
}

    .carousel-caption .training-info:nth-child(2) {
        animation-delay: 1.5s;
    }

/* button animation */

.bread-right {
    animation-delay: 0.5s;
}

/* carousel caption */

.ap-slide .item, .la-slide .item {
    max-height: 1090px;
}

.item img {
    width: 100%;
}

/*.banner-item {min-height: 1390px}*/


.carousel-caption h3 {
    text-transform: uppercase;
    margin-bottom: 0px;
}

.carousel-caption h4 {
    margin-top: 0px;
    font-size: 2.5em;
}

.carousel-caption .lead {
    font-size: 2em;
    margin-bottom: 15px;
    font-weight: 700;
}

.training-info {
    margin-bottom: 50px;
    /*margin-top: -120px;*/
}

.box-2 {
    margin-top: 0;
}

.training-info h2 {
    color: #07b9fc;
    font-size: 3em;
    margin-bottom: 30px;
}

.talk-box {
    position: relative;
    background: #dbdbdb;
    color: black;
    padding: 20px;
    padding-left: 40px;
    padding-bottom: 0px;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    border-top: solid 1px #333;
}

.speech {
    position: absolute;
    right: -40px;
    top: 80px;
    z-index: 100;
    max-width: 100px;
}

.talk-link {
    border-radius: 0px 0px 30px 0px;
    background: #07b9fc;
    margin-bottom: 50px;
    padding: 7px;
    padding-left: 40px;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
}

    .talk-link a {
        font-family: 'Exo', sans-serif;
        color: #fff;
        font-size: 3.6em;
        font-weight: 800;
        text-transform: uppercase;
    }

.talk-box h3, .talk-box h2 {
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 0px;
}

.talk-box h2 {
    font-size: 3.6em;
    color: #333333;
}

.carousel-control {
    height: 50px;
    width: 60px;
    background-color: black;
    display: inline-block;
    position: relative;
}

    .carousel-control:nth-child(2) {
        margin-left: -4px;
    }

    .carousel-control span {
        position: relative !important;
        top: 15px !important;
        right: auto !important;
        left: auto !important;
    }

        .carousel-control span:hover {
            color: #07b9fc;
        }

.main-title-block {
    font-family: 'Exo', sans-serif;
    text-transform: uppercase;
    padding: 0px;
    margin-top: 100px;
}

    .main-title-block p {
        margin: 0px;
    }

    .main-title-block h2 {
        margin: 0px;
        font-size: 2.5em;
        text-align: right;
        /*width: 208px;*/
    }

.main-title-block h2 span {
    display: block;
}

.blue {
    color: #07b9fc !important;
}

.yellow {
    color: #fee020 !important;
}

.list-yellow li span {
    background: #fee020 !important;
}

.pink {
    color: #ec008c !important;
}

.list-pink li span {
    background: #ec008c !important;
}

.orange {
    color: #ffb300 !important;
}

.list-orange li span {
    background: #ffb300 !important;
}

.lime {
    color: #9af000 !important;
}

.list-lime li span {
    background: #9af000 !important;
}

.purple {
    color: #a577f7 !important;
}

.list-purple li span {
    background: #a577f7 !important;
}




.title-right {
    text-align: right;
}

.life-img img {
    width: 130%;
    position: relative;
    top: -130px;
    left: 0px;
    ;
}

.splatter {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.car-ctrl {
    padding: 0px;
}




.banner-footer {
    position: absolute;
    width: 40%;
    z-index: 100;
    bottom: -14px;
    text-align: right;
    padding: 0px;
    display: inline-block;
    font-family: 'Exo', sans-serif;
}

    .banner-footer .ban-foot-bot {
        padding-top: 2px;
        padding-bottom: 1px;
    }

.ban-foot-top {
    width: 100%;
    position: relative;
    top: -4px;
}

.banner-footer-right {
    position: absolute;
    right: 0px;
    width: 60%;
    z-index: 100;
    bottom: -10px;
    text-align: left;
    padding: 0px;
    display: inline-block;
}


.ban-foot-top {
    width: 100%;
}

    .ban-foot-top a {
        font-size: 2.9em; /*2.9em*/
        color: #333;
        text-transform: uppercase;
        position: relative;
        bottom: 17px;
        cursor: pointer;
    }

        .ban-foot-top a span {
            color: #07b9fc;
            background: #fff;
            padding: 10px;
        }

.ban-foot-bot {
    background: #e1e1e1;
    width: 100%;
    color: black;
    padding-right: 10px;
}

    .ban-foot-bot h4 {
        text-transform: uppercase;
        margin: 10px 0px;
    }

.banner-footer-right .ban-foot-bot {
    background-color: rgba(24, 29, 32, 0.85);
}

    .banner-footer-right .ban-foot-bot h4 {
        color: white;
        font-weight: 300;
    }

.banner-footer-right .ban-foot-top {
    color: white;
    padding-left: 10px;
}

    .banner-footer-right .ban-foot-top p {
        font-size: 2.0em;
        margin-left: 57px;
    }

.ban-foot-bot .blue {
    background: black;
    padding: 20px;
    margin-right: 10px;
}

    .ban-foot-bot .blue:hover {
        color: #fff;
    }

/*Small Banner*/

.small-banner-block {
    position: relative;
}

    .small-banner-block img {
        width: 100%;
        min-width: 1200px;
    }

.small-banner-overlay {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    top: 0;
    background: rgba(24, 29, 32, 0.85);
    border-left: solid 1px #111;
}

    .small-banner-overlay h1 {
        text-align: left;
        margin-left: 20px;
        border-left: none;
        color: #07B9FC;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .small-banner-overlay ul li {
        list-style: none;
        margin-top: 20px;
        padding-left: 0px;
    }

    .small-banner-overlay li {
        position: relative;
        padding-left: 45px;
        margin-bottom: 10px;
        color: #fff;
    }

        .small-banner-overlay li span {
            background: #07B9FC;
            padding: 10px;
            margin-bottom: 8px;
            margin-right: 7px;
            border-radius: 50%;
        }

@media screen and (max-width: 767px) {
    .small-banner-overlay {
        width: 100%;
    }

        .small-banner-overlay h1 {
            font-size: 4em !important;
        }

        .small-banner-overlay li span {
            padding: 5px;
            margin-left: -10px;
            margin-bottom: 0px;
        }
}


/* main-content block */

.grid-block {
    margin-top: 50px;
    margin-bottom: 30px;
}

.center-block {
    text-align: center;
}

.black-row {
    background: #333;
    padding: 0px;
}

    .black-row .col-sm-4 {
        background: #333;
    }

    .black-row div {
        padding: 0px;
    }

    .black-row h2, .black-row p {
        color: white;
    }

    .black-row .block-text, .grey-row .block-text {
        padding: 20px;
    }

    .black-row .mid-block {
        background: #1f272a;
    }

.grey-row {
    background: #dbdbdb;
    padding: 0px;
}

    .grey-row .col-sm-4 {
        background: #dbdbdb;
    }

    .grey-row div {
        padding: 0px;
    }

    .grey-row .mid-block {
        background: #e9e7e8;
    }

.image-block {
    min-height: 170px;
    cursor: pointer;
    text-align: center;
}

    .image-block img {
        margin-top: 20px;
    }

.cta .btn {
    width: 100%;
    padding: 25px;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.1em;
    border-radius: 0px;
}

.self-block {
    margin-bottom: 50px;
}

    .self-block h1 {
        text-transform: uppercase;
        border: none;
        padding-left: 0;
        font-size: 2.8em;
    }

    .self-block div {
        padding: 0;
    }

.self-img {
    position: relative;
    overflow: hidden;
}

    .self-img:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /*background: rgba(7, 185, 252, 0.5);*/
        background: #07b9fc;
        opacity: .92;
        transition: all .3s linear;
        display: none;
    }
/*.self-img
{
    max-height: 170px;
}*/
.item-title {
    height: 80px;
    overflow: hidden;
}

.child-page-item {
    height: 250px;
    overflow: hidden;
}

.item-title h4 {
    font-weight: normal;
}

.next-step img:hover {
    opacity: .7;
}

.plus-box {
    margin-left: auto;
    margin-right: auto;
    left: 500px;
    right: 0;
    position: absolute;
    text-align: center;
    top: 30%;
    color: white;
    font-size: 3.0em;
    font-weight: 100;
    transition: all 0.7s ease;
}

.self-hover.inner-self .plus-box {
    left: 0;
}

.plus-box-left {
    margin-left: auto;
    margin-right: auto;
    left: -700px;
    right: 0;
    position: absolute;
    text-align: center;
    top: 30%;
    color: white;
    font-size: 3.0em;
    font-weight: 100;
    transition: all 0.7s ease;
}

    .plus-box-left p, .plus-box p {
        font-family: 'Exo';
        font-size: 0.8em;
        border-bottom: 3px solid;
        display: inline-block;
    }

.self-hover.inner-self .plus-box-left {
    left: 0;
}

.self-hover.inner-self .self-img:before {
    display: block;
}

.inner-self {
    border: solid 1px #cdcdcd;
    transition: all 0.4s ease;
    cursor: pointer;
}

    .inner-self .self-text {
        padding: 0 20px;
        height: 130px;
        overflow: hidden;
    }

.self-text h2 {
    color: #07b9fc;
}

.self-hover.inner-self {
    background: #333;
    color: white;
}

    .self-hover.inner-self h2 {
        color: #fff;
    }

/* Register */

.register-form {
    background: #07B9FC;
    padding-bottom: 15px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

    .register-form h2, .register-form p, .register-form label {
        color: #fff;
    }

    .register-form .btn {
        background: #fff;
        color: #07b9fc;
    }

.register-img img {
    max-width: 100%;
}

.register-img .reg {
    border: solid 1px#cdcdcd;
    height: 383px;
    border-radius: 50px 0px;
    object-fit: cover;
}

.register-img {
    position: relative;
}

    .register-img .featured {
        position: absolute;
        left: 0px;
        top: -40px;
        pointer-events: none;
    }

        .register-img .featured .featured-job {
            width: 300px;
            top: -40px;
            left: -30px;
            position: relative;
            z-index: 0;
        }

        .register-img .featured h2 {
            color: #fff;
            position: relative;
            top: 80px;
            right: -6px;
            z-index: 1;
        }

.register-box {
    position: fixed;
    bottom: 0px;
    z-index: 1;
    background: #e3e4e4;
    width: 350px;
    right: -6600px;
    padding: 15px;
    border-top: solid 1px #ec008c;
    border-left: solid 1px #ec008c;
    transition: all ease 3s;
    -webkit-box-shadow: -1px -1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: -1px -1px 3px 0px rgba(0,0,0,0.75);
}

.register-move {
    right: 0px;
}

.close-register {
    margin-right: 5px;
    top: 2px;
}

@media screen and (max-width: 767px) {
    .register-form {
        padding-top: 15px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 360px) {
    .register-box {
        width: 100%;
        border-left: none;
    }
}

/* create your profile */
.offer-block label {
    font-size: 16px;
}

.photo-block {
    height: 300px;
    width: 200px;
    border: solid 1px #cdcdcd;
    background-color: #fff;
    margin-bottom: 30px;
}

/* register modal */

.modal-content {
    border-radius: 20px 0px;
    border: solid 2px #07b9fc;
    padding: 10px;
    width: 500px;
    background: rgb(236, 236, 236);
}

.modal-content-hidden {
    visibility: hidden;
}

.modal-content h2 {
    text-align: center;
}

.modal-content a {
    display: inherit;
    margin-top: 20px;
}





/*footer styles*/

footer {
}

/*bx-slider*/

.bx-wrapper {
    max-width: 100% !important;
    margin: 0 !important;
}

.bx-viewport {
    height: 100px !important;
    background: #DBDBDB !important;
    border: none !important;
    box-shadow: none !important;
}

.jet-black {
    background: #181d20;
    padding: 10px 0px;
}

    .jet-black div {
        padding: 0;
    }

.first-footer {
    padding-bottom: 50px;
    padding-top: 30px;
}

    .first-footer h2 {
        text-transform: uppercase;
        font-size: 2em;
        margin-bottom: 30px;
    }

    .first-footer h3 {
        color: #fff;
    }

    .first-footer .col-sm-4 {
        padding: 0px 20px;
    }

.social {
    padding-left: 0px;
    cursor: pointer;
}

    .social li {
        display: inline-block;
        margin-right: 15px;
        margin-top: 15px;
        cursor: pointer;
    }

.footer-right {
    text-align: right;
    margin-top: 20px;
}

    .footer-right .title-right {
        margin-right: 20px;
    }

    .footer-right a {
        margin-right: 20px;
        color: white;
        font-weight: 600;
        font-size: 1.1em;
        text-transform: lowercase;
    }

.copyright {
    color: #fff;
    margin-top: 25px;
    text-align: left;
}

    .copyright a {
        color: #fff;
    }

.partners {
    margin: auto;
    list-style: none;
    padding: 20px;
}

    .partners li {
        display: inline-block;
        margin-right: 45px;
        margin-bottom: 15px;
    }

.news-events {
    margin-bottom: 20px;
}

.first-footer .news-events p a {
    color: #fff;
}

.social img {
    width: 30px;
}

.no-marg img {
    max-width: 100%;
}

/* swing out nav */

.swing-nav {
    visibility: hidden;
    position: fixed;
    width: 400px;
    right: -400px;
    top: 130px;
    background: rgb(179, 231, 251);
    z-index: 1050;
    transition: all ease 1s;
}

/*.out {
  visibility: visible;
  right: 15%;
  top: 70px;
}*/

.out {
    visibility: visible;
    right: 0;
    top: 130px;
}

.inner-swing-nav ul {
    padding-left: 0px;
}

    .inner-swing-nav ul li {
        list-style: none;
    }

        .inner-swing-nav ul li a {
            font-family: 'Exo', sans-serif;
            text-transform: uppercase;
            display: block;
            padding: 20px 20px 20px 20px;
            color: #333;
            border-bottom: solid 1px #fff;
            font-weight: 700;
            transition: all .2s ease;
            background: #fff;
        }

            .inner-swing-nav ul li a span {
                float: right;
            }

            .inner-swing-nav ul li a:hover {
                background: #07b9fc;
                color: #fff;
            }

.swing-nav-head {
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}

    .swing-nav-head p span {
        background: #07b9fc;
        color: #fff;
        font-size: 2.0em;
        padding: 8px 8px;
        display: inline-block;
        margin-top: 20px;
        margin-left: 16px;
        border-radius: 2px;
        cursor: pointer;
        top: 3px;
    }


    .swing-nav-head p {
        font-family: 'Exo';
        text-align: right;
        margin-right: 20px;
        position: relative;
    }

.close-menu {
    position: relative;
    transition: all ease 2s;
}



.active-drop {
    color: #fff !important;
    background: #07b9fc !important;
}

.dropdown {
    /*max-height: 0px;*/
    overflow: hidden;
    background: #fff;
    transition: all 1s ease;
}

    .dropdown li {
        border-bottom: solid 1px #cdcdcd;
    }

.inner-swing-nav .dropdown li a:hover {
    background: #fff;
    color: #007889;
}

.drop-display {
    max-height: 1000px;
}

.drop-out .dropdown {
    max-height: auto;
}

.open, .open:hover {
    background: #fff !important;
    color: #fff !important;
    max-height: 1000px;
}

.swing-logo {
    padding: 5px;
    width: 260px;
    display: inline-block;
}

    .swing-logo img {
        max-width: 100%;
    }


.swing-nav-footer {
    position: relative;
    padding: 20px;
}

    .swing-nav-footer input::placeholder-shown {
        color: #07b9fc !important;
        font-weight: 700;
    }

    .swing-nav-footer input::-webkit-input-placeholder {
        color: #07b9fc !important;
        font-weight: 700;
    }

    .swing-nav-footer input:-moz-placeholder { /* Firefox 18- */
        color: #07b9fc !important;
        font-weight: 700;
    }

    .swing-nav-footer input::-moz-placeholder { /* Firefox 19+ */
        color: #07b9fc !important;
        font-weight: 700;
    }

    .swing-nav-footer input:-ms-input-placeholder {
        color: #007889 !important;
        font-weight: 700;
    }

    .swing-nav-footer .form-control {
        height: 44px;
    }

    .swing-nav-footer button {
        background: none;
        border: none;
    }

    .swing-nav-footer span {
        position: absolute;
        top: 30px;
        right: 0;
        margin-right: 40px;
        font-weight: 900;
        font-size: 20px;
    }


.swing-nav-social {
    padding: 0px 0px 10px 20px;
}

    .swing-nav-social .social {
        margin-bottom: 0;
    }









/*[------------
Apprentice Landing*/

.border {
    border-bottom: solid 2px #07b9fc;
}

.c-change {
    background: #181d20;
}

.breadcrumb {
    background: none;
    padding: 0px;
    margin-bottom: 0px;
}

.bread-2 {
    padding-bottom: 30px !important;
}

.black-row .breadcrumb {
    padding-left: 25px;
    padding-right: 25px;
}

.black-row .bread-right {
    text-align: right;
    padding: 40px 0px 0px;
}

.bread-left a {
    color: white;
}

.bread-left h2 {
    margin-top: 13px;
}

.bread-left p {
    color: #07b9fc;
}

.appr-slider {
    overflow: hidden;
}

    .appr-slider .carousel-caption {
        padding-top: 210px;
    }

        .appr-slider .carousel-caption h4 {
            margin-top: 0px;
            font-size: 3.2em;
            text-transform: uppercase;
            color: #07b9fc;
        }

        .appr-slider .carousel-caption ul {
            padding-left: 0;
            list-style: none;
            font-weight: 300;
            margin-top: 40px;
        }

            .appr-slider .carousel-caption ul li {
                margin-bottom: 10px;
            }

            .appr-slider .carousel-caption ul span {
                border-radius: 45%;
                color: #333;
                background-color: #07b9fc;
                padding: 3px;
                margin-right: 5px;
                font-size: 0.8em;
                top: -1px;
            }

.appr-car-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 20%;
}

    .appr-car-footer p {
        color: #fff;
        font-size: 2em;
    }



.grey-back {
    background: #ecf0f1;
}

.appr-intro div {
    padding: 0;
}

/*.reach img {
  margin-top: 40px;
}*/
/* Appr Grid*/

.black-row div .blue-hover {
}

.blue-hover img {
    max-width: 100%;
}

.blue-hover {
    cursor: pointer;
}

.bh-inner {
    position: relative;
}

.blue-hover h4 a {
    color: #333 !important;
}

    .blue-hover h4 a:hover {
        color: #00788A !important;
    }



.bh-over {
    position: absolute;
    width: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #333;
    overflow: hidden;
    transition: all ease .3s;
    border: none;
}

.active .bh-over {
    width: 44px;
    border-left: solid #222222 10px;
}

.bh-over ul {
    padding: 0;
    position: absolute;
    bottom: -15px;
    list-style: none;
    color: white;
    left: -20px;
}

    .bh-over ul li {
        padding-left: 20px;
        margin-left: 0px;
    }

.bh-over a {
    display: block;
    color: white;
}

.bh-over ul span {
    padding: 9px;
    font-size: 1em;
}

    .bh-over ul span:hover {
        background: #222222;
    }

.glyphicon-link {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.bh-inner:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 120, 137, 0.8);
    transition: all .5s ease;
}

.active .bh-inner:before {
    display: block;
}

.end-of-grid img:hover {
    opacity: .8;
}

.appr-block .inner-self.self-hover {
    background: transparent;
}

.appr-block a {
    color: #333;
}

.appr-block .plus-box-left, .appr-block .plus-box {
    top: 20%;
}

.appr-block .inner-self {
    border: none;
}

.appr-block {
    padding: 0;
}

    .appr-block h4 {
        text-transform: uppercase;
        font-size: 1.5em;
    }

    .appr-block .active h4 {
        color: #007889;
    }

    .appr-block .row {
        margin-bottom: 30px;
    }

.appr-intro {
    padding-top: 40px;
}

    .appr-intro h1 {
        margin-top: 0px;
    }

.formatted-title-container h4 {
    font-weight: normal;
}

.black-row .need-help {
    padding-bottom: 50px;
}

.black-row h1 {
    color: white;
}

.need-help h4 {
    color: #fff;
    text-transform: uppercase;
    max-width: 130px;
    margin: auto;
    margin-top: 10px;
}

.learn-blocks {
    position: relative;
    margin-top: 30px;
}

    .learn-blocks a {
        color: #fff;
    }

    .learn-blocks h4 a:hover {
        opacity: 1;
    }

.hover-state .btn {
    color: #333;
}

.block-text {
    cursor: pointer;
    text-align: center;
}

.learn-blocks img {
    max-width: 100%;
}

.learn-blocks a {
    display: block;
}

    .learn-blocks a:hover {
        opacity: 0.7;
    }

.arrow {
    position: absolute;
    right: -70px;
    top: 50px;
}

    .arrow img {
        max-width: 100%;
    }


.appr-slider .item:before {
    display: none;
}



.sep-out .left {
    position: absolute;
    width: 500px;
    height: 100%;
    right: 0;
    background: #fff315;
    z-index: -1;
}

.sep-out .right {
    position: absolute;
    width: 400px;
    height: 100%;
    left: 0px;
    z-index: -1;
    background: #007889;
    z-index: -1;
}

.sep-out {
    overflow: hidden;
    position: relative;
}

.appr-sep-2 {
    position: relative;
    z-index: 1;
    max-height: 110px;
    overflow-x: hidden;
}

    .appr-sep-2 .left {
        position: absolute;
        width: 400px;
        height: 100%;
        left: -400px;
        background: #007889;
        z-index: 0;
    }

    .appr-sep-2 .right {
        position: absolute;
        width: 400px;
        height: 100%;
        right: -400px;
        background: #fff315;
        z-index: 0;
    }

.sep-logo {
    padding: 10px 10px 0px 10px;
    background: #fff;
}

.sep-2-text {
    background: #dbdbdb;
    padding: 12px;
    cursor: pointer;
}

    .sep-2-text a {
        color: #333;
    }

.sep-info {
    margin-right: -15px;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 26px;
}

.sep-2-text h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px;
}

.sep-2-text p {
    margin-left: 10px;
}

.colour-side {
    background: #07b9fc;
    padding: 0;
}

    .colour-side.blue {
        background-color: #07b9fc;
        height: 60px;
    }

    .colour-side.pink {
        background-color: #ec008c;
    }

    .colour-side.orange {
        background-color: #ffb300;
    }

    .colour-side.green {
        background-color: #9af000;
    }

    .colour-side.purple {
        background-color: #a577f7;
    }

    .colour-side.yellow {
        background-color: #fee020;
    }

    .colour-side h3 {
        color: white;
        text-transform: uppercase;
        margin: 0;
        display: inline-block;
        max-height: 60px;
        position: relative;
        top: -4px;
        font-size: 2rem;
    }

    .colour-side span {
        background: black;
        font-size: 1.0em;
        padding: 20px;
        margin-right: 10px;
        position: relative;
        top: 4px;
        max-height: 60px;
        height: 60px;
    }

.grey-side {
    padding: 0;
}

    .grey-side h3 {
        margin-top: 5px;
        text-transform: uppercase;
    }

    .grey-side .heavy {
        font-weight: 900;
    }

    .grey-side p, .grey-side a {
        text-transform: uppercase;
        font-family: 'Exo', sans-serif;
        font-size: 1.1em;
        color: #333;
        position: relative;
        top: -4px;
    }

        .grey-side a:hover {
            opacity: .6;
        }

.sep-1left {
    height: 60px;
    width: 50%;
    background: #e1e1e1;
}

.sep-1right {
    height: 60px;
    width: 50%;
}


    .sep-1right.blue {
        background-color: #07b9fc;
    }

    .sep-1right.pink {
        background-color: #ec008c;
    }

    .sep-1right.orange {
        background-color: #ffb300;
    }

    .sep-1right.green {
        background-color: #9af000;
    }

    .sep-1right.purple {
        background-color: #a577f7;
    }

    .sep-1right.yellow {
        background-color: #fee020;
    }

.appr-sep-1 {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.green-side {
    background: #9af000;
}




/*[------------
Apprentice Detail*/

.acc-con {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
    background: #E1E1E1;
    margin-bottom: 80px;
    position: relative;
}

    .acc-con .splatter {
        pointer-events: none;
    }

        .acc-con .splatter img {
            pointer-events: none;
            width: 130%;
        }

    .acc-con .top-left {
        right: 70%;
        top: 10px;
    }

    .acc-con .bot-right {
        right: 100px;
    }


.panel:nth-child(odd) .panel-heading {
    color: #fff;
    background-color: #07b9fc !important;
    border: none;
}

.panel:nth-child(even) .panel-heading {
    color: #fff;
    background-color: rgba(7, 185, 252, 0.7) !important;
    border: none;
}

.panel-heading h4 {
    text-transform: uppercase;
}

.panel-heading {
    padding: 0;
}

.event-booking-form .panel-title,
.panel-title a {
    display: block;
    padding: 10px 5px;
}

.panel-group {
    margin-bottom: 0px;
}

    .panel-group .panel-heading span {
        float: right;
        border: solid 2px;
        border-radius: 50%;
        padding: 4px 2px 1px 2px;
        margin-bottom: 5px;
        top: -3px;
    }

    .panel-group .glyphicon-triangle-bottom {
        display: none;
    }

    .panel-group .collapsed .glyphicon-triangle-bottom {
        display: block;
    }

    .panel-group .glyphicon-triangle-top {
        display: block;
    }

    .panel-group .collapsed .glyphicon-triangle-top {
        display: none;
    }

.panel-body p {
}

.vid-img {
    float: right;
    width: 50%;
    margin-left: 40px;
}

    .vid-img iframe {
        width: 100%;
        height: 320px;
    }

    .vid-img img {
        width: 100%;
    }

.appr-intro .detail-block {
    padding-bottom: 60px;
}

.detail-block ul {
    padding-left: 0px;
    list-style: none;
}

    .detail-block ul span {
        background: #9af000;
        font-size: 1em;
        padding: 2px 2px 2px 2px;
        color: #ECF0F1;
        border-radius: 50%;
        margin-right: 10px;
    }

    .detail-block ul li {
        margin-bottom: 10px;
        color: #fff;
    }

.detail-block h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.detail-lead {
    font-weight: 700;
    margin-bottom: 30px;
}

.learn-blocks p {
    text-transform: uppercase;
}

.btn-green {
    background: #9af000;
}

.ap-det-slider {
}

.above {
    position: relative;
    z-index: 10;
}

.ap-det-slider .carousel-caption {
    width: 100%;
    position: absolute;
    left: 0px;
    height: 90px;
    background: rgba(51, 51, 51, .8);
    padding-top: 0;
}

.ap-det-slider .caption-box {
    display: inline-block;
    max-width: 520px;
    margin-left: 39%;
    margin-top: 7px;
}


.only-mob {
    display: none;
}


.la-slide ul li, .ap-slide ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 25px;
}

    .la-slide ul li span, .ap-slide ul li span {
        position: absolute;
        left: 0;
        top: -6px;
    }


/* button flip  */


.outer {
    float: right;
    width: 160px;
    position: relative;
    top: -15px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.card {
    border-radius: 15px 0px;
    padding: 10px;
    width: 260px;
    height: 52px;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    display: block;
}

    .card div {
        border-radius: 15px 0px;
        display: block;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: black;
        position: absolute;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .card div a {
            font-family: 'Exo', sans-serif;
            color: white;
            display: block;
            padding: 15px 20px;
            width: 260px;
            font-size: 1.5em;
        }

    .card .front {
        background: #07b9fc;
    }

.front.lime-flip {
    background: #9af000;
}

.card .back {
    background: #fff;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

    .card .back a {
        color: #333;
    }

.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.banner-btn {
    border-radius: 15px 0px;
    padding: 10px;
    width: 260px;
    height: 52px;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    display: block;
}

    .banner-btn div {
        border-radius: 15px 0px;
        display: block;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: black;
        position: absolute;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .banner-btn div a {
            font-family: 'Exo', sans-serif;
            color: white;
            display: block;
            padding: 15px 20px;
            width: 260px;
            font-size: 1.5em;
        }

    .banner-btn .front {
        background: #07b9fc;
    }

.ap-slide .talk-box {
    margin-top: -80px;
}

.la-slide ul, .ap-slide ul {
    list-style: none;
    margin-top: 20px;
    padding-left: 0px;
}

    .la-slide ul li span, .ap-slide ul li span {
        background: #07B9FC;
        padding: 10px;
        margin-bottom: 8px;
        margin-right: 7px;
        border-radius: 50%;
    }

.ap-details {
    margin-top: 0px;
}

    .ap-details p {
        font-size: 2.6em;
    }

.ap-slide .carousel-control {
    width: 40px;
}

@media screen and (max-width: 1200px) {
    .carousel-caption .ap-details {
        margin-top: 0px;
    }

    .la-slide ul, .ap-slide ul {
        list-style: none;
        margin-top: 20px;
        padding-left: 0px;
    }

        .la-slide ul li span, .ap-slide ul li span {
            padding: 8px;
        }

        .la-slide ul li, .ap-slide ul li {
            margin-bottom: 15px;
        }
}

.body-text {
    padding: 20px 5px;
}

    .body-text p {
        text-transform: none;
        margin-bottom: 20px;
        font-size: 1.8em;
    }

.ap-slide .life-img img, .la-slide .life-img img {
    position: absolute;
    opacity: .4;
}

.main-cta {
    padding: 30px 0px;
}

    .main-cta .outer {
        display: inline-block;
        float: none;
    }

.li-sml {
    display: block !important;
}

    .li-sml h2 {
        text-align: left !important;
        position: relative;
        top: -10px;
    }

    .li-sml img {
        position: absolute;
        top: -100px;
    }

.ap-slide h2 {
    font-size: 3em;
    width: auto;
    text-align: right;
}

.ap-slide .carousel-caption {
    padding-top: 10px;
}




/*[------------
Apprentice Zone*/

.banner {
    width: 100%;
    background-image: url('images/banner.jpg');
    height: 600px;
    text-align: center;
    position: relative;
}

    .banner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 120, 137, 0.2);
        transition: all .3s linear;
    }

.banner-text {
    margin-top: 70px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    /*width: 50%;*/
    max-width: 950px;
    display: inline-block;
    color: white;
    /*background: rgba(51, 51, 51, 0.91);*/
    z-index: 48;
    /*border: solid 1px rgba(24, 29, 32, 0.36);*/
    padding: 50px 50px 10px 50px;
}

    .banner-text h2 {
        font-size: 3.2em;
    }

    .banner-text h3 {
        color: #fff;
        font-size: 2.7em;
    }

    .banner-text p {
        margin-bottom: 40px;
    }

    .banner-text .lead {
        margin-bottom: 10px;
    }

.mega-btn {
    cursor: pointer;
    color: white;
    font-weight: 900;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 20px 20%;
    background: #07b9fc;
    display: inline-block;
    border-radius: 15px 0px;
    font-family: 'Exo', sans-serif;
}

    .mega-btn.smaller-btn {
        padding: 15px 5%;
        margin: 0px 1%;
    }

span.mega-btn a {
    cursor: pointer;
    color: white;
    font-weight: 900;
    font-size: 1em;
    text-transform: uppercase;
    background: #07b9fc;
    display: inline-block;
    border-radius: 15px 0px;
    font-family: 'Exo', sans-serif;
}



.Pink .mega-btn,
.Pink span.mega-btn a {
    background: #ec008c;
}

.Yellow .mega-btn,
.Yellow span.mega-btn a {
    background: #fee020;
}

.Purple .mega-btn,
.Purple span.mega-btn a {
    background: #a577f7;
}

.Orange .mega-btn,
.Orange span.mega-btn a {
    background: #ffb300;
}

.Lime .mega-btn,
.Lime span.mega-btn a {
    background: #9af000;
}





.banner-text .form-group {
    width: 70%;
}

.banner-text .form-inline {
    margin-bottom: 30px;
}

.banner-text .form-control {
    width: 100%;
    height: 42px;
    border-radius: 0px;
    margin-right: 6px;
}

.mega-btn:hover {
    text-decoration: none;
    color: #fff;
}

.appr-zone-intro {
    padding-top: 70px;
}

.big-number {
    font-size: 6em;
    font-weight: 900;
    line-height: 1em;
}

.quote {
    font-size: 120px;
    position: absolute;
    color: #07b9fc;
    top: -70px;
    left: -30px;
}

.testimonial-block {
    margin-bottom: 50px;
    margin-top: 100px;
}

    .testimonial-block p {
        padding-left: 80px;
        font-size: 1.8em;
    }

.sign-off {
    font-style: italic;
}

.test-pro img {
    max-width: 100%;
}

.test-link {
    text-align: center;
}

    .test-link .mega-btn {
        font-size: 1em;
        margin-top: 20px;
    }

.test-outer {
    padding-top: 25px;
    border-top: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
    background: #f4f4f4;
}

.rev {
    padding-bottom: 50px;
    padding-top: 30px;
}

.end-block {
    padding: 50px 0;
}

.end-img {
    border: solid 1px#cdcdcd;
    padding: 10px;
}

    .end-img img {
        max-width: 100%;
    }

.level-up {
    padding-bottom: 30px;
}

    .level-up img {
        max-width: 70px;
    }

    .level-up .col-sm-4 {
        padding: 0 20px;
    }

    .level-up h2 {
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .level-up ul {
        margin-bottom: 30px;
    }

.vacancy-block {
    padding: 30px 0;
}

    .vacancy-block .test-outer {
        padding-bottom: 60px;
    }

    .vacancy-block label {
        font-size: 1.5em;
        margin-right: 15px;
    }

    .vacancy-block .form-inline {
        margin-bottom: 40px;
    }

    .vacancy-block .form-control {
        height: 42px;
        border-radius: 0px;
        margin-right: 6px;
        position: relative;
        top: -3px;
    }

.no-pad {
    padding: 0;
}

.vac-box {
    background: #dbdbdb;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
    /*overflow: hidden;*/
    border: solid 1px #cdcdcd;
}

    .vac-box h2 {
        color: #333;
        font-size: 1.7em;
    }

.view-vac {
    font-family: 'Exo', sans-serif;
    font-weight: 800;
    background: #14A7D2;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0px;
    padding: 10px;
    margin-top: 15px;
    font-size: 1.6em;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0px 0px 20px 20px;
}

    .view-vac a {
        color: #fff;
    }

.bottom-cta {
    padding-top: 30px;
}

.advice-btn {
    position: relative;
}

    .advice-btn:before {
        content: '';
        background-image: url(../images/media/speech.png);
        position: absolute;
        background-size: 100% 100%;
        width: 36px;
        height: 36px;
        right: 20px;
        top: 12px;
    }

.vac-head a {
    color: #fff;
}

.display-filter {
    margin-bottom: 30px;
}

    .display-filter .form-control {
        margin-left: 10px;
        border-radius: 0px;
    }

    .display-filter h2 {
        margin-top: 0;
    }


.profile-form textarea {
    height: 100px;
}

@media screen and (max-width: 767px) {
    .display-filter .form-control {
        margin-left: 0px;
    }
}


/*[------------
Vacancy Listing*/

.vacancy-intro {
    margin-bottom: 20px;
}

.filter-nav {
    border: solid 1px #cdcdcd;
    background: #f4f4f4;
    margin-bottom: 30px;
    transition: all ease 1s;
}
.filter-opennav {
    border: solid 1px #cdcdcd;
    background: #f4f4f4;
    margin-bottom: 30px;
    transition: all ease 1s;
}


.checkbox-list {
    list-style: none;
    padding-left: 0px;
}

input[type="checkbox"] {
    margin: 0;
    position: absolute;
    left: 17px;
    margin-top: 4px;
}

.checkbox-list label {
    padding-left: 20px;
}

.vac-list {
    padding: 0;
}

    .vac-list .vac-box {
        text-align: left;
        margin-bottom: 20px;
    }

.pagination {
    font-size: 1.6em;
    padding-right: 10px;
    float: right;
}

    .pagination li a {
        border: 0;
        background: none;
        color: #07b9fc;
        font-size: 0.65em;
    }

    .pagination li.selected a {
        font-weight: bold;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 7px;
    }

    .pagination li {
        float: left;
    }

.filter-nav h3 .fa {
    display: none;
}
.filter-opennav h3 .fa {
    display: none;     
}

.featured-news span {
    font-size: 30px;
    position: relative;
    top: 6px;
    margin-right: 8px;
}




@media screen and (max-width: 767px) {
    .filter-nav {
        max-height: 60px;
        overflow: hidden;
    }

        .filter-nav h3 .fa {
            display: inline-block;
            float: right;
        }

    .filter-opennav h3 .fa {
        display: inline-block;
        float: right;
    }

}


.open-filter {
    max-height: 1000px;
}

.vac-cta {
    margin-bottom: 30px;
}

.featured {
    position: absolute;
    right: -80px;
    top: -90px;
    pointer-events: none;
}

    .featured h2 {
        color: #fff;
        position: relative;
        top: 90px;
        right: -18px;
    }

@media screen and (max-width: 500px) {
    .featured {
        right: -50px;
        top: 0px;
    }

        .featured img {
            max-width: 100px;
        }

        .featured h2 {
            display: none;
        }
}

/*[------------
Vacancy Detail*/

.vacancy-intro {
    margin-top: 30px;
}

    .vacancy-intro h3 {
        font-size: 2em;
    }

.vac-head {
    position: relative;
    margin-bottom: 20px;
    background: #07B9FC;
    padding: 10px 20px;
    color: white;
}

.vac-body {
    padding: 0px 20px 40px 20px;
}

.vacancy-intro-full .col-sm-6 {
    padding: 0;
}

    .vacancy-intro-full .col-sm-6 ul {
        list-style: none;
        padding-left: 0;
        margin-top: 20px;
    }

.vacancy-intro-full {
    border: solid #cdcdcd 1px;
    margin-top: 30px;
    padding: 0;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}

.back-btn-row {
    margin-top: 20px;
}

.related-apprentice-block {
    padding-bottom: 50px;
}

.talk-feature {
    position: absolute;
    max-width: 50px;
    bottom: 10px;
    right: 10px;
}

/*[------------
Content Page*/

.content-page {
    padding-top: 30px;
    padding-bottom: 60px;
}

.add-bot-border {
    border-bottom: solid 1px #cdcdcd;
}

.related-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 120, 137, 0.2);
    transition: all .3s linear;
}

.related-block {
    overflow: hidden;
    margin-bottom: 30px;
}

    .related-block img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .related-block h2 {
        color: white;
        background: #07B9FC;
        z-index: 1;
        position: relative;
        padding: 10px;
        margin: 160px -10px -10px -10px;
        min-height: 70px;
    }

    .related-block p {
        color: white;
        background: #07B9FC;
        z-index: 1;
        position: relative;
        margin: -10px -10px;
        padding: 10px;
    }

        .related-block p a {
            font-weight: 900;
            color: white;
        }

@media screen and (max-width: 767px) {
    .related-block img {
        max-width: none;
        width: 100%;
    }

    .related-block h2 {
        margin-top: 220px;
    }

    .related-block p {
        margin: -30px -10px -10px;
    }
}

/*sidebar*/

.sidebar {
    padding-top: 30px;
}

    .sidebar .blue {
        background: #07b9fc;
        color: white !important;
        padding: 10px;
    }

    .sidebar section {
        margin-bottom: 20px;
    }

        .sidebar section:first-child {
            margin-top: 30px;
        }

    .sidebar .list ul {
        padding-left: 0;
        list-style: none;
    }

    .sidebar .list a {
        padding: 10px;
        background: #07B9FC;
        color: white;
        border: solid 1px #07B9FC;
        display: block;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .sidebar .list a:hover {
            padding: 10px;
            color: #07B9FC;
            border: solid 1px #07B9FC;
            background: transparent;
            display: block;
        }

    .sidebar .related-block img {
        z-index: 0;
    }

    .sidebar .list .fa {
        float: right;
        position: relative;
        top: 5px;
    }

.desk-hide {
    display: none;
}

.stripe-hide {
    display: none;
}

@media screen and (max-width: 767px) {
    .menu-switch {
        overflow: hidden;
        max-height: 42px;
        transition: all ease 1s;
    }

    .menu-switch-toggle {
        max-height: 1000px;
    }

    .desk-hide {
        display: block;
    }
}



/*[------------
Course Selection*/

.course-refine li a {
    border: solid 2px;
    border-radius: 0px;
    background: transparent;
    margin-bottom: 4px;
}

    .course-refine li a:hover, .course-refine .nav-tabs > li.active > a {
        background: #07B9FC;
        color: #fff;
        border: solid 2px #07B9FC;
    }

.course-refine p:last-child {
    margin-bottom: 30px;
}

.course-refine .nav-tabs {
    border: none;
}

.course-refine h1 {
    margin-bottom: 30px;
    margin-top: 0px;
}

.course-refine .tab-pane {
    margin-top: 40px;
    margin-bottom: 30px;
}

.course-block {
    padding: 20px;
    border: solid 1px #cdcdcd;
    margin-bottom: 30px;
    position: relative;
    min-height: 440px;
    max-height: 440px;
}

@media screen and (max-width: 1199px) {
    .course-block {
        min-height: 510px;
        max-height: 510px;
    }
}

@media screen and (max-width: 992px) {
    .course-block {
        min-height: 530px;
        max-height: 500px;
    }
}

@media screen and (max-width: 991px) {
    .course-block {
        min-height: 490px;
        max-height: 460px;
    }

        .course-block h3 {
            min-height: 60px;
        }
}

@media screen and (max-width: 767px) {
    .course-block {
        min-height: initial;
        max-height: initial;
    }

        .course-block h3 {
            min-height: initial;
        }

        .course-block .read-more {
            position: relative !important;
            bottom: 0 !important;
        }
}

.course-block:nth-of-type(even) {
    background: rgba(7, 185, 252, 0.09);
}

.course-block:nth-of-type(odd) {
    background: rgba(7, 185, 252, 0.09);
}

.course-refine .course-block h3 {
    margin-top: 0px;
}

.course-refine .tabpanel p:last-child {
    margin-bottom: 30px;
}

.course-block .read-more {
    text-align: center;
    margin-top: 20px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.course-refine .tab-intro {
    margin-bottom: 30px;
}

.course-refine .tab-pane {
    padding: 0;
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
    .course-block h3 {
        min-height: 80px;
    }
}

/*[------------
Course Detail*/

#carousel-endorsements .carousel-indicators li {
    border: 2px solid #333;
}

#carousel-endorsements .carousel-indicators .active {
    background-color: #333;
}

#carousel-endorsements .item:before {
    display: none;
}

.pin-text {
    border-bottom: solid 5px #07B9FC;
    padding: 15px 0px 0px 0px;
    margin-bottom: 20px;
}

    .pin-text span {
        text-align: right;
    }

.btn-inline {
    margin-bottom: 30px;
}

    .btn-inline .btn-default {
        font-size: 1.6em;
        display: inline-block;
        margin-right: 7px;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

.course-discount {
    background: #dbdbdb;
    color: #333;
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}

    .course-discount p {
        font-size: 1.8em;
    }

.content-page .center-block {
    width: 100%;
}

    .content-page .center-block a {
        font-size: 1.6em;
    }

.price-right {
    text-align: right;
}

.small-banner-overlay .pink-title {
    color: #EC008C;
}

.small-banner-overlay .pink li span {
    background: #EC008C;
}

.qualification-btns .btn {
    width: 40%;
    margin-right: 10px;
    padding: 15px;
}

.qualification-btns {
    text-align: center;
}

@media screen and (max-width: 540px) {
    .qualification-btns .btn {
        width: 100%;
        margin-right: 0px;
    }
}


/*[------------
Contact Us*/

.contact-form {
    padding: 50px 0;
    margin-bottom: 30px;
    z-index: 1;
}

    .contact-form label {
        font-size: 1.6em;
    }

    .contact-form input {
        border-radius: 0px;
    }

    .contact-form textarea {
        width: 100%;
        border: solid 1px #cdcdcd;
    }

    .contact-form .intro {
        margin-bottom: 40px;
    }

    .contact-form .form-control {
        border-radius: 0px;
        margin-bottom: 20px;
    }

.map {
    position: relative;
    margin-bottom: 10px;
}

.address-box p {
    margin-bottom: 0px;
}

    .address-box p:first-child {
        font-size: 1.7em;
        font-weight: 700;
    }


.address-box {
    background: #07B9FC;
    color: white;
    padding: 15px;
    font-size: 1.1em;
    margin-bottom: 5px;
    border-radius: 0px 40px 0px 0px;
    /*margin-top: 10px;*/
}

.dir {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .contact-form {
        margin-right: 15px;
        margin-left: 15px;
    }

        .contact-form .col-sm-6 {
            margin-bottom: 30px;
        }
}

.contact-form .nav-tabs {
    border-bottom: none;
}

    .contact-form .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #FFF;
        background-color: #07B9FC;
    }

    .contact-form .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: solid #07b9fc;
    }

    .contact-form .nav-tabs > li > a {
        border: none;
    }

/*[------------
Video Wall*/

.video-wall {
    margin: 50px -15px;
}

    .video-wall .col-sm-3 {
        margin-bottom: 30px;
    }

    .video-wall h2 {
        margin-top: 0px;
        background: #07B9FC;
        padding: 4px;
        color: white;
        margin-bottom: 0;
        min-height: 54px;
    }

.vid-embed {
    padding: 5px;
    border: solid 1px #cdcdcd;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

    .vid-embed img {
        cursor: pointer;
        width: 100%;
    }

.vid-mod {
    border-radius: 0;
}

.video-block label {
    font-size: 1.5em;
    margin-right: 15px;
}

.video-block .form-inline {
    margin-bottom: 40px;
}

.video-block .form-control {
    height: 42px;
    border-radius: 0px;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

.video-wall .vid-embed .pink-title {
    background: #EC008C;
}

.video-wall .vid-embed .yellow-title {
    background: #FEE020;
    color: #333;
}

.video-wall .vid-embed .green-title {
    background: #9AF000;
    color: #333;
}


/*[-------------
Employers Zone*/

.app-enquire {
    background: #E1E1E1;
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 50px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

    .app-enquire .top-left {
        left: 0px;
        pointer-events: none;
    }

.cta-block {
    padding: 50px 0;
    text-align: center;
}

    .cta-block h2 {
        text-align: left;
    }

    .cta-block .light {
        font-weight: 100;
    }

.image-cta {
    position: relative;
}

    .image-cta img {
        max-width: 100%;
    }

.image-cta-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #07b9fc;
    transition: all ease .5s;
    opacity: 0;
    padding: 100px 20px;
    cursor: pointer;
    max-width: 500px;
    margin: auto;
}

    .image-cta-overlay h3 {
        color: white;
        border-bottom: solid 5px white;
        padding-bottom: 5px;
        display: inline-block;
    }

        .image-cta-overlay h3 a {
            color: white;
            display: block;
        }

    .image-cta-overlay:hover {
        opacity: .92;
    }

.offer-block {
    padding-bottom: 70px;
    margin-bottom: 0px;
}

.offer-block-inner {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .cta-block .col-sm-3 {
        margin-bottom: 40px;
    }

    .image-cta {
        margin-right: 10px;
        margin-left: 10px;
    }
}

/*[Booking Form---------------
----------------*/



.booking-form {
    /*padding: 0px 0px 70px 0px;*/
    padding: 0;
    margin-bottom: 25px;
}

.booking-form-apprentice {
    padding: 0px;
}

.booking-form .panel-group {
    margin-top: 5px;
    font-size: 1.2em;
}

.booking-form .radio-inline {
    margin-bottom: 20px;
}

.booking-form .panel-body {
    padding-bottom: 30px;
}

.booking-form input {
    border-radius: 0px;
    margin-top: 5px;
}

.booking-form .panel-title .fa {
    float: right;
}

.field-validation-error {
    color: #ff0000;
    font-weight: bold;
}

.required {
    float: left;
    color: #f00;
    padding-right: 5px;
}

.booking-form .panel-title .fa-chevron-down {
    display: none;
}

.booking-form .panel-title .collapsed .fa-chevron-down {
    display: block;
}

.booking-form .panel-title .fa-chevron-up {
    display: block;
}

.booking-form .panel-title .collapsed .fa-chevron-up {
    display: none;
}

.tabs .panel-title .fa-chevron-down {
    display: none;
}

.tabs .panel-title .collapsed .fa-chevron-down {
    display: block;
}

.tabs .panel-title .fa-chevron-up {
    display: block;
}

.tabs .panel-title .collapsed .fa-chevron-up {
    display: none;
}

.tabs {
    margin-bottom: 30px;
    margin-top: 20px;
}

    .tabs .fa {
        float: right;
    }

.delegate-block {
    padding: 10px;
    border: solid 1px #cdcdcd;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.booking-form .panel-body .delegate-block p {
    color: white;
    background: #50CEFD;
    margin: -10px -10px 20px -10px;
    padding: 10px;
}

.delegate-block p span {
    text-align: right;
    border: none;
}

.delegate-block p .glyphicon {
    top: 1px;
    margin-left: 5px;
}

.booking-form .address-row {
    margin-bottom: 2px;
}

.booking-form textarea {
    width: 100%;
    border: solid 1px #cdcdcd;
}

.booking-form .btn {
    margin-top: 10px;
}

.booking-details {
    margin-top: 20px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: 20px;
}

.del-add {
    margin-bottom: 0px;
}

.del-details {
    padding-bottom: 20px;
    border-bottom: solid 5px #07B9FC;
}

.booking-form .del-price {
    padding: 30px 0;
}

.booking-details .del-price p small {
    display: block;
}

.booking-form p .btn {
    font-size: 1em;
}

.booking-form select {
    border-radius: 0px;
    margin-bottom: 20px;
}

.booking-form .form-group {
    margin-bottom: 20px;
}

.number {
    text-align: left !important;
}

@media screen and (max-width: 767px) {
    .booking-form {
        margin-right: 10px;
        margin-left: 10px;
    }

    .booking-acc-2 {
        margin-right: -1px;
        margin-left: -1px;
    }
}

section .btn {
    width: 100%;
}


.newsmedialandingpage .fixed-height-block {
    min-height: 180px;
}

/*[News Listing---------------
----------------*/

.news-list .news-outer {
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.news-post img {
    max-width: 100%;
}

.news-post {
    border: solid 1px #cdcdcd;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #fff;
    margin-bottom: 15px;
}

    .news-post:nth-of-type(even) {
        background: rgba(7, 185, 252, 0.1);
    }

    .news-post:nth-of-type(odd) {
        background: #fff;
    }

    .news-post h2 {
        margin-top: 0;
    }

@media screen and (max-width: 767px) {
    .news-post img {
        width: 100%;
        margin-top: 10px;
    }
}

.featured-news {
    background: #07B9FC;
    color: white;
    margin-top: -15px;
    margin-bottom: 20px;
    padding: 6px 15px;
    font-family: 'Exo', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

/*[Gallery---------------
----------------*/
.gallery-block {
    padding: 20px 0px;
}

    .gallery-block img {
        width: 100%;
        padding: 5px;
        border: 1px solid #ccc;
        height: auto;
        background: #fff;
        box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
    }

    .gallery-block h1 {
        font-size: 3em;
        line-height: 1;
        margin-bottom: 0.5em;
    }

    .gallery-block p {
        margin-bottom: 1.5em;
    }

    .gallery-block ul {
        list-style: none;
        margin-bottom: 1.5em;
        padding-left: 0px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .gallery-block .main-image {
        width: 100%;
        margin-bottom: 0.75em;
    }

    .gallery-block .thumbnails li {
        display: inline-block;
        margin: 0 0px 10px 0;
        padding-right: 5px;
        padding-left: 5px;
    }


/*[Course Landing-------------------
-------------------*/

.courses-intro {
    margin-bottom: 20px;
}

/*[FAQ-------------------
-------------------*/

.faq {
    margin-bottom: 50px;
}



/*[Downloads-------------------
-------------------*/
.download-tabs .nav-tabs > li > a {
    border: none;
}

.contact-form .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
}

.download-tabs {
    margin-top: 30px;
}

.downloads .news-outer {
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.download-tabs.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #FFF;
    background-color: #07B9FC;
    border: none;
}

@media screen and (max-width: 767px) {
    .downloads h2 {
        margin-top: 10px;
    }
}

/*[News and Media-------------------
-------------------*/
.news-nav {
    padding-bottom: 30px;
}

    .news-nav a {
        width: 100%;
        padding: 40px;
        border-radius: 20px 0px;
        margin-top: 30px;
    }

.bottom-pad {
    padding-bottom: 50px;
}

.pink-btn-cta {
    background: #EC008C !important;
}

.yellow-btn-cta {
    background: #fee020 !important;
}

.purple-btn-cta {
    background: #a577f7 !important;
    margin-top: 20px;
}

.orange-btn-cta {
    background: #ffb300 !important;
}

.lime-btn-cta {
    background: #9af000 !important;
}
.blue-btn-cta {
    background: #07B9FC !important;
}


/* ------ Responsive styling ------------------------------ */



@media screen and (max-width:1500px) {
    .appr-slider .carousel-caption {
        font-size: 90%;
    }
}
/*end of 1500px */

@media screen and (max-width:1400px) {
    .appr-slider .carousel-caption {
        font-size: 80%;
    }

    .main-carousel .box-2 {
        font-size: 90%;
    }

    .talk-link {
        margin-bottom: 20px;
    }

    .main-title-block {
        margin-top: 80px;
    }

    .life-img img {
        top: -100px;
        left: 30px;
    }
}
/*end of 1400px */

@media screen and (max-width:1300px) {
    .appr-slider .carousel-caption {
        padding-top: 160px;
    }

    .ap-det-slider .carousel-caption {
        padding-top: 0px;
    }


    .li-sml h2 {
        top: -10px;
    }

    .ap-slide h2 {
        font-size: 2.2em;
    }

    .ap-slide .main-title-block h2 {
        width: auto;
    }
}
/*end of 1300px */


@media screen and (max-width: 1200px) {
    .appr-slider .carousel-caption h4 {
        font-size: 2.3em;
    }

    .blue-side h3, .grey-side h3 {
        font-size: 2em;
    }

    .grey-side p, .grey-side a {
        font-size: 1em;
    }

    .sep-out {
        height: 90px;
    }

    .training-info {
        margin-top: -160px;
    }
    /*HP Slider*/
    .main-title-block {
        margin-top: 20px;
    }

    .training-info {
        margin-top: -80px;
        margin-bottom: 20px;
    }

    .life-img img {
        top: -60px;
        left: 70px;
    }

    .box-2 {
        font-size: 85%;
        margin-top: -50px !important;
    }

    .carousel-control:nth-child(2) {
        margin-left: 0px;
    }

    .vid-img {
        max-width: 45%;
        margin-left: 10px;
    }

    .sep-2-text h3 {
        margin-top: 0px;
    }

    .appr-slider .carousel-caption {
        padding-top: 110px;
    }

    .ap-det-slider .carousel-caption {
        padding-top: 0px;
    }

    .carousel-caption .lead {
        font-size: 1.7em;
    }

    .main-carousel .box-2 {
        font-size: 80%;
    }

    .talk-link {
        margin-bottom: 50px;
    }

    .appr-block .plus-box-left, .appr-block .plus-box {
        top: 14%;
    }

    .acc-con .splatter img:nth-child(2) {
        float: right;
    }
}
/*end of 1200px */


@media screen and (max-width: 1110px) {
    .ban-foot-top p {
        display: none;
    }

    .ban-foot-top a span {
        padding-top: 16px;
    }

    .ban-foot-top a {
        font-size: 2.5em;
    }
}


@media screen and (max-width: 1050px) {
    .box-2 {
        display: none;
    }

    .training-info {
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .speech {
        width: 80px;
        top: 90px;
        right: -40px;
    }

    .appr-car-footer {
        position: relative;
        background: #181D20;
        width: 100%;
        margin-bottom: -10px;
        padding: 10px;
        display: inline-block;
    }

    .appr-slider .carousel-caption {
        padding-top: 20px;
    }

    .ap-det-slider .carousel-caption {
        padding-top: 0px;
    }

    .nav > li {
        font-size: 1.2em;
    }
}
/*end of 1050px */




@media screen and (max-width: 992px) {

    body {
        font-size: 90%;
    }

    .block-text h2 {
        min-height: 40px;
    }

    .mobile-bottom {
        text-align: center;
    }

    .footer-links {
        text-align: center;
    }

    .block-text h2 {
        min-height: 60px;
    }

    .arrow {
        right: -30px;
        width: 70px;
    }

    .appr-sep-2 {
        max-height: 90px;
        overflow-y: hidden;
    }

    .vid-img {
        max-width: none;
        width: 100%;
        margin-bottom: 35px;
        margin-top: 20px;
    }

    .blue-side h3, .grey-side h3 {
        font-size: 1.7em;
    }

    .sep-2-text {
        font-size: 80%;
    }

        .sep-2-text h3 {
            font-size: 1.7em;
            margin-top: 0px;
        }

    .sep-out {
        height: 70px;
    }

    .sep-info {
        padding-bottom: 21px;
        height: 100%;
    }

    .ap-det-slider .carousel-caption {
        position: relative;
        background: #222;
        border-top: solid 1px #cdcdcd;
    }

    .ap-det-slider .caption-box {
        margin-left: 1%;
    }

    .ap-det-slider .appr-car-footer {
        margin-right: 1%;
    }

    .appr-slider .carousel-caption ul {
        margin-top: 10px;
    }

    .land-control {
        position: absolute;
        right: 0;
        top: 110px;
    }

    .sep-1right, .sep-1left {
        height: 55px;
    }

    .talk-box {
        font-size: 85%;
    }

    .ban-foot-top a {
        font-size: 2.1em;
    }

    .banner-footer-right .ban-foot-bot h4 {
        font-size: 1.6em;
    }

    .plus-box, .plus-box-left {
        top: 25%;
    }

        .plus-box img, .plus-box-left img {
            max-width: 100%;
        }

    .plus-box-left, .plus-box {
        max-width: 70px;
    }

    .nav li a {
        margin-right: 2px;
    }

    .navbar-brand > img {
        max-width: 90%;
    }

    /*.main-title-block h2 {
        width: 188px;
    }*/

    .main-title-block h2 {
        width: 0;
    }

    .big-number {
        font-size: 3em;
    }

    .level-up img {
        max-width: 40px;
    }

    .la-slide .main-title-block, .ap-slide .main-title-block {
        font-size: 80%;
    }

    .la-slide .ap-details, .ap-slide .ap-details {
        font-size: 80%;
    }
    /* margin-top: -30px*/

    .body-text p {
        font-size: 1.3em;
    }

    .card div a {
        padding: 10px 20px;
        font-size: 1.1em;
    }

    .main-cta {
        padding: 10px 0px;
    }


    .video-wall h2 {
        font-size: 16px;
    }
}
/*end of 992px */




@media screen and (max-width: 767px) {

    .no-marg {
        margin-right: 0px;
        margin-left: 0px;
    }

        .no-marg .col-xs-2 {
            padding-left: 0px;
        }

    .arrow {
        display: none;
    }

    .learn-blocks {
        padding: 20px !important;
    }

    .grey-side {
        width: 100%;
        padding-left: 10px;
    }

    .copyright {
        text-align: center;
    }

    .acc-con h4 {
        font-size: 1.3em;
    }

    .acc-con {
        margin-bottom: 0px;
        position: relative;
    }

    .appr-sep-1 {
        position: relative;
        padding: 0px;
        background: #e1e1e1;
    }

    .out {
        top: 40px;
    }

    .swing-nav {
        top: 100px;
    }


    .banner-footer {
        position: relative;
    }

    .sep-1right, .sep-1left {
        display: none;
    }

    .black-row .need-help {
        padding: 15px;
    }

    .sep-logo {
        display: none;
    }

    .appr-sep-2 {
        padding: 0;
        height: 70px;
    }

    .ap-det-slider .carousel-caption {
        height: 150px;
    }

    .blue-side h3, .grey-side h3 {
        font-size: 1.6em;
    }

    .navbar-collapse.collapse {
        text-align: center;
    }

    .car-ctrl {
        position: absolute;
        top: 580px;
    }

    .speech {
        top: 70px;
        right: 0px;
    }

    .talk-link {
        margin-top: -10px;
    }

    .training-info {
        margin-bottom: 20px;
    }

    .life-img img {
        top: -20px;
        left: 110px;
    }

    .image-block {
        min-height: 0px;
    }

    .block-text h2 {
        min-height: 0px;
    }

    .image-block img {
        max-width: 20%;
    }

    .learn-blocks h4 {
        font-size: 1.6em;
        min-height: 50px;
    }

    .banner-footer {
        width: 100%;
    }

    .banner-footer-right {
        width: 100%;
    }

        .banner-footer-right .ban-foot-bot h4 {
            margin: -6px 0px 0px -10px;
        }

    .ban-foot-top {
        text-align: left;
        padding: 10px 10px 0px 10px;
    }

    .ban-foot-bot {
        text-align: left;
        padding: 5px 10px 10px 10px;
    }

    .banner-footer-right {
        position: relative;
        margin-top: -10px;
    }

    .appr-block .self-img img {
        width: 100%;
    }

    .plus-box-left, .plus-box {
        top: 30% !important;
    }

    footer .col-xs-10 p {
        margin-left: -30px;
    }

    .only-mob {
        display: block;
    }

    .ban-foot-top a {
        bottom: 12px;
    }

        .ban-foot-top a span {
            background: none;
        }

    .banner-text .form-group {
        width: 100%;
    }

    .banner-text {
        padding: 10px 50px 0px 20px;
    }

    .test-pro img {
        width: 100%;
        padding: 30px;
    }

    .end-block {
        padding: 50px 15px;
    }

    .end-img {
        margin-bottom: 30px;
    }

    .level-up {
        padding: 30px 15px;
    }

    .vac-box {
        margin-bottom: 30px;
    }

    .ap-slide .carousel-caption {
        width: 100%;
    }

    .ap-slide .life-img {
        display: none;
    }

    .ap-slide .carousel-overlay {
        width: 100%;
    }

    .la-slide .life-img {
        display: none;
    }

    .main-cta {
        padding: 0px;
    }

    .carousel-caption {
        padding-bottom: 50px;
        overflow: hidden;
    }

    .vacancy-intro-full {
        margin-right: 15px;
        margin-left: 15px;
    }

    .li-sml img {
        position: absolute;
        top: -60px;
    }

    .vid-embed img {
        width: 100%;
    }

    .small-banner-overlay h1 {
        margin-top: 10px;
    }
}
/*end of 767px */

@media screen and (max-width: 755px) {
    .navbar-nav .no-mob {
        display: none;
    }
}

/*Mobile HP Banner*/

@media screen and (max-width: 750px) {
    .first-container {
        margin-top: 49px;
    }

    .main-carousel .carousel-overlay, .main-carousel .carousel-caption {
        width: 100%;
    }

    .main-title-block {
        width: 100%;
        margin-bottom: 0;
    }

    .ap-slide .main-title-block {
        width: 100%;
        margin-bottom: 0px;
    }

    .la-slide .main-title-block {
        width: 100%;
        margin-bottom: 0px;
    }

    .life-img img {
        top: -120px;
        left: 0px;
    }

    .splatter {
        display: none;
    }

    .car-ctrl {
        top: 160px;
        right: 40px;
    }

    .talk-box {
        padding-left: 0;
        padding-bottom: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .talk-link {
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px;
    }

    .ban-foot-top {
        top: -6px;
    }

    .appr-slider .carousel-caption {
        position: relative;
        width: 100%;
        background: #181D20;
    }

    .navbar-nav .no-mob {
        display: none;
    }

    .navbar-nav {
        float: right;
        top: -140px;
        left: 40px;
    }

    .nav-container {
        max-height: 90px;
    }

    footer .col-xs-10 p {
        margin-left: -15px;
    }
}
/*end of 750px*/

@media screen and (max-width: 630px) {
    .ap-slide .carousel-caption {
        position: relative;
        background: #222;
        padding-bottom: 60px;
    }

    .ap-slide .carousel-overlay {
        display: none;
    }

    .la-slide .carousel-caption {
        position: relative;
        background: #222;
        padding-bottom: 40px;
    }

    .la-slide .carousel-overlay {
        display: none;
    }

    .stripe-hide {
        display: block;
    }

    .carousel-caption .new-nav {
        margin-top: 50px;
    }
}
/*end of 630px*/



@media screen and (max-width: 570px) {
    .supsplit {
        width: 49%;
    }

    .training-info {
        font-size: 80%;
    }

    .car-ctrl {
        top: 120px;
    }

    .main-title-block {
        font-size: 75%;
    }

        .main-title-block h2 {
            width: 140px;
        }

    .main-carousel .item {
        padding-bottom: 17%;
    }
    /*pk-changes to mobile banner display*/
    .banner-footer-right {
        /*position: relative;
        width: 100%;*/
        position: absolute;
        bottom: 0;
    }

    .banner-footer {
        width: 100%;
        text-align: left;
        position: absolute;
        bottom: 62px;
        background: #fff;
    }

    h2#primaryTitle {
        margin-top: 110px !important;
    }
    /*banner changes on mobile - end*/

    .ban-foot-top a {
        bottom: 0;
    }

    .ban-foot-top, .ban-foot-bot {
        padding-left: 10px;
    }
    /*.main-title-block {margin-bottom: -90px;}*/
    .ap-slide .main-title-block {
        margin-bottom: 0px;
    }

    .la-slide .main-title-block {
        margin-bottom: 0px;
    }

    .main-title-block {
        margin-bottom: -90px;
    }

    .life-img img {
        width: 80%;
        margin-bottom: 70px;
        top: -40px;
    }

    .out {
        right: 0px;
    }

    footer .col-xs-10 p {
        margin-left: 0px;
    }

    .banner-text {
        margin-top: 5px;
    }
}
/*end of 570px*/



/*@media screen and (max-width:530px) {
  .navbar-nav {top: -80px;}
  .appr-block .plus-box-left, .appr-block .plus-box {top:20%;}
}*/


@media screen and (max-width: 420px) {
    .supsml {
        width: 100%;
    }

    .supsplit-sml {
        width: 50%;
    }

    .bread-right .btn-default {
        font-size: 1em;
    }

    .blue-side h3, .grey-side h3 {
        font-size: 1.2em;
    }

    .navbar-nav {
        position: relative;
    }

    #side-nav {
        position: absolute;
        left: -60px;
    }

    .main-title-block {
        margin-bottom: -20px;
    }

    .main-carousel .item {
        padding-bottom: 55%;
    }

    .main-title-block {
        padding: 0px;
        margin-left: 0px;
    }

    .swing-nav {
        width: 100%;
    }

    .sm-no-marg {
        margin-left: 0px;
    }

    #side-nav {
        left: -100px;
    }

    .life-img img {
        left: 20px;
    }
}


@media screen and (max-width: 470px) {
    .appr-block .plus-box-left, .appr-block .plus-box {
        top: 20%;
    }

    .sup-sml-100 {
        width: 100%;
    }

    .li-sml h2 {
        top: 10px;
    }
}

@media screen and (max-width: 360px) {
    .car-ctrl {
        top: 70px;
        right: 5px;
    }

    .main-carousel .item {
        padding-bottom: 95%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .land-control .carousel-control:nth-child(2) {
        margin-left: -0px;
    }
}


.navbar-collapse.collapse {
    display: block !important;
}


@media screen and (min-width: 755px) and (max-width: 767px) {
    #navbar {
        position: relative;
        top: -130px;
        left: 60px;
    }
}

@media screen and (min-width: 751px) and (max-width: 755px) {
    #navbar {
        position: relative;
        top: -130px;
        left: 260px;
    }
}


/*temporary styles*/

.new-nav {
    margin-top: 40px;
}

.intro-block {
    padding-top: 20px;
}

.remove-pad-from-top {
    padding-top: 0;
}

.margin-remove {
    margin-top: 0;
}

.booking-form h1 {
    margin-top: 0;
}

.knockout-1 {
}



.edu-block {
    border: solid 1px #cdcdcd;
    margin-bottom: 10px;
    background: #f5f5f5;
}

    .edu-block textarea {
        margin-bottom: 30px;
    }

.knock-remove {
    width: auto;
    text-align: right;
    background: #07b9fc;
    color: #fff;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
}


#CourseBookingForm {
    clear: both;
}

.b-blocks {
    padding: 0;
}

.navigation-block-container p {
    margin: 0;
}

.navigation-block-container .block-text {
    padding: 20px;
    height: 200px;
}

#Delegates .row {
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
}

    #Delegates .row:not(:last-of-type) {
        border-bottom: dashed 1px #cdcdcd;
    }

.login-form form {
    margin: 30px 0;
}

.login-form label {
    float: left;
    clear: left;
    width: 10%;
}

.login-form input {
    clear: right;
    float: left;
    width: 20%;
}

.login-form label, .login-form input {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.login-form button {
    clear: both;
    display: block;
    width: 100%;
    max-width: 340px;
    margin: 10px 0 30px 0;
}

@media screen and (max-width: 1200px) {
    .login-form button {
        max-width: 282px;
    }
}

@media screen and (max-width: 991px) {
    .login-form button {
        max-width: 217px;
    }
}

@media screen and (max-width: 767px) {
    .login-form form {
        width: 50%;
    }

    .login-form label {
        width: 30%;
    }

    .login-form input {
        width: 70%;
    }

    .login-form button {
        max-width: 221px;
        margin: 0 auto;
    }

    .login-form .form-links {
        margin-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .login-form form {
        width: 100%;
    }
}


/** Contour Form **/
.contourPage .btn, .contourPage input[type=submit] {
    text-align: left;
}


.error-message {
    color: #f00;
}

/* END CORE CSS */



/* pk - 110417 *************************************************************** */

/*Contact Form*/

.contourField {
    background: transparent;
    margin: 15px 0 20px;
}

input[type=submit] {
    margin: 0 0 20px;
}

#contour input.text, #contour textarea, .contour input.text, .contour textarea {
    width: 100% !important;
}

/*Apprenticeship Form*/
.font-size select {
    font-size: 12px;
}

.no-padding-left {
    padding-left: 0;
}

.personal-details-checkbox .checkbox, .margin-left {
    margin-left: 5px;
}

.booking-form select {
    margin-top: 5px;
}

.remove-padding {
    padding-left: 0;
    padding-right: 0;
}

.address-line {
    margin-bottom: 10px;
}

.form-group div {
    margin: 10px 0;
}

.form-address-fields div {
    margin: 12px 0;
}

.work-experience-title {
    padding-left: 0;
}

.edu-block {
    padding-left: 0;
    padding-right: 0;
}

.qualification-buttons, .education-buttons {
    margin: 15px;
}

    .qualification-buttons a, .education-buttons a, .work-experience-btn a {
        margin-right: 15px;
    }
/* Apprenticeship form end */

/*Blue div issues */
.heading-padding-left h2 {
    padding-left: 15px;
}

@media screen and (min-width:769px) and (max-width:991px) {

    /*Child page div heights*/
    #childPageDivs .child-page-item {
        height: 280px;
    }

    .heading-padding-left div {
        height: auto;
    }

    /*blue banner h3*/
    .colour-side h3 {
        font-size: 1.7rem;
    }

    .self-img img {
        width: 100%;
    }
}
/*Enquiry button*/
#enquire-btn button {
    margin-left: 15px;
}

/*Intro text div */
.grid-section > div:first-child {
    padding: 0 15px;
}

@media screen and (min-width:769px) and (max-width:991px) {
    .grid-section > div:first-child {
        padding: 0 10%;
    }

        .grid-section > div:first-child div.intro-text div:first-child.column {
            width: 58%;
            float: left;
        }
    /*Real people divs*/
    .landingpage #RealPeople .col-md-4.column {
        float: left;
        width: 50%;
    }

    .landingpage .extra-padding .col-md-4.column,
    .coursedetailpage .extra-padding .col-md-4.column,
    .apprenticeshipcoursespage .umb-grid .grid-section > div:nth-child(6) .container .col-md-4,
    .apprenticeshipdetailpage .umb-grid .grid-section > div:nth-child(4) .container .col-md-4 {
        width: 50%;
        float: left;
    }
}


@media screen and (min-width:992px) and (max-width:1199px) {
    .grid-section > div:first-child {
        padding: 0 10%;
    }

        .grid-section > div:first-child div.intro-text div:first-child.column {
            width: 65%;
        }

    .course-refine .grid-section > div:first-child {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    /*Banner height*/
    .banner-item.item.classic.active {
        max-height: 511px;
    }

    /*Banner heading*/
    /*.training-info h2 {
        margin: 10px 0 !important;
    }*/

    .grid-section > div:first-child {
        width: 100%;
    }

    .child-page-item {
        height: auto;
    }

    /*blue banner h3*/
    .colour-side h3 {
        font-size: 1rem;
    }

    /*Real People styling*/
    #RealPeople div.intro-text div h2 {
        width: 80%;
        padding: 0 0 20px 10px;
    }
}

@media screen and (max-width:440px) {
    #RealPeople .col-md-4.column {
        width: 100%;
    }
}

@media screen and (min-width:441px) and (max-width:768px) {
    /*Real Stories styling issues*/
    #RealPeople .intro-text .col-md-4, .intro-text .col-md-4.column {
        width: 55%;
        margin: 0 auto;
    }
}

@media screen and (min-width:1200px) {
    .grid-section > div:first-child {
        width: 1170px;
    }
}


/*Intro text div end*/
.black-row .intro-text div {
    padding: 10px 20px;
}

div.image-cta {
    display: inline-block;
}

@media screen and (min-width:559px) {
    .formatted-title-container {
        height: 70px;
    }
}

/*Booking form styling*/
.address-details input {
    margin-bottom: 10px;
}

.diet-requirements {
    padding-right: 15px;
}

.delegate-requirements {
    padding-left: 15px;
}

.clear-fix {
    clear: both;
}

.chamber-member div {
    display: inline;
}

.preffered-contact-radio input, .chamber-member-radio input, .delegate-requirements-radio input, .booking-type-radio input {
    position: absolute !important;
    margin: 0 !important;
}

.chamber-member div:first-child label {
    margin-right: 15px;
}

@media screen and (max-width:767px) {
    .diet-requirements {
        padding: 0 15px;
    }
}

#date-attending input {
    margin: 0;
    position: absolute;
    left: 32px !important;
}

/*Hero-banner article list items*/
.small-banner-overlay ul li {
    margin: 0;
}

.small-banner-overlay h1 {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 4.5em !important;
}

.mega-btn {
    padding: 15px 20%;
}


/*Hero banner main heading and list items*/
.carousel-caption .new-nav {
    margin-top: 20px;
}

.carousel-caption .body-text {
    padding: 10px 5px;
}

    .carousel-caption .body-text p {
        margin-bottom: 0;
        font-size: 1.6em;
    }


/*Child Page divs*/
/*RLE: 10/05/2017: This is impacting the apprenticeship pages - therefore removing*/
/*div#childPageDivs {
        padding-left: 9%;
    }*/

/*Margin added to rocket image*/
img[src*=reach] {
    margin-top: 35px;
}


/*Banner height*/
.banner-item.item.classic.active {
    max-height: 898px;
}


/*Heading heights on mobile*/
@media screen and (max-width:425px) {
    .related-block h2 {
        height: 100px;
    }
}

/*Hover state fix on child page items*/
@media screen and (min-width:768px) {

    .self-img img {
        width: 100%;
    }

    .plus-box-left {
        max-width: 100%;
    }

        .plus-box-left img {
            width: 50%;
        }

    .landingpage .black-row .no-marg .col-sm-4 img {
        max-width: inherit;
        width: 100%;
    }

    .landingpage .black-row .no-marg .col-sm-8 p {
        margin-left: 0;
    }

    .apprenticeshipcoursespage .black-row .no-marg .col-sm-4 img {
        max-width: inherit;
        width: 100%;
    }

    .apprenticeshipcoursespage .black-row .no-marg .col-sm-8 p {
        margin-left: 0;
    }

    /*Short courses panel*/
    .employercoursesection .parents-acc > div .panel-group {
        padding-right: 30px;
    }
}




/*iphone tel styling*/
a[href^="tel"] {
    color: #fff;
    text-decoration: none;
}
/*outline set to none*/
a {
    outline: none;
}

.checkbox label,
.checkbox-inline {
    margin-top: 3px;
}

.declaration {
    font-size: 12px;
}

.booking-form .declaration.checkbox input[type=checkbox] {
    margin-top: 5px;
}

.black-row h1,
.black-row p {
    margin-left: 15px;
}

footer .black-row h1,
footer .black-row p {
    margin-left: 0;
}

#contour fieldset, .contour fieldset {
    font-size: 1.5em;
}

/* Events Booking Form */

.coursebooking.modal-open {
    overflow: auto;
}

/* highlights invalid form fields*/
.coursebooking .form-control.ng-invalid {
    background-color: #ffe0e0;
}

.coursebooking input[type="checkbox"] {
    margin: 0 10px 0 0;
    position: inherit;
}


.booking-form-steps {
    background-position: center;
    height: 150px;
    position: relative;
    margin: 15px auto 0px auto;
}

    .booking-form-steps .step {
        display: inline-block;
    }


        .booking-form-steps .step img {
            margin: 0px auto;
            transition: all 0.2s ease-in;
            height: 90%;
            margin-top: 0%;
        }

        .booking-form-steps .step.inactive img,
        .booking-form-steps .step.tick img {
            height: 70%;
            position: relative;
        }

    .booking-form-steps .spacer {
        display: inline-block;
        background-color: white;
        border-radius: 25px;
        height: 10px;
        width: 15%;
        max-width: 150px;
        margin: 0px 2%;
        opacity: 0.3;
    }

.bookingTotal {
    padding: 5px 0px;
    font-size: 1.2em;
}

.step.tick + .spacer {
    opacity: 1;
}

.booking-form-steps .step.tick img {
    transform: rotateY(-360deg);
}

.booking-form-steps .step img.step1 {
    content: url(/images/bookingForm/book-1.png);
}

.booking-form-steps .step img.step2 {
    content: url(/images/bookingForm/book-2.png);
}

.booking-form-steps .step img.step3 {
    content: url(/images/bookingForm/book-3.png);
}

.booking-form-steps .step img.step4 {
    content: url(/images/bookingForm/book-4.png);
}

.booking-form-steps .step.inactive img.step1 {
    content: url(/images/bookingForm/book-1-inactive.png);
}

.booking-form-steps .step.inactive img.step2 {
    content: url(/images/bookingForm/book-2-inactive.png);
}

.booking-form-steps .step.inactive img.step3 {
    content: url(/images/bookingForm/book-3-inactive.png);
}

.booking-form-steps .step.inactive img.step4 {
    content: url(/images/bookingForm/book-4-inactive.png);
}

.booking-form-steps .step.tick img.step1 {
    content: url(/images/bookingForm/book-1-tick.png);
}

.booking-form-steps .step.tick img.step2 {
    content: url(/images/bookingForm/book-2-tick.png);
}

.booking-form-steps .step.tick img.step3 {
    content: url(/images/bookingForm/book-3-tick.png);
}

.booking-form-steps .step.tick img.step4 {
    content: url(/images/bookingForm/book-4-tick.png);
}

.course-details h1 {
    margin-top: 0px;
}


.validrate {
    font-weight: normal;
}


.invalidrate {
    display: none;
    text-decoration: line-through;
}

.event-booking-form .panel {
    margin-top: 15px;
}

.event-booking-form .form-group div {
    margin: 0px;
}

.event-booking-form .col-sm-1 .title-select {
    padding: 6px 0px 6px 6px;
}

.event-booking-form label {
    font-size: 1.4rem;
}

.event-booking-form input {
    margin-top: 0px;
}

.event-booking-form .row {
    margin-left: 0px;
    margin-right: 0px;
}

    .event-booking-form .row.divider {
        padding-top: 15px;
        position: relative;
    }

        .event-booking-form .row.divider:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 70%;
            left: 15%;
            border-top: 1px solid #ccc;
        }

    .event-booking-form .row.buttons {
        padding-top: 15px;
    }

.event-booking-form button.pull-right {
    margin-left: 15px;
}

.event-booking-form button.pull-left {
    margin-right: 15px;
}

/*.panel-title {
        padding: 12px;
    }*/

.delegate-card {
    cursor: pointer;
    border-top: solid 1px #07b9fc;
    padding: 5px 0px 0px 0px;
}

.delegate-cards {
    border-bottom: solid 1px #07b9fc;
}

.delegate-card i {
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.always-rotate {
    animation-name: infinite-rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.always-pulse {
    animation-name: infinite-pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.table-note {
    margin: 10px 0px;
}


@keyframes infinite-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes infinite-pulse {
    0% {
        text-shadow: 0px 0px 50px rgba(7, 185, 252,1);
        opacity: 0;
        transform: translateX(-150px);
        color: white;
    }

    50% {
        opacity: 1;
        text-shadow: 0px 0px 0px rgba(7, 185, 252,0);
        transform: translateX(150px);
        color: #07b9fc;
    }

    100% {
        text-shadow: 0px 0px 50px rgba(7, 185, 252,1);
        opacity: 0;
        transform: translateX(0px);
        color: white;
    }
}

#busyModal {
    position: absolute;
    top: 40vh;
}

    #busyModal .modal-content {
        width: inherit;
    }

#enquiry-form {
    display: none;
}


/*font-size for contact form*/
#Coventry .address-box p, #Coventry .address-box p:first-child, #Leamington .address-box p, #Leamington .address-box p:first-child {
    font-size: 1.4em;
}
/*font-size for contact form end*/

/*accordian width  on information-category page*/
/*.information-category .container {
    width: 100%;
}*/
/*accordian width  on information-category page end*/
/*font-size for contact form end*/

.we-row {
    margin-right: -15px;
    margin-left: -15px;
    clear: both;
}

/*Fix to banner height at various screen sizes*/

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 14px;
}


.hidden-sm {
    display: inline-block;
}

.show-sm {
    display: none;
}

@media screen and (max-width:320px) {
    .training-info {
        margin-bottom: 11px;
    }

    h2#primaryTitle {
        margin-top: 100px !important;
    }

    .sup-sml-100 {
        width: 0;
    }

    .main-title-block h2 {
        width: 0;
    }

    .main-title-block {
        margin-top: 10px;
    }

    .carousel-caption h4 {
        margin-top: 0px;
        font-size: 2.2em;
    }

    .main-title-block {
        margin-top: 10px;
    }

    h2#primaryTitle {
        margin-top: 85px !important;
    }

    .car-ctrl {
        top: 57px;
        right: 0px;
    }

    .total-price {
        font-weight: bolder;
        text-decoration: underline double;
    }

    .booking-form-steps {
        height: 75px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            visibility: hidden;
            width: 5%;
            margin: 0px 0%;
        }

    .hidden-sm {
        display: none;
    }

    .show-sm {
        display: inline-block;
    }

    .event-booking-form button.pull-left {
        margin-right: 2px;
        font-size: 1.2em;
    }

    .event-booking-form button.pull-right {
        margin-left: 2px;
        font-size: 1.2em;
    }

    .event-booking-form .radio-inline {
        margin-left: 10px;
    }
}

@media screen and (min-width:321px) and (max-width:375px) {
    .training-info {
        margin-bottom: 11px;
    }

    h2#primaryTitle {
        margin-top: 100px !important;
    }

    .sup-sml-100 {
        width: 0;
    }

    .main-title-block h2 {
        width: 110px;
    }

    .main-title-block {
        margin-top: 10px;
    }

    .carousel-caption h4 {
        margin-top: 0px;
        font-size: 2.2em;
    }

    .main-title-block {
        margin-top: 10px;
    }

    h2#primaryTitle {
        margin-top: 65px !important;
    }
    /*.car-ctrl {
        top: 10px;
        right: 0px;
    }*/

    .booking-form-steps {
        height: 85px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            visibility: hidden;
            width: 5%;
            margin: 0px 0%;
        }

    .hidden-sm {
        display: none;
    }

    .show-sm {
        display: inline-block;
    }

    .event-booking-form button.pull-left {
        margin-right: 2px;
        font-size: 1.2em;
    }

    .event-booking-form button.pull-right {
        margin-left: 2px;
        font-size: 1.2em;
    }
}

@media screen and (min-width:376px) and (max-width:414px) {
    .training-info {
        margin-bottom: 11px;
    }

    h2#primaryTitle {
        margin-top: 100px !important;
    }

    .sup-sml-100 {
        width: 0;
    }

    .main-title-block h2 {
        width: 110px;
    }

    .main-title-block {
        margin-top: 10px;
    }

    .carousel-caption h4 {
        margin-top: 0px;
        font-size: 2.2em;
    }

    .main-title-block {
        margin-top: 10px;
    }

    h2#primaryTitle {
        margin-top: 105px !important;
    }

    .car-ctrl {
        top: 40px;
        right: 0px;
    }

    .booking-form-steps {
        height: 100px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            visibility: hidden;
            width: 5%;
            margin: 0px 0%;
        }

    .hidden-sm {
        display: none;
    }

    .show-sm {
        display: inline-block;
    }

    .event-booking-form button.pull-left {
        margin-right: 2px;
        font-size: 1.2em;
    }

    .event-booking-form button.pull-right {
        margin-left: 2px;
        font-size: 1.2em;
    }
}




@media screen and (min-width:415px) and (max-width:732px) {
    .training-info h2 {
        margin: 100px 0 0 !important;
    }

    .training-info {
        margin-bottom: 11px;
    }

    h2#primaryTitle {
        margin-top: 100px !important;
    }

    .sup-sml-100 {
        width: 0;
    }

    .main-title-block h2 {
        width: 105%;
    }

    .main-title-block {
        margin-top: 10px;
    }

    .carousel-caption h4 {
        margin-top: 0px;
        font-size: 2.2em;
    }

    h2#primaryTitle {
        margin-top: 95px !important;
    }

    .car-ctrl {
        top: 40px;
        right: 0;
    }

    .booking-form-steps {
        height: 125px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            width: 10%;
            margin: 0px 2%;
        }
}

@media screen and (min-width:413px) and (max-width:600px) {
    .booking-form-steps {
        height: 100px;
        margin: 15px auto 0px auto;
    }

    .booking-form-steps {
        height: 95px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            width: 10%;
            margin: 0px 1%;
        }
}

@media screen and (min-width:733px) and (max-width:768px) {

    .training-info {
        margin-bottom: 11px;
    }



    .sup-sml-100 {
        width: 0;
    }

    .main-title-block h2 {
        width: 105%;
    }

    .main-title-block {
        margin-top: 10px;
    }

    .carousel-caption h4 {
        margin-top: 0px;
        font-size: 2.2em;
    }

    /*h2#primaryTitle {
        margin-top: 95px!important;
    }*/
    .car-ctrl {
        top: 40px;
        right: 0;
    }

    .booking-form-steps {
        height: 125px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            width: 10%;
            margin: 0px 2%;
        }
}


@media screen and (min-width:768px) and (max-width:950px) {
    .booking-form-steps {
        height: 125px;
        margin: 15px auto 0px auto;
    }

        .booking-form-steps .spacer {
            width: 10%;
            margin: 0px 2%;
        }
}

/*Fix to banner height at various screen sizes - end*/

/*Arrow position fix */

.glyphicon-triangle-top:before {
    content: "\e253";
    bottom: 3px;
    position: relative;
}

/*Arrow position fix - end*/


/*colour issue on div*/
.related-block:before {
    background: rgb(7, 185, 252);
}

/*colour issue on div - end*/

/**/
.apply-bar {
    background: #07b9fc;
}


.declaration-error-message {
    font-size: 12px;
    display: none;
}

.full-image-width {
    width: 100%;
}



.small-banner-overlay p {
    padding: 0 40px;
}


/*Changes made to spacing - 30/05/17*/

.grid-block {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.appr-block .row {
    margin-bottom: 10px !important;
}

.offer-block {
    padding-bottom: 10px;
}

.acc-con {
    padding-top: 10px;
}

.content-page {
    padding-bottom: 30px;
}

.end-block {
    padding: 20px 0;
}
/*Changes made to spacing - 30/05/17 - end */

/*RTE Styles*/
.rte-cyanBlue {
    color: #07B9FC;
}

.ImageLeft {
    float: left;
    padding: 15px 15px 15px 0;
}

.ImageRight {
    float: right;
    padding: 15px 0 15px 15px;
}

.rte-limeGreen {
    color: #9AF000;
}

.rte-magentaPink {
    color: #EC008C;
}

.rte-yellow {
    color: #FEE020;
}

.rte-purple {
    color: #A577F7;
}

.rte-orange {
    color: #FFB300;
}

.ImageLeft {
    float: left;
    padding: 15px 15px 15px 0;
}

.ImageRight {
    float: right;
    padding: 15px 0 15px 15px;
}


.error-summary-container, .validation-summary-errors {
    color: #f00;
}


.delegate-details {
    width: 100%;
    margin-top: 25px;
}

    .delegate-details td {
        padding: 5px 0;
    }

        .delegate-details td.email-address,
        .delegate-details td.company-name {
            width: 25%;
        }
/*pk - changes to caps btn */
.mega-btn {
    text-transform: none;
}
/* pk styling change to btn - end */
.inc-vat-price {
    display: block;
    font-size: 0.8em;
}

/*Landing Page into umb-grid*/
.umb-grid .grid-section > div:nth-child(1) > div {
    width: auto;
}
/*Spacing issues*/
.cta-block {
    padding: 25px 0;
    text-align: center;
}

.grid-section div.extra-padding {
    padding: 20px 10px;
}

#childPageDivs h2 {
    margin-top: 5px;
}

img[src*=reach] {
    margin-top: 20px;
}

.courses-intro h2 {
    margin-top: 5px;
}

.extra-padding .row .col-md-12 h1 {
    margin-top: 5px;
}

@media screen and (max-width:768px) {
    .course-refine .grid-section > div {
        padding: 0;
    }

    .course-refine .grid-section .container {
        padding: 0;
    }
    /*Landing page rocket logo*/
    .umb-grid .grid-section > div:nth-child(1) > div div.col-md-3 div {
        width: 60%;
        margin: 0 auto;
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    .courseselectionpage .course-refine .grid-section > div {
        padding: 0;
    }

    .courseselectionpage .course-refine .grid-section .container {
        padding: 0 30px 0 0;
    }

    .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column {
        width: 55%;
        float: left;
    }
    /*Course infomration page*/
    /*.courseinformationpage .centre-class .related-block{
        padding:5px;
    }*/
    .courseinformationpage .centre-class .related-block h2 {
        font-size: 16px;
    }
}

@media screen and (min-width:992px) {
    .courseselectionpage .course-refine .grid-section > div {
        padding: 0;
    }

    .courseselectionpage .course-refine .grid-section .container {
        padding: 0 30px 0 0;
    }
}
/*Banner issue - heading off screen*/
@media screen and (min-width: 768px) {
    #carousel-example-generic .carousel-caption > div {
        /*margin-left: 0;*/
    }
}

@media screen and (min-width:991px) and (max-width:1199px) {
    .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column {
        width: 70%;
        float: left;
    }
}

@media screen and (max-width:540px) {
    .center-block a {
        width: 100%;
        margin-bottom: 10px;
    }
}
/* rotating btns on small banner */
.small-banner-block .card {
    margin-left: 40px;
    padding: 10px 0;
}
/* Text on banner overlapping */
@media screen and (min-width:1051px) and (max-width:1200px) {
    .training-info {
        position: relative;
        height: 240px;
    }

    #carousel-example-generic .carousel-caption > div {
        margin-bottom: 0;
    }
}
/*menu drops at certain size screen*/
@media screen and (min-width:1050px) and (max-width:1054px) {
    .navbar-nav {
        margin-right: 4%;
    }
}
/* navigation-block-container */
@media screen and (min-width:768px) and (max-width:992px) {
    .navigation-block-container .block-text h2 {
        margin: 5px 0;
    }

    .navigation-block-container .block-text {
        padding: 10px;
    }
}
/*Breadcrumbs*/
/* Form Search */
.vacancydetail .form-group .btn {
    margin-top: 10px;
}
/* Rotating banner cta*/
.carousel-caption .training-info .card {
    padding: 0;
}

    .carousel-caption .training-info .card .purple-btn-cta {
        margin-top: 0;
    }
/*Short course page*/
/*@media screen and (max-width:1200px) {
    .employercoursesection .heading-container {
        margin-left:0;
    }
}*/
@media screen and (min-width:768px) and (max-width:1199px) {
    .heading-container {
        max-width: 1170px;
        margin: 0 auto;
        width: 100%;
        padding: 0 10%;
    }
}

.employercoursesection .information-category {
    padding: 15px;
    margin-bottom: 15px;
}

.employercoursesection .offer-block-inner {
    padding-bottom: 0;
}

/*Black banner*/
.employercoursespage .grid-section div.black-row .container {
    padding: 10px 30px;
}

/*List items on small banner*/
.small-banner-block .small-banner-overlay ul li {
    margin-bottom: 10px;
}
/*Small banner*/
.small-banner-overlay {
    padding: 10px;
}
/*Nav tabs - contact page*/
.nav-tabs {
    border-bottom: none;
}

    .nav-tabs li.active,
    .nav-tabs li {
        border-bottom: 1px solid #07b9fc;
    }
/*Contact page*/
.map {
    overflow: hidden;
}
/* News page */
@media screen and (min-width:991px) {
    .newsmedialandingpage .related-block h2 {
        font-size: 17px;
        height: 90px;
        overflow: hidden;
    }

    .umb-grid .grid-section > div:nth-child(1) div.container .col-md-3 img {
        width: 100%;
    }
}

.newsmedialandingpage .fixed-height-block {
    min-height: 205px;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .newsmedialandingpage .related-block h2 {
        padding: 5px;
        font-size: 17px;
        height: 105px;
        overflow: hidden;
    }

    .newsmedialandingpage .related-block .fixed-height-block p {
        padding: 5px;
    }
}
/* Nav height at */
@media screen and (min-width:752px) and (max-width:767px) {
    .nav-container {
        max-height: 119px;
    }
}
/*Banner issues*/
.home h2.pavfont {
    left: -10%;
}

@media screen and (min-width: 471px) and (max-width: 768px) {
    .sup-sml-100 {
        width: auto;
    }

    .carousel .main-cta {
        top: 20px;
    }
}

@media screen and (max-width:470px) {
    .landingpage .carousel-caption .sup-sml-100 {
        padding-left: 7px;
    }

    .sup-sml-100 {
        width: auto;
    }

    .carousel .main-cta {
        top: 20px;
    }
}
/* Real stories images */
.image-cta img {
    width: 100%;
    height: auto;
}
/*12/06/17*/
/*Removing padding on breadcrumbs*/
.bread-left p {
    margin-left: 0;
}
/* Aligning need help section on mobile*/
@media screen and (max-width:768px) {
    .need-help .center-block a {
        width: 100%;
    }
    /*Reach for stars icon*/
    .umb-grid .grid-section > div:nth-child(1) > div div.col-md-3 div img {
        width: 100%;
    }
}
/*Banner heading - get ready for*/
.home .main-title-block h2 {
    /*text-align: left;*/
}

.landingpage .appr-block .plus-box-left, .appr-block .plus-box {
    top: 15%;
}

@media screen and (max-width:767px) {
    .landingpage .cta-block h2 {
        text-align: center;
    }
}
/* Grid section width */
.newsmedialandingpage .grid-section > div:first-child,
.contactus .grid-section > div:first-child {
    padding: 0;
}

    .newsmedialandingpage .grid-section > div:first-child div.container,
    .contactus .grid-section > div:first-child div.container {
        padding-left: 0;
    }

@media screen and (min-width:769px) and (max-width:813px) {
    .grid-section > div:first-child {
        padding: 0 5%;
    }
}

/*black container */
div.black-row .container {
    max-width: 1170px;
}
/* Homepage banner*/
.home .carousel-caption .main-title-block {
    /*margin-left: 0;*/
}

@media screen and (max-width:630px) {
    .landingpage .carousel-caption {
        min-height: 560px;
        height: inherit;
    }

    .coursedetailpage .carousel-caption {
        min-height: 560px;
        height: inherit;
    }
}
/* tabel padding on cells*/
.contentpage .grid-section table td {
    padding-bottom: 20px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
/*Vacancy form*/
.grey-block {
    padding: 15px;
    border: solid 1px #cdcdcd;
    background: #f5f5f5;
}

.work-experience-title {
    padding-left: 15px;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .personal-details div.row:nth-child(1) > div div:nth-child(1) label,
    .personal-details div.row:nth-child(1) > div div:nth-child(2) label,
    .personal-details div.row:nth-child(1) > div div:nth-child(3) label {
        margin-bottom: 18px;
    }
}
/*Center-align hover state*/
.image-cta-overlay h3 {
    display: inline-block;
    text-align: center;
    margin-top: 10%;
}

.black-row p {
    /*margin-left: 0;*/
}
/*Map*/
@media screen and (max-width:768px) {
    .map-container {
        margin: 0 15px;
    }
}

@media screen and (max-width:320px) {
    h2.pavfont {
        font-size: 32px !important;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:399px) {
    .courseinformationpage .related-block > p:first-of-type {
        height: 175px;
        overflow: hidden;
    }

    .courseinformationpage .related-block h2 {
        height: 90px;
    }
}

@media screen and (min-width:400px) and (max-width:767px) {
    .courseinformationpage .related-block > p:first-of-type {
        height: 124px;
        overflow: hidden;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .courseinformationpage .related-block h2 {
        font-size: 17px;
        height: 75px;
        overflow: hidden;
    }

    .courseinformationpage .related-block > p:first-of-type {
        height: 265px;
        overflow: hidden;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .courseinformationpage .related-block h2 {
        font-size: 17px;
        height: 90px;
        overflow: hidden;
    }

    .courseinformationpage .related-block > p:first-of-type {
        height: 230px;
        overflow: hidden;
    }
}

@media screen and (min-width:1200px) {
    .courseinformationpage .related-block h2 {
        font-size: 17px;
        overflow: hidden;
    }

    .courseinformationpage .related-block > p:first-of-type {
        height: 190px;
        overflow: hidden;
    }
}
/* Parents page */
.parents-acc {
    padding: 0 0 10px 0;
    border: none;
    margin-bottom: 20px;
}

@media screen and (max-width:768px) {
    .newsmedialandingpage .fixed-height-block {
        min-height: inherit;
    }
}

@media screen and (max-width:280px) {
    .newsmedialandingpage .related-block h2 {
        height: 100px;
    }
}

@media screen and (min-width:281px) and (max-width:426px) {
    .newsmedialandingpage .related-block h2 {
        height: 80px;
    }
}

@media screen and (min-width:427px) and (max-width:768px) {
    .newsmedialandingpage .related-block h2 {
        height: 80px;
    }
}

.view-vac {
    background: #07b9fc;
}
/*Four colours width*/
.employercoursespage .four-colours-width {
    min-width: 100%;
}

    .employercoursespage .four-colours-width div.container {
        width: 100%;
        padding: 0;
    }

/*banner styling*/
@media screen and (max-width:767px) {
    .home .main-title-block div:nth-child(1) h2 {
        width: 186px;
        font-size: 4.0em;
    }
}

@media screen and (max-width:768px) {
    .home .main-title-block div:nth-child(1) h2 {
        width: 186px;
        font-size: 4.0em;
    }
}

@media screen and (min-width:769px) and (max-width:992px) {
    .home .main-title-block h2 {
        width: 186px;
        font-size: 4.0em;
    }
    /*.coursedetailpage h2.pavfont {
        left: 5%;
        top:0;
    }*/
    .coursedetailpage .main-title-block div:nth-child(1) h2 {
        width: 149px;
        font-size: 4.0em;
    }
}

@media screen and (min-width:993px) and (max-width:1050px) {
    .home .main-title-block h2 {
        width: 207px;
        font-size: 4.0em;
    }

    .home h2.pavfont {
        left: 50%;
        top: 0;
    }
    /*.coursedetailpage h2.pavfont {
        left: 10%;
        top:0;
    }*/
    .coursedetailpage .main-title-block div:nth-child(1) h2 {
        width: 207px;
        font-size: 4.0em;
    }
}

@media screen and (min-width: 1051px) and (max-width: 1200px) {
    .home .main-title-block h2 {
        width: 207px;
        font-size: 4.0em;
    }

    .home .training-info {
        margin-top: 0;
        height: 200px;
    }

    .home .box-2 {
        margin-top: 0 !important;
    }

    .home h2.pavfont {
        left: 30%;
        top: 0;
    }
    /*.coursedetailpage h2.pavfont {
        left: 10%;
        top:0;
    }*/
    .coursedetailpage .main-title-block div:nth-child(1) h2 {
        width: 207px;
        font-size: 4.0em;
    }
}

@media screen and (min-width:1200px) {
    .home h2.pavfont {
        left: 15%;
        font-size: 9.8em !important;
        margin-left: 10px;
    }

    .home .training-info {
        margin-bottom: 0 !important;
    }

    .home .main-title-block h2 {
        width: 207px;
        font-size: 4.0em;
    }

    .coursedetailpage .main-title-block div:nth-child(1) h2 {
        width: 207px;
        font-size: 4.0em;
    }
}

@media screen and (max-width:570px) {
    h2#primaryTitle {
        margin-top: 120px !important;
    }

    .home .carousel-inner > div {
        height: 575px;
    }

    .car-ctrl {
        top: 70px;
        right: 0;
    }

    .home .main-title-block div:nth-child(1) h2 {
        width: 140px;
    }
}

@media screen and (max-width:400px) {
    .home .main-title-block .sup-sml-100 {
        width: 30%;
    }
}
/*Banner title */
.home h2.pavfont {
    font-size: 46px !important;
}

.home .li-sml h2 {
    top: 0;
}

@media screen and (max-width:319px) {
    .home h2.pavfont {
        left: 80%;
        top: 0;
    }
}

@media screen and (min-width:320px) and (max-width:570px) {
    .home .h2-position {
        position: absolute;
        left: 170px;
    }
}

@media screen and (min-width:571px) and (max-width:750px) {
    .home .h2-position {
        position: absolute;
        left: 215px;
        top: -10px;
    }
}

@media screen and (min-width:751px) and (max-width:767px) {
    .home .h2-position {
        position: absolute;
        left: 210px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .home .h2-position {
        position: absolute;
        left: 215px;
    }
}

@media screen and (min-width:993px) and (max-width:1050px) {
    .home .h2-position {
        position: absolute;
        left: 100px;
    }
}

@media screen and (min-width:1051px) and (max-width:1199px) {
    .home .h2-position {
        position: absolute;
        left: 140px;
    }
}

@media screen and (min-width:1200px) {
    .home .h2-position {
        position: absolute;
        left: 170px;
    }
}

@media screen and (min-width:1400px) {
    .home .h2-position {
        position: absolute;
        left: 160px;
    }
}

@media screen and (min-width:1500px) {
    .home .h2-position {
        position: absolute;
        left: 160px;
    }
}

@media screen and (min-width:1600px) {
    .home .h2-position {
        position: absolute;
        left: 150px;
    }
}

/* on hover */
@media screen and (min-width:768px) and (max-width:991px) {
    .image-cta-overlay h3 {
        margin-top: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .image-cta-overlay h3 {
        margin-top: 10%;
    }
}
/*Contact page*/
.contactus .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #07b9fc;
    border-bottom: none;
    font-weight: bold;
}

.contactus .nav-tabs li.active,
.nav-tabs li, .contactus .nav-tabs > li > a:hover,
.contactus .nav-tabs > li > a {
    border-bottom: none;
}
/*Breadcrumbs*/
.breadcrumb .row {
    margin-left: 0;
    margin-right: 0;
}
/*Bespoke training*/
.courseinformationpage .contourFieldSet .row-fluid .span12 {
    padding: 0;
}

.clear-padding {
    padding: 0;
}
/*Landing page real stories*/
@media screen and (max-width:480px) {
    .landingpage .grid-section #RealPeople .container .content-block {
        width: 100%;
    }

    .landingpage .content-block h2,
    .apprenticeshipcoursespage .umb-grid .grid-section > div:nth-child(6) .container .col-md-4 h2,
    .apprenticeshipdetailpage .umb-grid .grid-section > div:nth-child(4) .container .col-md-4 h2 {

        padding: 0 10px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .landingpage .grid-section #RealPeople .container .content-block {
        width: 64%;
        margin: 0 auto;
    }

    .landingpage .content-block h2 {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .landingpage .grid-section .extra-padding .container .content-block,
    .coursedetailpage .grid-section .extra-padding .container .content-block,
    .apprenticeshipcoursespage .umb-grid .grid-section > div:nth-child(6) .container .col-md-4,
    .apprenticeshipdetailpage .umb-grid .grid-section > div:nth-child(4) .container .col-md-4 {
        width: 64%;
        margin: 0 auto;
    }

    .landingpage .extra-padding .content-block h2,
    .apprenticeshipcoursespage .umb-grid .grid-section > div:nth-child(6) .container .col-md-4 h2,
    .apprenticeshipdetailpage .umb-grid .grid-section > div:nth-child(4) .container .col-md-4 h2{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .coursedetailpage .extra-padding .content-block h2 {
        padding: 0 13px 0 10px;
        margin-bottom: 20px;
    }
    
}
/*Footer icon*/
.contact-pin img:hover {
    opacity: .8;
}
/*Downloads tabs*/
.resourcelistingpage .nav-tabs > li > a {
    border: none;
    margin: 0;
}
/*Qualification btns*/
.qualification-btns .btn {
    /*padding:10px 20px;*/
}
/* line height*/
.image-cta-overlay {
    text-align: center;
}
/* Banner button - small */
.banner-btn {
    margin-left: 30px;
}

@media screen and (max-width:320px) {
    .banner-btn {
        margin-left: 0;
    }
}

@media screen and (min-width:321px) and (max-width:345px) {
    .banner-btn {
        margin-left: 10px;
    }
}

@media screen and (min-width:993px) and (max-width:1350px) {
    .banner-btn {
        margin-left: 30px;
        bottom: 34px;
        position: relative;
    }
}
/*Subject to VAT*/
span.subject-to-vat {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
/*form's submit button*/
.courseinformationpage form .contourNavigation div {
    padding-left: 0;
}
/*Landing page banner h2*/
@media screen and (min-width:768px) and (max-width:992px) {
    .landingpage .carousel-caption .main-title-block h2 {
        width: 87px;
        font-size: 2.2em;
    }

    .coursedetailpage .main-title-block div:nth-child(1) h2 {
        width: 152px;
    }

    .landingpage .h2-position {
        position: absolute;
        left: 22%;
    }
}

@media screen and (min-width:993px) and (max-width:1300px) {
    .landingpage .carousel-caption .main-title-block h2 {
        width: 118px;
    }
}

@media screen and (min-width:993px) {
    .landingpage .h2-position {
        position: absolute;
        left: 24%;
    }
}

@media screen and (min-width:1001px) {
    .landingpage .h2-position {
        position: absolute;
        left: 23%;
    }
}

@media screen and (min-width:1101px) {
    .landingpage .h2-position {
        position: absolute;
        left: 22%;
    }
}

@media screen and (min-width:1201px) {
    .landingpage .h2-position {
        position: absolute;
        left: 20%;
    }
}

@media screen and (min-width:1301px) {
    .landingpage .carousel-caption .main-title-block h2 {
        width: 160px;
    }

    .landingpage .h2-position {
        position: absolute;
        left: 24%;
    }
}

@media screen and (min-width:1401px) {
    .landingpage .h2-position {
        position: absolute;
        left: 22%;
    }
}

@media screen and (min-width:1501px) {
    .landingpage .h2-position {
        position: absolute;
        left: 22%;
    }
}

@media screen and (min-width:1601px) {
    .landingpage .h2-position {
        position: absolute;
        left: 20%;
    }
}

@media screen and (min-width:1701px) {
    .landingpage .h2-position {
        position: absolute;
        left: 18%;
    } 
}

@media screen and (min-width:1801px) {
    .landingpage .h2-position {
        position: absolute;
        left: 18%;
    } 
}

.landingpage .banner-container-position {
    position: relative;
}


/*vacancy detail*/
@media screen and (min-width:768px) {
    .vacancydetail .back-btn-row > div {
        padding-left: 0;
    }
    /*Black container*/
    .landingpage .level-up .container > div:first-of-type {
        padding-left: 10px;
    }
}
/*Contact page tabs*/
.contactus li[role*=pres] a {
    border: none !important;
}

.contactus li[role*=pres] {
    bottom: 1px;
}

    .contactus li[role*=pres] a:hover {
        color: #333;
    }

@media screen and (max-width:768px) {
    .contactus li[role*=pres] a {
        font-size: 1.4em;
    }

    .landingpage .plus-box-left {
        max-width: 100%;
    }

    .plus-box-left, .plus-box {
        top: 42% !important;
    }
}
/*on hover read more*/
.landingpage .appr-block .plus-box-left {
    top: 40%;
}

.landingpage .image-cta .image-cta-overlay h3 {
    position: absolute;
    top: 60%;
    left: 52%;
    margin: -15% 0 0 -25%;
}

@media screen and (max-width:767px) {
    .extra-padding .image-cta .image-cta-overlay h3 {
        position: absolute;
        top: 60%;
        left: 55%;
        margin: -15% 0 0 -25%;
    }
    /*small banner cta padding*/
    .small-banner-overlay p {
        padding: 0 30px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .landingpage .image-cta .image-cta-overlay h3 {
        position: absolute;
        top: 57%;
        left: 41%;
        margin: -15% 0 0 -25%;
    }

    .extra-padding .image-cta .image-cta-overlay h3 {
        position: absolute;
        top: 60%;
        left: 54%;
        margin: -15% 0 0 -25%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .landingpage .image-cta .image-cta-overlay h3 {
        position: absolute;
        top: 58%;
        left: 49%;
        margin: -15% 0 0 -25%;
    }
}
/*Small banner cta*/
.small-banner-overlay span.btn {
    margin: 15px 0 0;
    padding: 0;
}

    .small-banner-overlay span.btn a {
        text-transform: none;
        font-size: 24px;
    }

@media screen and (max-width:992px) {
    .small-banner-overlay span.btn a {
        font-size: 17.6px;
    }
}
/*Main banner cta width*/
.card, .card div {
    min-width: 420px;
}

    .card div a {
        min-width: 420px;
    }

@media screen and (max-width:767px) {
    .card div a {
        min-width: 260px;
    }

    .card, .card div {
        min-width: 260px;
    }

        .card div a {
            min-width: 260px;
        }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .card div a {
        min-width: 325px;
    }

    .card, .card div {
        min-width: 325px;
    }

        .card div a {
            min-width: 325px;
        }
}
/*employercoursesection view - discuss with claire before removing*/

/*.employercoursesection .add-bot-border .content-page {
    padding-bottom: 0;
}
.employercoursesection .parents-acc,
.coursedetailpage .parents-acc,
.landingpage .parents-acc  {
    margin-bottom: 0;
    padding:20px;
}*/

/*vacancy apply*/
.vacancyapply .declare-checkbox {
    padding-left: 3px;
}

/*speech height on mobile*/
@media screen and (min-width:290px) and (max-width:360px) {
    .speech {
        top: 26px;
        right: -5px;
    }
}

@media screen and (min-width:346px) and (max-width:767px) {
    .small-banner-block .small-banner-overlay .banner-btn {
        margin-top: 10px;
        padding-left: 0;
    }
}

@media screen and (min-width:767px) {
    .training-info h2 {
        margin: 10px 0;
    }
}

@media screen and (min-width:421px) and (max-width:767px) {
    .home .carousel-caption .main-title-block {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width:400px) and (max-width:750px) {
    .home h2.pavfont {
        font-size: 82px !important;
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .home h2.pavfont {
        font-size: 69px !important;
    }
}

@media screen and (min-width:1001px) {
    .home h2.pavfont {
        font-size: 88px !important;
    }
}

@media screen and (min-width:471px) and (max-width:596px) {
    .coursedetailpage h2.pavfont {
        padding-top: 15px;
    }
}

@media screen and (min-width:597px) and (max-width:767px) {
    .coursedetailpage h2.pavfont {
        top: 0;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .coursedetailpage .h2-position {
        position: absolute;
        left: 165px;
        top: 25px;
    }
}
@media screen and (min-width:993px) {
    .coursedetailpage .h2-position {
        position: absolute;
        left: 220px;
        top: 27px;
    }
}

/*intro copy and rocket */
.umb-grid .grid-section > div:nth-child(1) div.container .col-md-3.column img{
margin-top: 60px;
}
.landingpage .umb-grid .grid-section > div:nth-child(1) div.container .col-md-3.column img{
margin-top: 40px;
}
@media screen and (min-width:991px) and (max-width:1199px) {
    .landingpage .grid-section > div:first-child,
    .coursedetailpage .grid-section > div:first-child {
        width: 970px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .landingpage .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column,
    .coursedetailpage .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column {
        width: 75%;
        float: left;
    }
}

@media screen and (min-width:768px) and (max-width:990px) {
    .landingpage .grid-section > div:first-child,
    .coursedetailpage .grid-section > div:first-child {
        width: 750px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .landingpage .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column
     {
        width: 63%;
        float: left;
    }
}

@media screen and (min-width:768px) and (max-width:990px) {
    .coursedetailpage .umb-grid .grid-section > div:nth-child(1) div.container .col-md-9.column
     {
        width: 58%;
        float: left;
    }
}

/*Panel title font-size*/
h4.panel-title {
    font-size:16px;
    font-weight:bold;
}

/*small banner CTA*/

.banner-btn a:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    border-radius: 15px 0;
}

/*employer course category*/
@media screen and (max-width:768px) {
    .employercoursecategory .main-container .umb-grid .grid-section > div:first-child div.container{
        padding:0 15px;
    }
    .employercoursecategory .grid-section div.full-width div.parents-acc {
        padding: 15px;
    }
   
}
@media screen and (min-width:769px) and (max-width:991px) {
    .employercoursecategory .main-container .umb-grid .grid-section > div:first-child div.container{
        width:750px;
    }

    .employercoursecategory .grid-section > div:first-child {
        padding: 0;
    }
    .employercoursecategory .intro-block div.row > .col-sm-12:nth-child(2) div.container {
        padding: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .employercoursecategory .main-container .umb-grid .grid-section > div:first-child div.container
    {
        width:970px;
    }
    .employercoursecategory .intro-block div.row > .col-sm-12:nth-child(2) div.container {
        padding: 0;
    }
}

@media screen and (min-width:1200px){
    .employercoursecategory .main-container .umb-grid .grid-section > div:first-child div.container{
        width:1170px;
    }

    .page-heading {
        padding-left:15px;
    }
    .employercoursecategory .intro-block div.row > .col-sm-12:nth-child(2) div.container {
        padding: 0;
    }

    .employercoursecategory .grid-section > div:first-child {
        padding-left:0;
    }
}


.related-container {
    margin-bottom: 20px;
}

.advice-box .introduction,
.related-container .introduction {
    max-height: 250px;
    overflow: hidden;
    height: 250px;
}
.advice-box .overview,
.related-container .overview {
	height: 50px;
	overflow: hidden;
}
@media screen and (max-width:768px) {
	.advice-box .introduction,
	.related-container .introduction {
		height: auto;
		max-height: none;
	}
	.advice-box .overview,
	.related-container .overview {
		height: auto;
	}
}

.contact-checkboxes-container {
    padding: 0 15px;
}
.contact-checkboxes-container p {
    font-size: 12px;
    float: left;
    margin-right: 25px;
}
.contact-checkboxes-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
.contact-checkboxes-container ul li {
    display: inline-block;
    position: relative;
    font-size: 12px;
    margin-right: 25px;
}