/* Minification failed. Returning unminified contents.
(1619,1): run-time error CSS1019: Unexpected token, found '}'
(2314,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4274,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(4275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4296,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4307,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4318,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5413,24): run-time error CSS1030: Expected identifier, found '.'
(5413,50): run-time error CSS1031: Expected selector, found ')'
(5413,50): run-time error CSS1025: Expected comma or open brace, found ')'
(5438,17): run-time error CSS1030: Expected identifier, found '.'
(5438,43): run-time error CSS1031: Expected selector, found ')'
(5438,43): run-time error CSS1025: Expected comma or open brace, found ')'
(6063,17): run-time error CSS1030: Expected identifier, found '.'
(6063,43): run-time error CSS1031: Expected selector, found ')'
(6063,43): run-time error CSS1025: Expected comma or open brace, found ')'
 */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { width: 100%; margin: 0 auto; padding: 0 15px; }
.section { margin: 0 -15px; }
.section.flex { display: flex; flex-wrap: wrap; }
.section.flex:before { display: none; }
.section.flex:after { display: none; }
.section.flex .clear { display: none; }
.section.flex > div { float: none !important; }
.container:before, .container:after, .section:before, .section:after { display: table; content: " "; }
.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }

.section.nogap { margin: 0px; }
.section.nogap > div { padding: 0px !important; }

.section.smlgap { margin: 0px -8px; }
.section.smlgap > div { padding: 0px 8px !important; }

.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }

.fl-dir-rev { flex-direction: row-reverse; }

.section.flex.flgap-15 { margin: 0px; }
.section.flex.flgap-15 > div { padding: 0px; }
.flgap-15 { gap: 15px; }

.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-20 { grid-gap: 20px; }
.gap-30 { grid-gap: 30px; }
.gap-45 { grid-gap: 45px; }
.gap-60 { grid-gap: 60px; }
.gap-75 { grid-gap: 75px; }

.mt-60 { margin-top: 60px; }
.mt-75 { margin-top: 75px; }

.mb-60 { margin-bottom: 60px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }

.fs-1pt25rem { font-size: 1.25rem; }
.fs-1pt5rem { font-size: 1.5rem; }
.fs-2pt8125rem { font-size: 2.8125rem; }

.nopseudo:before { display: none !important; }
.nopseudo:after { display: none !important; }

.op-pt8 { opacity: 0.8; }
.op-1 { opacity: 1; }

.min-w-half { min-width: 50%; }

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

@-ms-viewport { width: device-width; }


@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("fonts/fa-brands-400.ttf") format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; src: url("fonts/fa-regular-400.ttf") format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("fonts/fa-solid-900.ttf") format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fas, .far, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; text-rendering: optimizeLegibility; line-height: 1; }
.fab, .fab.btn { font-family: 'Font Awesome 5 Brands'; }
.far, .far.btn { font-family: 'Font Awesome 5 Free'; font-weight: 400; }
.fas, .fas.btn { font-family: 'Font Awesome 5 Free'; font-weight: 900; }


.fa-facebook-f:before { content: "\f39e"; }
.fa-x-twitter:before { content: "\f099"; }
.fa-youtube:before { content: "\f099"; }

.fa-bars:before { content: "\f0c9"; }
.fa-times:before { content: "\f00d"; }
.fa-search:before { content: "\f002"; }
.fa-chevron-up:before, #headerright .on .atag i:before, #headerright .top-div .on span.top i:before { content: "\f077"; }
.fa-chevron-down:before, #headerright .atag i:before, #headerright span.top i:before { content: "\f078"; }
.fa-info:before { content: "\f129"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-right:before { content: "\f00c"; }
.fa-youtube:before { content: "\f167"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-copy:before { content: "\f0c5"; }
.fa-mobile-alt:before { content: "\f3cd"; }
.fa-times:before { content: "\f00d"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-chart-line:before { content: "\f201"; }
.fa-users:before { content: "\f0c0"; }
.fa-trophy:before { content: "\f091"; }
.fa-comments:before { content: "\f086"; }
.fa-phone:before { content: "\f095"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-address-book:before, .fa-contact-book:before { content: "\f2b9"; }



.flx-bx { display: flex; }
.flx-col { display: flex; flex-direction: column }
.fl-al-cent { align-items: center; }
.fl-al-end { align-items: flex-end; }
.fl-al-start { align-items: flex-start; }
.fl-al-base { align-items: baseline; }
.fl-ju-cent { justify-content: center; }
.fl-ju-space { justify-content: space-between; }
.fl-ju-evenly { justify-content: space-evenly; }
.fl-ju-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11, .dw-xs-12,
.dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11, .dw-sm-12,
.dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11, .dw-md-12,
.dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11, .dw-lg-12,
.dw-xl-1, .dw-xl-2, .dw-xl-3, .dw-xl-4, .dw-xl-5, .dw-xl-6, .dw-xl-7, .dw-xl-8, .dw-xl-9, .dw-xl-10, .dw-xl-11, .dw-xl-12,
.dw-xxl-1, .dw-xxl-2, .dw-xxl-3, .dw-xxl-4, .dw-xxl-5, .dw-xxl-6, .dw-xxl-7, .dw-xxl-8, .dw-xxl-9, .dw-xxl-10, .dw-xxl-11, .dw-xxl-12 { position: relative; min-height: 1px; padding: 0 15px; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11 { float: left; }
.dw-xs-12 { width: 100%; }
.dw-xs-11 { width: 91.66666666666666%; }
.dw-xs-10 { width: 83.33333333333334%; }
.dw-xs-9 { width: 75%; }
.dw-xs-8 { width: 66.66666666666666%; }
.dw-xs-7 { width: 58.333333333333336%; }
.dw-xs-6 { width: 50%; }
.dw-xs-5 { width: 41.66666666666667%; }
.dw-xs-4 { width: 33.33333333333333%; }
.dw-xs-3 { width: 25%; }
.dw-xs-2 { width: 16.666666666666664%; }
.dw-xs-1 { width: 8.333333333333332%; }

@media (min-width:768px) {
    .dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11 { float: left; }
    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container { max-width: 750px; }
}

@media (min-width:992px) {
    .dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11 { float: left; }
    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { max-width: 970px; }
}

@media (min-width: 1230px) {
    .container.console { width: auto !important; }

    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }
    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container { max-width: 1230px; }
}

@media (min-width: 1671px) {
    .dw-xl-1, .dw-xl-2, .dw-xl-3, .dw-xl-4, .dw-xl-5, .dw-xl-6, .dw-xl-7, .dw-xl-8, .dw-xl-9, .dw-xl-10, .dw-xl-11 { float: left; }
    .dw-xl-12 { width: 100%; }
    .dw-xl-11 { width: 91.66666666666666%; }
    .dw-xl-10 { width: 83.33333333333334%; }
    .dw-xl-9 { width: 75%; }
    .dw-xl-8 { width: 66.66666666666666%; }
    .dw-xl-7 { width: 58.333333333333336%; }
    .dw-xl-6 { width: 50%; }
    .dw-xl-5 { width: 41.66666666666667%; }
    .dw-xl-4 { width: 33.33333333333333%; }
    .dw-xl-3 { width: 25%; }
    .dw-xl-2 { width: 16.666666666666664%; }
    .dw-xl-1 { width: 8.333333333333332%; }
}

@media (min-width:1800px) {
    .container.lg { max-width: 1780px; }
}

@media (min-width:1500px) and (max-width:1670px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1640px; }

    .dw-xxl-1, .dw-xxl-2, .dw-xxl-3, .dw-xxl-4, .dw-xxl-5, .dw-xxl-6, .dw-xxl-7, .dw-xxl-8, .dw-xxl-9, .dw-xxl-10, .dw-xxl-11 { float: left; }
    .dw-xxl-12 { width: 100%; }
    .dw-xxl-11 { width: 91.66666666666666%; }
    .dw-xxl-10 { width: 83.33333333333334%; }
    .dw-xxl-9 { width: 75%; }
    .dw-xxl-8 { width: 66.66666666666666%; }
    .dw-xxl-7 { width: 58.333333333333336%; }
    .dw-xxl-6 { width: 50%; }
    .dw-xxl-5 { width: 41.66666666666667%; }
    .dw-xxl-4 { width: 33.33333333333333%; }
    .dw-xxl-3 { width: 25%; }
    .dw-xxl-2 { width: 16.666666666666664%; }
    .dw-xxl-1 { width: 8.333333333333332%; }
    .container.console { max-width: 1645px !important; }
}

.lh-095 { line-height: 0.95; }
.lh-11 { line-height: 1.1; }

.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }
.max-w-10 { max-width: 10px }
.max-w-20 { max-width: 20px }
.max-w-30 { max-width: 30px }
.max-w-40 { max-width: 40px }
.max-w-50 { max-width: 50px }
.max-w-60 { max-width: 60px }
.max-w-70 { max-width: 70px }
.max-w-80 { max-width: 80px }
.max-w-90 { max-width: 90px }

.w-fit { width: fit-content; }

.max-w-100 { max-width: 100px }
.max-w-110 { max-width: 110px }
.max-w-120 { max-width: 120px }
.max-w-130 { max-width: 130px }
.max-w-140 { max-width: 140px }
.max-w-150 { max-width: 150px }
.max-w-160 { max-width: 160px }
.max-w-170 { max-width: 170px }
.max-w-180 { max-width: 180px }
.max-w-190 { max-width: 190px }
.max-w-200 { max-width: 200px }
.max-w-210 { max-width: 210px }
.max-w-220 { max-width: 220px }
.max-w-230 { max-width: 230px }
.max-w-240 { max-width: 240px }
.max-w-250 { max-width: 250px }
.max-w-260 { max-width: 260px }
.max-w-270 { max-width: 270px }
.max-w-280 { max-width: 280px }
.max-w-290 { max-width: 290px }
.max-w-300 { max-width: 300px }
.max-w-310 { max-width: 310px }
.max-w-320 { max-width: 320px }
.max-w-330 { max-width: 330px }
.max-w-340 { max-width: 340px }
.max-w-350 { max-width: 350px }
.max-w-360 { max-width: 360px }
.max-w-370 { max-width: 370px }
.max-w-380 { max-width: 380px }
.max-w-390 { max-width: 390px }
.max-w-400 { max-width: 400px }
.max-w-410 { max-width: 410px }
.max-w-420 { max-width: 420px }
.max-w-430 { max-width: 430px }
.max-w-440 { max-width: 440px }
.max-w-450 { max-width: 450px }
.max-w-460 { max-width: 460px }
.max-w-470 { max-width: 470px }
.max-w-480 { max-width: 480px }
.max-w-490 { max-width: 490px }
.max-w-500 { max-width: 500px }
.max-w-510 { max-width: 510px }
.max-w-520 { max-width: 520px }
.max-w-530 { max-width: 530px }
.max-w-540 { max-width: 540px }
.max-w-550 { max-width: 550px }
.max-w-560 { max-width: 560px }
.max-w-570 { max-width: 570px }
.max-w-580 { max-width: 580px }
.max-w-590 { max-width: 590px }
.max-w-600 { max-width: 600px }
.max-w-610 { max-width: 610px }
.max-w-620 { max-width: 620px }
.max-w-630 { max-width: 630px }
.max-w-640 { max-width: 640px }
.max-w-650 { max-width: 650px }
.max-w-660 { max-width: 660px }
.max-w-670 { max-width: 670px }
.max-w-680 { max-width: 680px }
.max-w-690 { max-width: 690px }
.max-w-700 { max-width: 700px }
.max-w-710 { max-width: 710px }
.max-w-720 { max-width: 720px }
.max-w-730 { max-width: 730px }
.max-w-740 { max-width: 740px }
.max-w-750 { max-width: 750px }
.max-w-760 { max-width: 760px }
.max-w-770 { max-width: 770px }
.max-w-780 { max-width: 780px }
.max-w-790 { max-width: 790px }
.max-w-800 { max-width: 800px }
.max-w-810 { max-width: 810px }
.max-w-820 { max-width: 820px }
.max-w-830 { max-width: 830px }
.max-w-840 { max-width: 840px }
.max-w-850 { max-width: 850px }
.max-w-860 { max-width: 860px }
.max-w-870 { max-width: 870px }
.max-w-880 { max-width: 880px }
.max-w-890 { max-width: 890px }
.max-w-900 { max-width: 900px }
.max-w-910 { max-width: 910px }
.max-w-920 { max-width: 920px }
.max-w-930 { max-width: 930px }
.max-w-940 { max-width: 940px }
.max-w-950 { max-width: 950px }
.max-w-960 { max-width: 960px }
.max-w-970 { max-width: 970px }
.max-w-980 { max-width: 980px }
.max-w-990 { max-width: 990px }
.max-w-1000 { max-width: 1000px }
.max-w-1010 { max-width: 1010px }
.max-w-1020 { max-width: 1020px }
.max-w-1030 { max-width: 1030px }
.max-w-1040 { max-width: 1040px }
.max-w-1050 { max-width: 1050px }
.max-w-1060 { max-width: 1060px }
.max-w-1070 { max-width: 1070px }
.max-w-1080 { max-width: 1080px }
.max-w-1090 { max-width: 1090px }
.max-w-1100 { max-width: 1100px }
.max-w-1110 { max-width: 1110px }
.max-w-1120 { max-width: 1120px }
.max-w-1130 { max-width: 1130px }
.max-w-1140 { max-width: 1140px }
.max-w-1150 { max-width: 1150px }
.max-w-1160 { max-width: 1160px }
.max-w-1170 { max-width: 1170px }
.max-w-1180 { max-width: 1180px }
.max-w-1190 { max-width: 1190px }
.max-w-1200 { max-width: 1200px }
.max-w-1210 { max-width: 1210px }
.max-w-1220 { max-width: 1220px }
.max-w-1230 { max-width: 1230px }
.max-w-1240 { max-width: 1240px }
.max-w-1250 { max-width: 1250px }
.max-w-1260 { max-width: 1260px }
.max-w-1270 { max-width: 1270px }
.max-w-1280 { max-width: 1280px }
.max-w-1290 { max-width: 1290px }
.max-w-1300 { max-width: 1300px }
.max-w-1310 { max-width: 1310px }
.max-w-1320 { max-width: 1320px }
.max-w-1330 { max-width: 1330px }
.max-w-1340 { max-width: 1340px }
.max-w-1350 { max-width: 1350px }
.max-w-1360 { max-width: 1360px }
.max-w-1370 { max-width: 1370px }
.max-w-1380 { max-width: 1380px }
.max-w-1390 { max-width: 1390px }
.max-w-1400 { max-width: 1400px }
.max-w-1410 { max-width: 1410px }
.max-w-1420 { max-width: 1420px }
.max-w-1430 { max-width: 1430px }
.max-w-1440 { max-width: 1440px }
.max-w-1450 { max-width: 1450px }
.max-w-1460 { max-width: 1460px }
.max-w-1470 { max-width: 1470px }
.max-w-1480 { max-width: 1480px }
.max-w-1490 { max-width: 1490px }
.max-w-1500 { max-width: 1500px }
.max-w-1510 { max-width: 1510px }
.max-w-1520 { max-width: 1520px }
.max-w-1530 { max-width: 1530px }
.max-w-1540 { max-width: 1540px }
.max-w-1550 { max-width: 1550px }
.max-w-1560 { max-width: 1560px }
.max-w-1570 { max-width: 1570px }
.max-w-1580 { max-width: 1580px }
.max-w-1590 { max-width: 1590px }
.max-w-1600 { max-width: 1600px }
.max-w-1610 { max-width: 1610px }
.max-w-1620 { max-width: 1620px }
.max-w-1630 { max-width: 1630px }
.max-w-1640 { max-width: 1640px }
.max-w-1650 { max-width: 1650px }
.max-w-1660 { max-width: 1660px }
.max-w-1670 { max-width: 1670px }
.max-w-1680 { max-width: 1680px }
.max-w-1690 { max-width: 1690px }
.max-w-1700 { max-width: 1700px }
.max-w-1710 { max-width: 1710px }
.max-w-1720 { max-width: 1720px }
.max-w-1730 { max-width: 1730px }
.max-w-1740 { max-width: 1740px }
.max-w-1750 { max-width: 1750px }
.max-w-1760 { max-width: 1760px }
.max-w-1770 { max-width: 1770px }
.max-w-1780 { max-width: 1780px }
.max-w-1790 { max-width: 1790px }
.max-w-1800 { max-width: 1800px }
.max-w-1810 { max-width: 1810px }
.max-w-1820 { max-width: 1820px }
.max-w-1830 { max-width: 1830px }
.max-w-1840 { max-width: 1840px }
.max-w-1850 { max-width: 1850px }
.max-w-1860 { max-width: 1860px }
.max-w-1870 { max-width: 1870px }
.max-w-1880 { max-width: 1880px }
.max-w-1890 { max-width: 1890px }
.max-w-1900 { max-width: 1900px }
.max-w-1910 { max-width: 1910px }
.max-w-1920 { max-width: 1920px }
.max-w-1930 { max-width: 1930px }
.max-w-1940 { max-width: 1940px }
.max-w-1950 { max-width: 1950px }
.max-w-1960 { max-width: 1960px }
.max-w-1970 { max-width: 1970px }
.max-w-1980 { max-width: 1980px }
.max-w-1990 { max-width: 1990px }
.max-w-2000 { max-width: 2000px }
.max-w-2010 { max-width: 2010px }
.max-w-2020 { max-width: 2020px }
.max-w-2030 { max-width: 2030px }
.max-w-2040 { max-width: 2040px }
.max-w-2050 { max-width: 2050px }
.max-w-2060 { max-width: 2060px }
.max-w-2070 { max-width: 2070px }
.max-w-2080 { max-width: 2080px }
.max-w-2090 { max-width: 2090px }
.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-90 { min-height: 90px; }
.min-h-20 { min-height: 20px; }
.min-h-156 { min-height: 156px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-360 { min-height: 360px; }
.min-h-500 { min-height: 500px; }
.min-h-600 { min-height: 600px; }
.min-h-960 { min-height: 960px; }
.vert-padd-5 { padding: 5px 0px; }
.vert-padd-10 { padding: 10px 0px; }
.vert-padd-15 { padding-top: 15px; padding-bottom: 15px }
.vert-padd-20 { padding: 20px 0px; }
.vert-padd-30 { padding: 30px 0px; }
.vert-padd-45 { padding: 45px 0px; }
.vert-padd-60 { padding: 60px 0px; }
.top-padd-15 { padding-top: 15px; }
.top-padd-30 { padding-top: 30px; }

.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }

.hor-padd-5 { padding: 0px 5px; }
.hor-padd-10 { padding: 0px 10px; }
.hor-padd-15 { padding: 0px 15px; }
.hor-padd-20 { padding: 0px 20px; }
.hor-padd-30 { padding: 0px 30px; }
.hor-padd-45 { padding-left: 45px; padding-right: 45px; }
.hor-padd-60 { padding: 0px 60px; }
.padd-0 { padding: 0; }
.padd-5 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15, .p15 { padding: 15px; }
.padd-20 { padding: 20px; }
.padd-30 { padding: 30px; }
.padd-45 { padding: 45px; }
.padd-60 { padding: 60px; }
.padd-btm-5 { padding-bottom: 5px; }
.padd-btm-10 { padding-bottom: 10px; }
.padd-btm-15 { padding-bottom: 15px; }
.padd-btm-20 { padding-bottom: 20px; }
.padd-btm-30 { padding-bottom: 30px; }
.padd-btm-45 { padding-bottom: 45px; }
.padd-btm-60 { padding-bottom: 60px; }
.padd-top-5 { padding-top: 5px; }
.padd-top-10 { padding-top: 10px; }
.padd-top-15 { padding-top: 15px; }
.padd-top-20 { padding-top: 20px; }
.padd-top-30 { padding-top: 30px; }
.padd-top-45 { padding-top: 45px; }
.padd-top-60 { padding-top: 60px; }
.p-l-15 { padding-left: 15px; }
.p-t-15 { padding-top: 15px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-r-15 { padding-right: 15px; }
.p-l-30 { padding-left: 30px; }
.p-t-30 { padding-top: 30px; }
.p-b-30 { padding-bottom: 30px; }
.p-r-30 { padding-right: 30px; }

@media (max-width:991px) {
    .padd-15-tabdown { padding: 15px !important; }
    .padd-30-tabdown { padding: 30px !important; }
}

.marg-0 { margin: 0; }
.marg-btm-5 { margin-bottom: 5px; }
.marg-btm-10 { margin-bottom: 10px; }
.marg-btm-15 { margin-bottom: 15px; }
.marg-btm-20 { margin-bottom: 20px; }
.marg-btm-30 { margin-bottom: 30px; }
.marg-btm-45 { margin-bottom: 45px; }
.marg-btm-60 { margin-bottom: 60px; }
.marg-btm-130 { margin-bottom: 130px; }
.marg-top-5 { margin-top: 5px; }
.marg-top-10 { margin-top: 10px; }
.marg-top-15 { margin-top: 15px; }
.marg-top-20 { margin-top: 20px; }
.marg-top-30 { margin-top: 30px; }
.marg-top-45 { margin-top: 45px; }
.marg-top-60 { margin-top: 60px; }



.fnt-scale-07 { font-size: 0.7em; }
.fnt-scale-08 { font-size: 0.8em; }
.fnt-scale-09 { font-size: 0.9em; }
.fnt-scale-1 { font-size: 1em; }
.fnt-scale-102 { font-size: 1.01em; }
.fnt-scale-103 { font-size: 1.02em; }
.fnt-scale-103 { font-size: 1.03em; }
.fnt-scale-104 { font-size: 1.04em; }
.fnt-scale-108 { font-size: 1.08em; }

.fnt-scale-11 { font-size: 1.1em; }
.fnt-scale-112 { font-size: 1.11em; }
.fnt-scale-113 { font-size: 1.12em; }
.fnt-scale-113 { font-size: 1.13em; }
.fnt-scale-114 { font-size: 1.14em; }
.fnt-scale-12 { font-size: 1.2em; }
.fnt-scale-125 { font-size: 1.25em; }
.fnt-scale-13 { font-size: 1.3em; }
.fnt-scale-14 { font-size: 1.4em; }
.fnt-scale-15 { font-size: 1.5em; }
.fnt-scale-16 { font-size: 1.6em; }
.fnt-scale-17 { font-size: 1.7em; }
.fnt-scale-18 { font-size: 1.8em; }
.fnt-scale-19 { font-size: 1.9em; }
.fnt-scale-20 { font-size: 2.0em; }
.fnt-scale-21 { font-size: 2.1em; }
.fnt-scale-22 { font-size: 2.2em; }
.fnt-scale-23 { font-size: 2.3em; }
.fnt-scale-24 { font-size: 2.4em; }
.fnt-scale-25 { font-size: 2.5em; }
.fnt-scale-27 { font-size: 2.7em; }
.fnt-scale-30 { font-size: 3.0em; }
.fnt-scale-32 { font-size: 3.2em; }
.fnt-scale-33 { font-size: 3.3em; }
.fnt-scale-34 { font-size: 3.4em; }
.fnt-scale-35 { font-size: 3.5em; }
.fnt-scale-43 { font-size: 4.3em; }
.fnt-scale-55 { font-size: 5.5em; }

.fnt-rem-07 { font-size: 0.7rem; }
.fnt-rem-09 { font-size: 0.9rem; }
.fnt-rem-11 { font-size: 1.1rem; }
.fnt-rem-12 { font-size: 1.2rem; }
.fnt-rem-13 { font-size: 1.3rem; }
.fnt-rem-14 { font-size: 1.4rem; }
.fnt-rem-15 { font-size: 1.5rem; }
.fnt-rem-16 { font-size: 1.6rem; }
.fnt-rem-17 { font-size: 1.7rem; }
.fnt-rem-18 { font-size: 1.8rem; }
.fnt-rem-19 { font-size: 1.9rem; }
.fnt-rem-20 { font-size: 2.0rem; }
.fnt-rem-21 { font-size: 2.1rem; }
.fnt-rem-22 { font-size: 2.2rem; }
.fnt-rem-23 { font-size: 2.3rem; }
.fnt-rem-24 { font-size: 2.4rem; }
.fnt-rem-25 { font-size: 2.5rem; }
.fnt-rem-27 { font-size: 2.7rem; }
.fnt-rem-29 { font-size: 2.9rem; }
.fnt-rem-30 { font-size: 3.0rem; }
.fnt-rem-32 { font-size: 3.2rem; }
.fnt-rem-33 { font-size: 3.3rem; }
.fnt-rem-34 { font-size: 3.4rem; }
.fnt-rem-35 { font-size: 3.5rem; }
.fnt-rem-43 { font-size: 4.3rem; }

.fnt-em-07 { font-size: 0.7em; }
.fnt-em-09 { font-size: 0.9em; }
.fnt-em-10 { font-size: 1.0em; }
.fnt-em-108 { font-size: 1.08em; }
.fnt-em-11 { font-size: 1.1em; }

.fnt-em-12 { font-size: 1.2em; }
.fnt-em-13 { font-size: 1.3em; }
.fnt-em-14 { font-size: 1.4em; }
.fnt-em-15 { font-size: 1.5em; }
.fnt-em-16 { font-size: 1.6em; }
.fnt-em-17 { font-size: 1.7em; }
.fnt-em-18 { font-size: 1.8em; }
.fnt-em-19 { font-size: 1.9em; }
.fnt-em-20 { font-size: 2.0em; }
.fnt-em-21 { font-size: 2.1em; }
.fnt-em-22 { font-size: 2.2em; }
.fnt-em-23 { font-size: 2.3em; }
.fnt-em-24 { font-size: 2.4em; }
.fnt-em-25 { font-size: 2.5em; }
.fnt-em-27 { font-size: 2.7em; }
.fnt-em-29 { font-size: 2.9em; }
.fnt-em-30 { font-size: 3.0em; }
.fnt-em-32 { font-size: 3.2em; }
.fnt-em-33 { font-size: 3.3em; }
.fnt-em-34 { font-size: 3.4em; }
.fnt-em-35 { font-size: 3.5em; }
.fnt-em-43 { font-size: 4.3em; }


.fnt-w-100 { font-weight: 100; }
.fnt-w-200 { font-weight: 200; }
.fnt-w-300 { font-weight: 300; }
.fnt-w-500 { font-weight: 500; }
.fnt-w-600 { font-weight: 600; }
.fnt-w-900 { font-weight: 900; }

.min-h-105 { min-height: 105px; }
.min-h-140 { min-height: 140px; }
.min-h-150 { min-height: 150px; }
.min-h-180 { min-height: 150px; }

.marg-btm-15 { margin-bottom: 15px; }

/**
 * DW Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/DWCarousel2/DWCarousel2/blob/master/LICENSE
 */
/*
 *  DW Carousel - Core
 */
.dw-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .dw-carousel .dw-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .dw-carousel .dw-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .dw-carousel .dw-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .dw-carousel .dw-wrapper,
  .dw-carousel .dw-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .dw-carousel .dw-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .dw-carousel .dw-item img {
    display: block;
    width: 100%; }
  .dw-carousel .dw-nav.disabled,
  .dw-carousel .dw-dots.disabled {
    display: none; }
  .dw-carousel .dw-nav .dw-prev,
  .dw-carousel .dw-nav .dw-next,
  .dw-carousel .dw-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .dw-carousel .dw-nav button.dw-prev,
  .dw-carousel .dw-nav button.dw-next,
  .dw-carousel button.dw-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .dw-carousel.dw-loaded {
    display: block; }
  .dw-carousel.dw-loading {
    opacity: 0;
    display: block; }
  .dw-carousel.dw-hidden {
    opacity: 0; }
  .dw-carousel.dw-refresh .dw-item {
    visibility: hidden; }
  .dw-carousel.dw-drag .dw-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .dw-carousel.dw-grab {
    cursor: move;
    cursor: grab; }
  .dw-carousel.dw-rtl {
    direction: rtl; }
  .dw-carousel.dw-rtl .dw-item {
    float: right; }

/* No Js */
.no-js .dw-carousel {
  display: block; }

/*
 *  DW Carousel - Animate Plugin
 */
.dw-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.dw-carousel .dw-animated-in {
  z-index: 0; }

.dw-carousel .dw-animated-out {
  z-index: 1; }

.dw-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	DW Carousel - Auto Height Plugin
 */
.dw-height {
  transition: height 500ms ease-in-out; }

/*
 * 	DW Carousel - Lazy Load Plugin
 */
.dw-carousel .dw-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the dw-item that breaks page layouts
		 */ }
  .dw-carousel .dw-item .dw-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) {
    max-height: 0; }
  .dw-carousel .dw-item img.dw-lazy {
    transform-style: preserve-3d; }

/*
 * 	DW Carousel - Video Plugin
 */
.dw-carousel .dw-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.dw-carousel .dw-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("dw.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.dw-carousel .dw-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.dw-carousel .dw-video-playing .dw-video-tn,
.dw-carousel .dw-video-playing .dw-video-play-icon {
  display: none; }

.dw-carousel .dw-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.dw-carousel .dw-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.dw-theme .dw-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .dw-theme .dw-nav [class*='dw-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .dw-theme .dw-nav [class*='dw-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .dw-theme .dw-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.dw-theme .dw-nav.disabled + .dw-dots {
  margin-top: 10px; }

.dw-theme .dw-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .dw-theme .dw-dots .dw-dot {
    display: inline-block;
    zoom: 1;
    display: inline; }
    .dw-theme .dw-dots .dw-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span {
      background: #869791; }

/*BUTTONS*/

.button { color: #fff; background-color: #005B86; height: 80px; display: flex; align-items: center; justify-content: center; max-width: 390px; font-size: 1.4rem; border-radius: 40px; cursor: pointer; }
.button:hover { background-color: #f7941d; }

.course-page a, .info-page.location .single-course-page a { text-decoration: underline; }
.course-page .dw-carousel a { text-decoration: none; }


/*NAV*/
.masthead.mast-course { border-bottom: none; }
.masthead.mast-course li span i { display: none; }

.nav--last li.contact { text-decoration: none; }

.nav--last li.black { display: flex; float: left; line-height: initial; align-items: center; padding: 0; cursor: pointer; }

.nav--last li i.fa-search.black { color: #151724; font-size: 2rem; cursor: pointer; }

#headerleft i, .phone-icon:not(.black) a, .masthead.mast-course .nav--last li.contact, .masthead.mast-course .nav--middle li a, .masthead.mast-course .nav--middle li .atag, .masthead.mast-course .nav--last li a, .masthead.mast-course .nav--middle li span i { color: #151724; margin-right: 15px; }

.masthead.mast-course .phone-icon.black { position: absolute; right: 65px; top: 50%; transform: translateY(-50%); }

.masthead.mast-course .phone-icon.black a { position: static; transform: none; }

.masthead.scrolled.mast-course .nav--middle li a,
.masthead.scrolled.mast-course .nav--middle li .atag,
.masthead.scrolled.mast-course .nav--last li a,
.masthead.scrolled.mast-course .nav--middle li span i { color: #151724; }

.masthead.scrolled.mast-course .nav--last li.contact { color: #151724; text-decoration: none; }



.masthead.scrolled.mast-course #headerleft i { color: #151724; }

.masthead.scrolled.mast-course .phone-icon.black i { color: #151724; }


.apprentice-faqs.faqs { max-width: initial; }
.apprentice-faqs.faqs .faq-option .question { background-color: transparent; color: #fff }
.apprentice-faqs.faqs .faq-option .question h2 { color: #fff; font-size: 1.8rem; padding: 0; }
.apprentice-faqs.faqs .faq-option i { color: #fff; font-size: 1.5rem; }
.apprentice-faqs.faqs .answer span { color: #fff; font-size: 1.4rem; }
.apprentice-faqs.faqs .answer span a { color: #72d4d1; }
.apprentice-faqs.faqs .answer span a:hover { color: #f4921d; }

@media screen and (max-width: 1229px) {
    .apprentice-faqs.faqs { max-width: initial; }
    .apprentice-faqs.faqs .faq-option .question h2 { font-size: 1.4rem !important; }
    .apprentice-faqs.faqs .faq-option i { font-size: 1.3rem; }
    .apprentice-faqs.faqs .answer span { font-size: 1.1rem; }
}

/*BANNER*/
.course-banner-list li { color: #151724 !important; }
.course-banner { padding-top: 150px; }
.course-banner .container { position: relative; }
.course-banner-content { max-width: 810px; padding-bottom: 40px; }
.course-banner-title { color: #151724; font-size: 7rem; font-weight: 600; line-height: 85px; }
.logos-flex { display: grid; grid-template-columns: repeat(4, auto); align-items: center; width: fit-content; grid-gap: 30px; padding: 15px 30px; background-color: #005B86; border: 4px solid #fff; border-radius: 100px; }
.logos-flex .trustpilot { max-width: 490px; width: max-content; }
.course-banner.plumb-heat .container { position: relative; padding-top: 110px; }


/*FORM*/

.course-form { margin-top: 45px; }

.course-form #enquiryform { margin: 0 !important; }
.course-form #enquiryform form { position: static; box-shadow: none; bottom: initial; right: initial; overflow: initial; }

.course-form-surround { display: flex; align-items: center; justify-content: center; padding: 15px; background-color: #fff; border: 4px solid #005B86; border-radius: 200px; width: 92%; margin-left: auto; }

.course-form-grid { display: grid; grid-template-rows: repeat(3, auto); align-items: center; grid-gap: 15px; width: fit-content; }

.course-form-title { font-size: 6.5rem; text-align: center; color: #151724; }
.course-form-title span { text-align: center; color: #F7941D; font-weight: 600; }

.fields-grid { display: grid; grid-template-columns: repeat(3, minmax(min-content, 390px)); grid-gap: 15px; }
.submit-grid { display: grid; grid-template-columns: repeat(3, minmax(min-content, 390px)); grid-gap: 15px; align-items: center; }

.course-form #enquiryform input[type="text"], #enquiryform input[type="tel"], #enquiryform input[type="email"] { height: 75px; border-radius: 30px !important; border: 1px solid #005B86; font-size: 1.6em; padding-left: 45px; box-shadow: inset 0 7px 12px 0px #00000029; }

.course-form #enquiryform .editor-field { margin-bottom: 0; }

.course-form #enquiryform input[type="submit"], .course-form #enquiryform .btn.submit  { max-width: 390px; height: 75px; border-radius: 30px !important; font-size: 1.6em; margin: 0; }
.course-form #enquiryform input[type="submit"]:hover,.course-form #enquiryform .btn.submit:hover { background-color: #005B86; color: #fff; }

.course-form .editor-field.checkbox, .course-form-privacy { color: #005B86; font-size: 1.1em; }

.course-form-privacy { padding-left: 45px; }

.course-form .editor-field.checkbox { display: flex; align-items: center; grid-gap: 15px; }

.course-form input[type="checkbox"] { width: 40px; height: 40px; }

/*WHO-COURSE*/

.who-grid { display: grid; grid-template-areas: "photo title" "photo content"; grid-column-gap: 6vw; margin-top: 160px; position: relative; }

.who-grid img:not(.blur) { grid-area: photo; z-index: 1; }

.orange-wave { z-index: 1; max-width: initial; position: absolute; transform: translate(-25%, -448px); pointer-events: none; }
.who-content { grid-area: content; }

.who-content h2 { grid-area: title; }

.rad-left-270 { border-top-left-radius: 270px; }

.blur:not(.overlay) { position: absolute; left: -450px; top: -200px; }
.blur-2 { position: absolute; right: -1000px; top: -200px; transform: rotate(157deg); }

/*QUALIFICATIONS*/
.qualifications { /*margin-top: 45px;*/ display: flex; grid-gap: 30px; align-items: center; position: relative; }
.qualifications ul { margin: 0px; padding-left: 30px; }
.qualifications h3 { margin: 0px; }
.qualifications .flex, .qualifications i { z-index: 1; }
.small-wave-blue, .small-wave-orange { display: none; }


/*CAROUSEL*/
#course-carousel.dw-theme .dw-nav [class*='dw-'] { border-radius: 50%; }


@media screen and (min-width: 1671px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1680px; }
}

@media screen and (max-width: 1670px) {
    /*BANNER*/

    /*FORM*/
    .course-form { margin-top: 15px; }
    .course-form .fnt-rem-35 { font-size: 2.5rem; }
    .course-form .g-recaptcha, .course-form #enquiryform input[type="text"], #enquiryform input[type="tel"], #enquiryform input[type="email"] { height: 60px !important; font-size: 1rem; width: 100%; }
    .course-form-privacy { padding-left: 0; text-align: center; }
    .course-form-surround { display: flex; align-items: center; justify-content: center; border-radius: 100px; width: 100%; margin-left: initial; }
    .course-form #enquiryform input[type="submit"],.course-form #enquiryform .btn.submit { font-size: 1rem; padding: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
    .course-banner-title { font-size: 5rem; }
    .course-banner-content .content-wrapper *:not(h1) { font-size: 1.2rem !important; }
}

@media screen and (max-width: 1449px) {
    /*BANNER*/
    .logos-flex { width: 60%; }
    /*FORM*/
    .course-form-surround { display: flex; align-items: center; justify-content: center; border-radius: 60px; width: 100%; margin-left: initial; }
    /*WHO-COURSE*/
    .who-grid { margin-top: 100px; grid-template-areas: "title title" "photo content"; grid-template-columns: 1.5fr 1fr; align-items: center; }
    .who-grid h2 { grid-area: title; text-align: center; margin-bottom: 30px; }
    .rad-left-270 { border-top-left-radius: 60px; }

    .blur:not(.overlay), .blur-2 { display: none; }
}


@media screen and (min-width: 1230px) {
    .logos-flex { margin-left: 25%; }
}

@media screen and (max-width: 1229px) {
    .course-banner .max-w-400 { max-width: 50% !important; }
    /*GLOBAL*/
    .fnt-rem-16 { font-size: 1.4rem; }
    .fnt-rem-14, .fnt-rem-15 { font-size: 1.2rem; }
    h2.fnt-rem-29 { font-size: 2rem; }
    h3.fnt-rem-22 { font-size: 1.3rem; margin: 20px 0; }

    /*BANNER*/
    .course-banner-title { font-size: 4rem; line-height: 55px; max-width: 530px; }
    .course-banner-content { max-width: 530px; }
    .logos-flex { position: static; width: fit-content; border-radius: 60px; }

    .masthead.mast-course #headerleft i { color: #151724; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; text-align: center; cursor: pointer; }


    .course-banner.plumb-heat { padding-top: 30px; }
    .course-banner.plumb-heat .container { padding-top: 30px; }
}

@media screen and (min-width: 991px) and (max-width: 1229px) {
    .qualifications .flex { }

    .logos-flex:not(.heat) { margin-left: 25%; }
}

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

    /*BANNER*/
    .logos-flex { grid-template-columns: 1fr 1fr 1fr; align-items: center; grid-gap: 30px; }
    .logos-flex .tp { grid-column: 1 /-1; grid-row: 1 / 2; }
    .logos-flex .trustpilot { margin: 0 auto; }



    /*FORM*/
    .submit-grid, .fields-grid { grid-template-columns: 1fr; }

    /*WHO-COURSE*/
    .who-grid { display: grid; grid-template-areas: "title" "photo" "content"; margin-top: 45px; grid-gap: 15px; grid-template-columns: auto; }
    .qualifications { flex-direction: column; margin-top: 20px; }
    .qualifications > div img { height: 10vh; }
    .qualifications > div.flex { grid-gap: 0.5rem; }
    .qualifications .inner-list { flex-direction: column; }
    .qualifications h3.fnt-rem-15 { font-size: 1.5rem; /*text-align: center;*/ }
    .qualifications li.fnt-rem-13 { font-size: 1rem; }
    .qualifications .cent-sml { align-items: center; }
    .qualifications > .flex > .flex.adjust { flex-direction: column; }
    .orange-wave { display: none; }
    .qual-title-flex > div { margin: auto; }
    .qual-title-flex > div > div { margin: auto; }
    .qual-title-flex > div > h2 { margin: auto; font-weight: 900; font-size: 1.8rem; margin-bottom: 20px; }
    .qual-title-flex > div > * { text-align: center !important; }
}

@media screen and (min-width: 501px) {
    .show-sm { display: none; }
}

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

    .qualifications .section > * { width: 100%; }

    .qualifications .section img { display: none; }
    .qualifications .section .fnt-rem-16 { font-size: 1.8rem; }

    /*GLOBAL*/

    .fnt-rem-16 { font-size: 1.2rem; }
    .fnt-rem-14, .fnt-rem-15, .fnt-rem-11 { font-size: 1rem; }
    h2.fnt-rem-29, h3.fnt-rem-22 { font-size: 1.6rem; margin: 20px 0; }
    li.marg-btm-15 { margin-bottom: 5px; }
    .dw-item .flex-col.padd-30 { display: none; }
    .dw-item .rad-60 { border-radius: 30px; margin-bottom: 0; }


    /*BANNER*/
    .course-banner { padding-top: 150px; }
    .course-banner-content { max-width: 810px; padding-bottom: 15px; }
    .course-banner-content div.colour-orange { max-width: 240px }
    .course-banner-title { font-size: 2.3rem; line-height: 30px; }
    .course-banner-content .fnt-rem-15 { font-size: 1rem; }
    .course-banner-content .marg-top-45 { margin-top: 30px; }
    .course-banner-content .fnt-rem-14 { font-size: 1rem; }




    .logos-flex .trustpilot { width: fit-content; }

    .logos-flex { grid-gap: 15px; }

    /*FORM*/
    .course-form { margin-top: 15px; }
    .course-form .fnt-rem-35 { font-size: 1.8rem; }
    .course-form .g-recaptcha, .course-form #enquiryform input[type="text"], #enquiryform input[type="tel"], #enquiryform input[type="email"] { height: 45px !important; font-size: 1rem; width: 100%; }
    .course-form-privacy { padding-left: 0; text-align: center; }
    .course-form-surround { display: flex; align-items: center; justify-content: center; border-radius: 60px; width: 100%; margin-left: initial; }
    .course-form #enquiryform input[type="submit"] { font-size: 1rem; padding: 0; margin: 0 auto; }
    .course-form .editor-field.checkbox { display: flex; justify-content: space-between; }

    /*WHO-COURSE*/
    .who-grid .button { display: none; }

    .rad-left-270 { border-top-left-radius: 0; border-top-right-radius: 70px; }

    /*QUALIFICATIONS*/

    .qualifications img { }
    .qual-title-flex { display: flex; grid-gap: 15px; align-items: center; }
    .qual-title-flex div > h2 { text-align: start; margin-top: 15px; }
    .qual-title-flex div > div { text-align: start; margin-bottom: 0; }
    .qualifications h3.fnt-rem-22 { margin-bottom: 0; }

    /*UNITS*/
    .units .flex.gap-30 { flex-direction: column; grid-gap: 5px; }
    .units .center-txt { text-align: start; }
    /*CAROUSEL*/

    .mobile-title { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; border-radius: 30px; color: #fff; font-size: 1.3rem; text-align: center; padding: 0 5px; background: rgb(30,30,30); background: linear-gradient(180deg, rgba(30,30,30,0.5) 10%, rgba(30,30,30,0.65) 40%, rgba(30,30,30,0.65) 60%, rgba(30,30,30,0.5) 90%); }

    /*WAVES*/
    .small-wave-blue, .small-wave-orange { display: block; position: relative; }

    .small-wave-blue { height: 80px; z-index: -1; }

    .small-wave-orange { height: 180px; z-index: -1; }

    .small-wave-blue img, .small-wave-orange img { position: absolute; width: 100%; }

    .small-wave-blue img { top: -280px; }

    .small-wave-orange img { top: -190px; }
}



@media screen and (max-width: 349px) {
    .logos-flex { padding: 15px; border-radius: 40px; }
    .course-form-surround { border-radius: 40PX; }
}


.landing-cms-content ul { color: #005B86; font-size: 1.6em; list-style: none; padding: 0px; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; }
.landing-cms-content ul:first-of-type li:before { content: ""; margin-right: 5px; display: block; width: 36px; height: 36px; background-image: url(images/atw-ul-logo.jpg); background-position: center; background-size: contain; }
.landing-cms-content ul:last-of-type li:before { content: ""; margin-right: 5px; display: block; width: 36px; height: 36px; background-image: url(images/atw-ul-check.jpg); background-position: center; background-size: contain; }
.landing-cms-content ul li { display: flex; margin-bottom: 10px; }
.landing--page .banner { height: auto; }
.course.landing--page .trustpilot-widget { max-width: 265px; }

.landingpage .h2-underline { margin: -20px auto 50px auto; }

.landingpage.template2 .banner.banner--inside { position: relative; padding-top: 100px; }
.landingpage.template2 .banner.banner--inside .bg { background-repeat: no-repeat; background-size: cover; }
.landingpage.template2 .banner.banner--inside .bg .container { padding-top: 80px; }
.landingpage.template2 .smltitle { font-size: 1.44em; margin: 0; }
.landingpage.template2 .banner .text { padding: 0 60px; }
.landingpage.template2 .banner .text h1 { font-size: 4.315em; }
.landingpage.template2 .banner #enquiryform { position: absolute; right: 10.5%; }
.landingpage.template2 .banner #enquiryform form { width: 586px; background: transparent linear-gradient(180deg, #062939 0%, #005B88 100%) 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF; }
.landingpage.template2 .banner #enquiryform .heading { background-color: transparent; }
.landingpage.template2 .banner #enquiryform .surround { background-color: transparent; }
.landingpage.template2 #enquiryform .heading { font-size: 3.02em; font-weight: 400; }
.landingpage.template2 #enquiryform input[type="submit"] { font-size: 1.44em; }
.landingpage.template2 #enquiryform .privacy-note { font-size: 1.15em; font-weight: 200; font-style: italic; }
.landingpage.template2 #enquiryform input[type="text"],
.landingpage.template2 #enquiryform .editor-field.check span { font-family: "sofia-pro", sans-serif; font-size: 1.15em; }
.landingpage.template2 #enquiryform .editor-field.check label.optin { display: flex; align-items: center; justify-content: flex-end; flex-direction: row-reverse; height: 30px; gap: 19px; }
.landingpage.template2 #enquiryform .editor-field.check label.optin span { font-weight: 200; max-width: 300px; }
.landingpage.template2 #enquiryform .editor-field.check input[type="checkbox"] { position: static; top: unset; right: unset; margin: unset; }
.landingpage.template2 ul li { color: #F7941D; }
.landingpage.template2 ul li span { color: #FFF; }
.landingpage.template2 .nospan { max-width: 630px; }

.landingpage.template2 .featured-jobs { background: transparent linear-gradient(114deg, #062939 0%, #005B86 100%) 0% 0% no-repeat padding-box; padding-bottom: 90px; }
.landingpage.template2 .featured-jobs h2 { color: #FFF; }
.landingpage.template2 .featured-jobs .job-card { position: relative; background-color: #FFF; border-radius: 5px; max-width: 399px; padding-left: 0; padding-right: 0; padding-top: 15px; height: 375px; }
.landingpage.template2 .featured-jobs .job-card .job-title { font-size: 2.155em; color: #151724; font-weight: 800; }
.landingpage.template2 .featured-jobs .job-card .job-title.small-txt { font-size: 1.6em; }
.landingpage.template2 .featured-jobs .job-card .job-title.small-txt.xsmall-txt { font-size: 1.38em; }
.landingpage.template2 .featured-jobs .job-card .location { font-size: 1.15em; color: #F7941D; }
.landingpage.template2 .featured-jobs .job-card .desc { font-size: 1.3em; color: #1C1C1C; height: 50px; }
.landingpage.template2 .featured-jobs .job-card .desc.small-txt { font-size: 1.1em; margin-top: 10px; }
.landingpage.template2 .featured-jobs .job-card .desc span.readmore { font-weight: 800; text-decoration: underline; cursor: pointer;}
.landingpage.template2 .featured-jobs .job-card .qual { font-size: 1.3em; color: #FFF; background-color: #005B86; height: 10px; font-weight: 300; position: absolute; width: 100%; bottom: 43%; }
.landingpage.template2 .featured-jobs .job-card .qual p { margin: 0; padding: 0; }
.landingpage.template2 .featured-jobs .job-card .salary { font-size: 2em; color: #1C1C1C; position: absolute; bottom: 10%; }
.landingpage.template2 .featured-jobs .job-card .salary.small-txt { font-size: 1.8em; }
.landingpage.template2 .featured-jobs .job-card .salary.xsmall-txt { font-size: 1em; }
.landingpage.template2 .featured-jobs .job-card .apply { display: block; color: #FFF; background: transparent linear-gradient(103deg, #062939 0%, #005B86 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #FFFFFF; border-radius: 0px 0px 5px 5px; font-size: 1.585em; text-align: center; padding: 10px; position: absolute; bottom: 0; width: 100%; cursor: pointer; }

.landingpage.template2 .featured-jobs .job-card .apply:hover { background: #005882; }

/*.landingpage.template2 .case-study.vids { margin-bottom: 240px; }*/
.landingpage.template2 .case-study iframe { position: static; }

.landingpage.template2 .case-study h2 { color: #062939; font-size: 3.235em; }
.landingpage.template2 .case-study.vids h2 { margin-bottom: 40px; }
/*.landingpage.template2 .case-study .video-card {  position: relative; }*/
.landingpage.template2 .case-study .video-card .content { position: absolute; bottom: -24%; color: white; background: transparent linear-gradient(118deg, #062939 0%, #005B86 100%) 0% 0% no-repeat padding-box; padding: 28px 36px; border-radius: 0px 0px 5px 5px; }
.landingpage.template2 .case-study .video-card p { font-size: 1.44em; font-weight: 300; }
.landingpage.template2 .case-study .video-card span { font-size: 1.585em; }
.landingpage.template2 .case-study .trustpilot-widget { max-width: unset; height: 200px; }

.landingpage.template2 .container.overview--content { margin-bottom: 100px; }
.landingpage.template2 .overview--content .stages .stage.hide { opacity: 1; }
.landingpage.template2 .overview--content .check--list li { color: #005B86; font-weight: 800; }
.landingpage.template2 .overview--content .stages .stage .info .txt h3 { font-size: 2.75em; font-weight: 800; }
.landingpage.template2 .overview--content .stages .stage .info .txt span { color: #666666; font-size: 1.3em; }

.landingpage.template2 .slider-container { padding-top: 15px; }
.landingpage.template2 .banner--inside .trustpilot { margin: 20px 0; }
.landing .banner--overview h1 { color: #062939; margin-bottom: 30px; margin-top: 60px; }
.landing .banner--overview h2 { color: #062939; margin: 0px; }
.landing .banner--overview h2.lbl { color: #005B86; margin: 0px; }


.landingpage.theme3 #enquiryform .call .btn:hover { background-color: #24b395; color: #fff; }

.landingpage.theme1 #enquiryform .heading { background-color: #005b86; font-weight: bold; }
.landingpage.theme1 #enquiryform input[type="submit"], .landingpage.theme2 #enquiryform .loading-help .surround, .landingpage.theme1 #enquiryform .btn.submit { background-color: #005b86; font-weight: bold; }
.landingpage.theme1 #enquiryform input[type="submit"]:hover { background-color: #fff; color: #005b86; }
.landingpage.theme2 #enquiryform .heading { background-color: #F7941D; font-weight: bold; }
.landingpage.theme2 #enquiryform input[type="submit"], .landingpage.theme2 #enquiryform .loading-help .surround { background-color: #F7941D; font-weight: bold; line-height: 40px; }
.landingpage.theme2 #enquiryform input[type="submit"]:hover { background-color: #fff; color: #F7941D; }
.landingpage.theme3 #enquiryform .heading, .landingpage.theme3 #enquiryform .btn { background-color: #24b395; }
.landingpage.theme3 #enquiryform .btn:hover { background-color: #fff; color: #24b395; }


.landingpage .video { position: relative; padding-bottom: 52.77777777777778%; background-position: 50%; margin-top: 20px; }
.landingpage iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.landingpage .video i { width: 70px; height: 50px; text-align: center; cursor: pointer; line-height: 50px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -35px; color: #e52d27; font-size: 1em; }
.landingpage .video .youtube:hover i { opacity: .8; }

.landingpage .smltitle { font-size: 1.25em; margin-top: 30px; }
.landingpage .banner .text h1 { margin-top: 15px; }
.landingpage .nospan { font-size: 1.4em; margin-top: 30px; }
.landingpage .nospan p { display: block; margin: 15px 0 0; font-weight: 500; }
.landingpage .landing-info { padding: 55px 0 0; }
.landingpage .nospan p:last-child { font-weight: 600; }
.landingpage .landing-info .btmtext { font-size: 1.3em; color: #fff; margin-bottom: 60px; }
.landingpage .landing-info img { display: block; }
.landingpage .landing-info .quick-about.top img { width: auto !important; }
.landingpage .landing-info a { color: #666666; }
.landingpage .landing-info .text { background-color: #fff; padding: 15px; min-height: 245px; }
.landingpage .landing-info .title { font-weight: 900; font-size: 2.19em; color: #005b86; margin-bottom: 15px; }
.landingpage .landing-info .bs:nth-child(2) .title { color: #062939; }
.landingpage .landing-info .info { font-size: 1.25em; font-weight: 500; }
.landingpage .landing-info .info p { margin: 0 0 15px; display: block; }
.landingpage .landing-info .btn { max-width: 256px; color: #fff !important; margin: 20px 0; }
.landingpage .landing-info a { display: block; }
.landingpage .landing-info .dark-blue--block a { display: block; box-shadow: 0px 0px 20px #00000066; margin: 85px auto; }
.landingpage .landing-info a:hover .blue { background-color: #005b86; }
.landingpage .landing-info a:hover .dblue { background-color: #062939; }
.landingpage .saleimg { margin-top: 20px; }
.landingpage .landing-info .partners { margin-top: 0; }
.landingpage .landing-info .sign__up { background-color: #005b86; padding: 83px; }
.landingpage .landing-info .sign__up a.btn { color: #005b86 !important; }
.landingpage .landing-info .sign__up a.btn:hover { background-color: #062939; color: #fff !important; }

.banner#landing-form { background-color: transparent; }
.banner#landing-form:before { display: none; }

.landingpage.template2 .case-study .video-card .youtube { height: 755px; }
    .landingpage.template2 .case-study .video-card .content { position: static; }
    .landingpage.template2 .case-study .video-card p { height: auto; }


@media screen and (min-width: 1230px) {
        .landing-info .box__blocks { margin: 0 32px; }
    .landing-info .dw-xs-6 { max-width: 790px; margin: 0 15px; }
    .landing-info .dw-md-4 { max-width: 485px; margin: 0 15px; }
}

@media screen and (min-width: 1230px) and (max-width: 1339px) {
    .landingpage.template2 .banner #enquiryform { position: absolute; right: 0%; }
    .landingpage.template2 .banner #enquiryform form { width: 500px; }
}


@media screen and (max-width: 1229px) {
        .landingpage.template2 .banner #enquiryform { margin: 0; padding: 0; position: static; }
    .landingpage.template2 .banner #enquiryform form { width: 100vw; border: none; }
    .landingpage.template2 .smltitle { display: none; }
      .landingpage.template2 .banner.banner--inside .bg .container { padding-top: unset; }
    .landingpage.template2 .nospan { max-width: unset; }
        .landingpage.template2 .banner.banner--inside .bg .container { max-width: unset; }
    .landingpage.template2 .banner #enquiryform { margin: 0; padding: 0; position: static; }
    .landingpage.template2 .banner #enquiryform form { width: 100vw; border: none; }
}

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

        .landingpage.template2 .case-study .video-card .content { padding: 25px 15px; }
    .landingpage.template2 .case-study .video-card p { font-size: 1.2em; }
}

@media screen and (min-width:1281px) {
    .landingpage.template2 .case-study .video-card .content { padding: 12px 21px; height: 180px; bottom: -23.5%; }
}

@media screen and (min-width:1230px) and (max-width:1280px) {
    .landingpage.template2 .case-study .video-card .content { padding: 13px 22px; }
}

@media screen and (max-width:991px) {
    
    .landingpage.template2 .banner #enquiryform { margin: 0; padding: 0; position: static; }
    .landingpage.template2 .banner #enquiryform form { width: 100vw; border: none; }

    .landingpage.template2 .case-study .video-card { margin-bottom: 30px; }
    .landingpage.template2 .case-study .video-card .content { bottom: -13%; }

    .landingpage.template2 .case-study .video-card .youtube { height: 755px; }
    .landingpage.template2 .case-study .video-card .content { position: static; }
    .landingpage.template2 .case-study .video-card p { height: auto; }


}

@media screen and (min-width: 629px) and (max-width: 768px) {
    .landingpage.template2 .case-study .video-card .content { width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
     .landingpage.template2 .banner.banner--inside .bg .container { max-width: unset; }
   

}


@media screen and (min-width: 768px) {
    .landingpage.template2 .case-study iframe { position: static; }
}


@media screen and (max-width:768px) {
        .landingpage .smltitle { font-size: 1.15em; }
          .landingpage .landing-info .btmtext { font-size: 1.1em; }
    .landingpage .banner .text h1 { font-size: 2.5em; }
    .landingpage .nospan { font-size: 1.2em; margin-top: 20px; }
    .landingpage.template2 .banner { padding-top: 35px; }
    .landingpage.template2 .banner .text { padding: 0 15px; }
    .landingpage.template2 .banner .text h1 { line-height: 60px; }
    .landingpage.template2 .nospan p span { font-size: 1em !important; font-weight: 300; }
    .landingpage.template2 .banner ul li span { font-size: 1em !important; }
    .landingpage.template2 .banner #enquiryform { margin: 0; padding: 0; position: static; }
    .landingpage.template2 .banner #enquiryform .heading { font-size: 2.155em; font-weight: 500; padding: 20px 30px; }
    .landingpage.template2 .banner #enquiryform .surround { padding: 10px 12px 20px; }
    .landingpage.template2 .banner #enquiryform form { max-width: 100%; width: 100vw; border: none; }
    .landingpage.template2 #enquiryform .editor-field.check { max-width: unset; }
    .landingpage.template2 #enquiryform .editor-field.check label.optin { flex-direction: row; }
    .landingpage.template2 #enquiryform .editor-field.check label.optin span { font-size: 1.01em; }
    .landingpage.template2 .slider-container { padding: 0 10px; }
    .landingpage.template2 .featured-jobs { background: #F8F8F8; padding-top: 15px; padding-bottom: 42px; }
    .landingpage.template2 .featured-jobs h2 { color: #151724; }
    .landingpage.template2 .featured-jobs .job-card { max-height: 350px; height: 350px; padding-top: 5px; }
    .landingpage.template2 .featured-jobs .job-card .job-title { font-size: 2em; max-height: 40px; }
    .landingpage.template2 .featured-jobs .job-card .job-title.small-txt { font-size: 1.6em; }
    .landingpage.template2 .featured-jobs .job-card .desc { font-size: 1.15em; margin-top: 10px; height: 48px; }
    .landingpage.template2 .featured-jobs .job-card .desc.small-txt { font-size: 0.9em; margin-top: 10px; }
    .landingpage.template2 .featured-jobs .job-card .salary { margin: 0; font-size: 1.8em; position: absolute; bottom: 20%; }
    .landingpage.template2 .featured-jobs .job-card .salary.small-txt { margin: 0; font-size: 1em; position: absolute; bottom: 25%; }
    .landingpage.template2 .case-study h2 { font-size: 2.155em; }
    .landingpage.template2 .case-study .video-card { padding: 0; }
    .landingpage.template2 .case-study .video-card p,
    .landingpage.template2 .featured-jobs .job-card .qual { font-size: 1.15em; /*height: 10px;*/ margin-top: 10px; }
    .landingpage.template2 .case-study .video-card p { line-height: 20px; }
    .landingpage.template2 .case-study { margin-top: unset; background-color: #FFF; padding-top: 25px; }
    .landingpage.template2 .case-study .video-card span { font-size: 1.3em; }
    .landingpage.template2 .case-study .video-card .content { padding: 0 24px 18px; }
    .landingpage.template2 .featured-jobs .job-card .apply { font-weight: 300; }
    .landingpage.template2 .overview--content .stages .why-choose { padding-top: 50px; }
    .landingpage.template2 .overview--content .stages .why-choose h2 { font-size: 2.155em; margin-bottom: 30px; }
    .landingpage.template2 .overview--content .check--list li { margin: 20px 0; font-size: 1.08em; }
    .landingpage.template2 .case-study .trustpilot-widget { margin-top: 20px; }
    .landingpage.template2 .container.overview--content { margin-bottom: unset; }
    .landingpage.template2 .overview--content .stages .why-choose a { margin-top: 65px; min-height: unset; line-height: unset; height: 60px; line-height: 0.5; }
    .landingpage.template2 .overview--content .stages div.why { padding-bottom: 20px; }

}

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


    .landingpage.template2 .case-study .video-card span { margin-top: 20px; }

    .landingpage.template2 .case-study .video-card .youtube { height: 755px; }
    .landingpage.template2 .case-study .video-card .content { position: static; }
    .landingpage.template2 .case-study .video-card p { height: auto; }
}

@media screen and (max-width:520px) {
    .landingpage .landing-info .bs { float: none; width: 100%; }
}
.page-bg { background-repeat: no-repeat; }
.content-wrapper { max-width: 700px; }

.appr-top { position: relative; overflow: hidden; }

.appr-top ul { padding-left: 30px; }

.page-bg.ess-elec { background-image: url('images/course-pages/course-page-banner-ess-elec.jpg'); }
.page-bg.pro-elec { background-image: url('images/course-pages/course-page-banner-pro-elec.jpg'); }
.page-bg.prem-elec { background-image: url('images/course-pages/course-page-banner-prem-elec.jpg'); }
.page-bg.nvq-exp { background-image: url('images/course-pages/course-page-banner-nvq-exp.jpg'); }
.page-bg.pat-test { background-image: url('images/course-pages/course-page-banner-pat-test.jpg'); }
.page-bg.eight-edit { background-image: url('images/course-pages/course-page-banner-eight-edit.jpg'); }
.page-bg.ini-verif { background-image: url('images/course-pages/course-page-banner-ini-verif.jpg'); }
.page-bg.fund-insp { background-image: url('images/course-pages/course-page-banner-fund-insp.jpg'); }
.page-bg.peri-test { background-image: url('images/course-pages/course-page-banner-peri-test.jpg'); }
.page-bg.insp-test { background-image: url('images/course-pages/course-page-banner-insp-test.jpg'); }
.page-bg.elec-desi { background-image: url('images/course-pages/course-page-banner-elec-desi.jpg'); }
.page-bg.part-p { background-image: url('images/course-pages/course-page-banner-part-p.jpg'); }
.page-bg.ev-charger { background-image: url('images/course-pages/course-page-banner-ev-charger.jpg'); }
.page-bg.besp-elec { background-image: url('images/course-pages/course-page-banner-besp-elec.jpg'); }
.page-bg.domes-elec { background-image: url('images/course-pages/course-page-banner-domes-elec.jpg'); }
.page-bg.elec-nvq3 { background-image: url('images/course-pages/course-page-banner-elec-nvq3.jpg'); }
.page-bg.ecs-card { background-image: url('images/course-pages/course-page-banner-ecs-card.jpg'); }


/*GAS COURSE PAGES*/
.page-bg.ess-gas { background-image: url('images/course-pages/course-page-banner-ess-gas.jpg'); }
.page-bg.heat-pump { background-image: url('images/course-pages/course-page-banner-heat-pump.jpg'); }
.page-bg.pro-gas { background-image: url('images/course-pages/course-page-banner-pro-gas.jpg'); }
.page-bg.prem-gas { background-image: url('images/course-pages/course-page-banner-prem-gas.jpg'); }
.page-bg.gas-reas { background-image: url('images/course-pages/course-page-banner-gas-reas.jpg'); }
.page-bg.domes-gas { background-image: url('images/course-pages/course-page-banner-domes-gas.jpg'); }
.page-bg.ini-asses { background-image: url('images/course-pages/course-page-banner-ini-asses.jpg'); }
.page-bg.gas-safe { background-image: url('images/course-pages/course-page-banner-gas-safe.jpg'); }
.page-bg.lpg { background-image: url('images/course-pages/course-page-banner-lpg.jpg'); }
.page-bg.plum-nvq2 { background-image: url('images/course-pages/course-page-banner-plum-nvq2.jpg'); }
.page-bg.hwss { background-image: url('images/course-pages/course-page-banner-hwss.jpg'); }

/*PLUMBING COURSE PAGES*/
.page-bg.ess-plumb { background-image: url('images/course-pages/course-page-banner-ess-plumb.jpg'); }
.page-bg.pro-plumb { background-image: url('images/course-pages/course-page-banner-pro-plumb.jpg'); }
.page-bg.prem-plumb { background-image: url('images/course-pages/course-page-banner-prem-plumb.jpg'); }
.page-bg.bath-inst { background-image: url('images/course-pages/course-page-banner-bath-inst.jpg'); }
.page-bg.wras { background-image: url('images/course-pages/course-page-banner-wras.jpg'); }


/*CARPENTRY COURSE PAGES*/
.page-bg.diy-carp { background-image: url('images/course-pages/course-page-banner-diy-carp.jpg'); }
.page-bg.ess-carp { background-image: url('images/course-pages/course-page-banner-ess-carp.jpg'); }
.page-bg.pro-carp { background-image: url('images/course-pages/course-page-banner-pro-carp.jpg'); }


/*CONSTRUCTION SITE COURSE PAGES*/
.page-bg.carp-nvq2 { background-image: url('images/course-pages/course-page-banner-carp-nvq2.jpg'); }
.page-bg.plast-nvq2 { background-image: url('images/course-pages/course-page-banner-plast-nvq2.jpg'); }



/*PLASTERING COURSE PAGES*/
.page-bg.gyp-plast { background-image: url('images/course-pages/course-page-banner-gyp-plast.jpg'); }
.page-bg.diy-plast { background-image: url('images/course-pages/course-page-banner-diy-plast.jpg'); }
.page-bg.ess-plast { background-image: url('images/course-pages/course-page-banner-ess-plast.jpg'); }
.page-bg.pro-plast { background-image: url('images/course-pages/course-page-banner-pro-plast.jpg'); }

/*KITCHEN FITTING COURSE PAGES*/
.page-bg.ess-kitch-fit { background-image: url('images/course-pages/course-page-banner-ess-kitch-fit.jpg'); }
.page-bg.pro-kitch-fit { background-image: url('images/course-pages/course-page-banner-pro-kitch-fit.jpg'); }
.page-bg.bath-kitch-fit { background-image: url('images/course-pages/course-page-banner-bath-kitch-fit.jpg'); }

/* PLUMBING & HEATING COURSE PAGES */
.page-bg.plumbing-heating { background-image: url('images/course-pages/course-page-banner-plumbing-heating.jpg'); background-position: right -550px top -275px; }
.page-bg.plumbing-heating .course-banner-title { font-size: 3.75rem; line-height: 72px; }
.page-bg.plumbing-heating .content-wrapper { font-size: 1.25rem; color: #151724; max-width: 720px; }
.page-bg.plumbing-heating .content-wrapper h3 { font-size: 1.875rem; color: #151724; }
.page-bg.plumbing-heating .content-wrapper ul li { line-height: 34px; }
.page-bg.plumbing-heating .content-wrapper ul li::marker { color: #005B86; }
.page-bg.plumbing-heating .info-strip { font-size: 1.25rem; padding: 20px 0; }
.page-bg.plumbing-heating .info-strip .container { font-size: 1.25rem; max-width: 1145px; font-weight: 300; }
.page-bg.plumbing-heating .contactus .container { padding: 50px 20px; font-weight: 700; color: #151724; font-size: 1.5rem; max-width: 1000px; }
.page-bg.plumbing-heating .contactus .container a { color: #005b88; }

.page-bg.plumbing-heating .contactus #enquiryform-plumbheat .editor-field:not(.checkbox) { border: 1px solid #005B88; }
.page-bg.plumbing-heating .contactus #enquiryform-plumbheat .editor-field.checkbox { font-size: 1.125rem; color: #005B88; font-weight: 400; display: flex; justify-content: center; align-items: center; }
.page-bg.plumbing-heating .contactus #enquiryform-plumbheat #submit-button, .page-bg.plumbing-heating .contactus #enquiryform-plumbheat .btn.submit { max-width: unset; border: none; font-size: 1.25rem; }
.page-bg.plumbing-heating .contactus #enquiryform-plumbheat .course-form-privacy { color: #062939; font-size: 1.125rem; font-weight: 300; font-style: italic; }
.page-bg.plumbing-heating .contactus #enquiryform-plumbheat input#OptIn { width: 30px; height: 30px; }

.page-bg.plumbing-heating .notsure { background: #fff; box-shadow: 0px 3px 6px #00000029; border: 1px solid #005B88; border-radius: 10px; }
.page-bg.plumbing-heating .notsure .content { font-size: 1.375rem; font-weight: 800; color: #151724; max-width: 840px; }
.page-bg.plumbing-heating .notsure .content a { color: #005B88; }

.page-bg.plumbing-heating .who .cards { display: flex; gap: 15px; }

.page-bg.plumbing-heating .who .card { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; padding: 30px; padding-bottom: 60px; height: 374px; }
.page-bg.plumbing-heating .who .card h4 { font-size: 1.875rem; color: #151724; font-weight: 800; margin: 0; }
.page-bg.plumbing-heating .who .card p { font-size: 1.125rem; color: #151724; font-weight: 400; line-height: 30px; }

.page-bg.plumbing-heating .stories .cards { display: flex; gap: 15px; }
.page-bg.plumbing-heating .stories .card { background: transparent linear-gradient(127deg, #062939 0%, #005B86 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; height: 315px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.5rem; }
.page-bg.plumbing-heating .stories .card a { text-decoration: none; color: #fff; font-weight: 400; }

.page-bg.plumbing-heating .stories .card p { font-size: 1.75rem; }

.page-bg.plumbing-heating .learn-more h4 { font-size: 2.5rem; }
.page-bg.plumbing-heating .learn-more .btn.blue { font-size: 1.4rem; background-color: #005B86; max-width: unset; width: 420px; text-decoration: none; }

.page-bg.plumbing-heating .apprenticeships { font-size: 1.25rem; background: transparent linear-gradient(137deg, #062939 0%, #005B86 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; padding-top: 60px; padding-bottom: 60px; }
.page-bg.plumbing-heating .apprenticeships .info { max-width: 870px; }
.page-bg.plumbing-heating .apprenticeships a:not(.btn) { color: #33ffcc; }
.page-bg.plumbing-heating .apprenticeships h2 { font-size: 3.75rem; line-height: 72px; }
.page-bg.plumbing-heating .apprenticeships .cards { display: flex; gap: 15px; }
.page-bg.plumbing-heating .apprenticeships .card { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; height: 420px; padding: 45px 44px; }

.page-bg.plumbing-heating .apprenticeships .card p { color: #151724; }
.page-bg.plumbing-heating .apprenticeships .card strong { font-weight: 800; }
.page-bg.plumbing-heating .apprenticeships .btns { gap: 40px; }
.page-bg.plumbing-heating .apprenticeships .btn { width: 420px; max-width: 420px; height: 83px; border: 1px solid #FFFFFF; line-height: 1.875rem; text-decoration: none; font-size: 1.875rem; font-weight: 300; }
.page-bg.plumbing-heating .choose .overview-card-grid { grid-template-columns: repeat(3, 1fr); }
.page-bg.plumbing-heating .choose .overview-card-grid a { text-decoration: none; }
.page-bg.plumbing-heating .choose .overview-card-grid .title { font-size: 2.625rem; line-height: 53px; }
.page-bg.plumbing-heating .mob-bg { background-image: url('images/course-pages/course-page-banner-plumbing-heating.jpg'); height: 300px; width: 100vw; margin-left: -15px; background-size: 1000px; background-repeat: no-repeat; background-position: left -375px top -185px; }

.page-bg.prem-gas .course-banner-content .bf-roundel,
.page-bg.pro-gas .course-banner-content .bf-roundel,
.page-bg.prem-elec .course-banner-content .bf-roundel,
.page-bg.pro-elec .course-banner-content .bf-roundel,
.page-bg.pro-plumb .course-banner-content .bf-roundel,
.page-bg.prem-plumb .course-banner-content .bf-roundel { position: absolute; right: 0; top: 90px; }


/* New Roundel Positioning */
.page-bg.ess-elec > .bf-roundel,
.page-bg.pro-elec > .bf-roundel,
.page-bg.prem-elec > .bf-roundel,
.page-bg.pro-gas > .bf-roundel,
.page-bg.prem-gas > .bf-roundel,
.page-bg.pro-plumb > .bf-roundel,
.page-bg.prem-plumb > .bf-roundel,
.page-bg.elec-nvq3 > .bf-roundel,
.page-bg.plum-nvq2 > .bf-roundel { position: absolute; right: 100px; top: 200px; z-index: 5; }

.page-bg.gas-overview > .bf-roundel, .page-bg.plumbing-overview > .bf-roundel { position: absolute; right: 100px; top: 180px; z-index: 5; }

.page-bg.ess-gas > .bf-roundel { position: absolute; z-index: 5; }


@media screen and (min-width: 2400px) {
    .page-bg.prem-gas .course-banner-content .bf-roundel, .page-bg.pro-gas .course-banner-content .bf-roundel, .page-bg.prem-elec .course-banner-content .bf-roundel, .page-bg.pro-elec .course-banner-content .bf-roundel, .page-bg.pro-plumb .course-banner-content .bf-roundel, .page-bg.prem-plumb .course-banner-content .bf-roundel { position: absolute; top: 90px; right: -300px; }
}

@media screen and (min-width: 2000px) and (max-width: 2399px) {
    .page-bg.prem-gas .course-banner-content .bf-roundel, .page-bg.pro-gas .course-banner-content .bf-roundel, .page-bg.prem-elec .course-banner-content .bf-roundel, .page-bg.pro-elec .course-banner-content .bf-roundel, .page-bg.pro-plumb .course-banner-content .bf-roundel, .page-bg.prem-plumb .course-banner-content .bf-roundel { position: absolute; top: 90px; right: -150px; }
}

@media screen and (min-width: 1800px) {
    .page-bg.ess-gas > .bf-roundel, .page-bg.pro-gas > .bf-roundel, .page-bg.prem-gas > .bf-roundel { right: 700px; top: 150px; }
}

@media screen and (min-width: 1500px) and (max-width: 1799px) {
    .page-bg.ess-gas > .bf-roundel { position: absolute; right: 75px; top: 170px; width: 230px; }
}

}

@media screen and (min-width: 1500px) and (max-width: 1674px) {
    .page-bg.plumbing-heating { background-size: 2500px; background-position: right -800px top -300px; }
    .page-bg.ess-plumb > .bf-roundel { position: absolute; right: 150px; top: 170px; width: 220px; }
}

@media screen and (min-width: 1675px) {
    .page-bg { background-position: top -580px right -1298px; background-repeat: no-repeat; }
    .page-bg.prem-plumb { background-position: top -520px right -1298px; }
    .course-banner-content { min-height: 700px; }
    .appr-top > img:nth-child(1) { position: absolute; top: 0px; right: 0px; transform: translate(15%, -40%); }
    .appr-top > img:nth-child(2) { position: absolute; top: 0%; transform: translateY(38%); right: -5%; }
    .appr-top.img-asset { background-image: url('images/apprenticeship/electricity-plumbing-apprenticeships.png'); background-repeat: no-repeat; background-position-y: top; background-position-x: right; }
}

@media screen and (min-width: 1670px) {

    .page-bg.pro-plumb > .bf-roundel,
    .page-bg.prem-plumb > .bf-roundel { position: absolute; right: 500px; top: 170px; }

    .page-bg.ess-plumb > .bf-roundel { position: absolute; right: 110px; top: 170px; }
}

@media screen and (max-width: 1674px) {
    .page-bg { background-position: top -300px right -940px; background-repeat: no-repeat; background-size: 3000px; }
    .appr-top > img:nth-child(1) { position: absolute; top: -269px; right: -6%; max-width: 45vw; }
    .appr-top > img:nth-child(2) { position: absolute; top: 0px; transform: translateY(47%); right: -5%; max-width: 25vw; }

    .page-bg.pro-gas { background-position: top -409px right -940px; background-repeat: no-repeat; background-size: 2720px; }
    .page-bg.pro-plumb { background-position: top -409px right -940px; background-repeat: no-repeat; background-size: 2720px; }

    .appr-top.img-asset { background-image: url('images/apprenticeship/electricity-plumbing-apprenticeships.png'); background-repeat: no-repeat; background-position-y: top; background-position-x: right; background-size: 47%; }
}


@media screen and (max-width: 1500px) {
    .page-bg { background-position: top -266px right -990px; background-repeat: no-repeat; background-size: 2700px; }
    .content-wrapper { max-width: 600px; }
}

@media screen and (min-width: 1340px) and (max-width: 1660px) {
    .landingpage.template2 .banner #enquiryform { position: absolute; right: 5%; }
}


@media screen and (min-width: 1475px) {
    .page-bg.pro-plumb > .bf-roundel { position: absolute; right: 430px; top: 130px; }
}

@media screen and (min-width: 1475px) and (max-width: 1670px) {
    .page-bg.plumbing-heating .apprenticeships .card p { font-size: 1.4rem; }
}

@media screen and (min-width: 1230px) and (max-width: 1474px) {
    .course-banner.plumb-heat .container { padding-top: unset; }
    .page-bg.plumbing-heating .apprenticeships .card p { font-size: 1.2rem; }
    .page-bg.plumbing-heating .learn-more h4 { font-size: 1.8rem; }

    .page-bg.plumbing-heating .stories .card { font-size: 1.2rem; }
    .page-bg.pro-plumb > .bf-roundel { position: absolute; right: 430px; top: 130px; width: 200px; }
}

@media screen and (min-width: 1230px) and (max-width: 1669px) {
    .page-bg.ess-plumb > .bf-roundel { position: absolute; right: 50px; top: 170px; width: 180px; }
}

@media screen and (min-width: 1230px) and (max-width: 1500px) {
    .page-bg.plumbing-heating { background-size: 2500px; background-position: right -800px top -300px; }

    .page-bg.prem-gas .course-banner-content .bf-roundel, .page-bg.pro-gas .course-banner-content .bf-roundel, .page-bg.prem-elec .course-banner-content .bf-roundel, .page-bg.pro-elec .course-banner-content .bf-roundel, .page-bg.pro-plumb .course-banner-content .bf-roundel, .page-bg.prem-plumb .course-banner-content .bf-roundel { position: absolute; top: 0; right: -100px; width: 180px; }

    .page-bg.ess-gas > .bf-roundel { position: absolute; right: 50px; top: 170px; width: 180px; }
    .page-bg.elec-nvq3 > .bf-roundel, .page-bg.plum-nvq2 > .bf-roundel { right: 25px; width: 210px; height: 210px; }

    .page-bg.prem-plumb { background-position: top -160px right -990px; }
    .page-bg.prem-plumb .course-banner-content .content-wrapper div.black-text { margin-top: 20px; }
}

@media screen and (min-width: 750px) and (max-width: 1670px) {
    .page-bg.pro-gas > .bf-roundel { position: absolute; right: 30px; top: 170px; width: 170px; }
}

@media screen and (min-width: 750px) and (max-width: 1499px) {
    .page-bg.prem-elec > .bf-roundel, .page-bg.prem-gas > .bf-roundel { position: absolute; right: 30px; top: 170px; width: 170px; }
}

@media screen and (min-width: 600px) and (max-width: 1499px) {
    /* New Roundel Positioning */
    .page-bg.ess-elec > .bf-roundel,
    .page-bg.pro-elec > .bf-roundel { position: absolute; right: 30px; top: 170px; width: 170px; }
}


@media screen and (min-width: 1230px) {
    .page-bg.plumbing-heating .choose .overview-card-grid .img-bg { height: 374px; }
}

@media screen and (max-width: 1229px) {
    .page-bg { background-position: top -135px right -710px; background-size: 2000px auto; }
    .appr-top h1.overview { font-size: 5rem !important; }
    .appr-top h2 { font-size: 5rem !important; }
    .page-bg.plumbing-heating { background-image: none !important; }
    .page-bg.plumbing-heating .apprenticeships .cards,
    .page-bg.plumbing-heating .stories .cards { flex-wrap: wrap; }
    .page-bg.plumbing-heating .learn-more h4 { font-size: 1.6rem; }
    .page-bg.plumbing-heating .who .cards { display: flex; flex-wrap: wrap; }
}

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

    .page-bg.prem-plumb > .bf-roundel { position: absolute; right: 200px; top: 170px; width: 200px; }
}

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

    .appr-top h1 { font-size: 2.25rem !important; }
    .appr-top h3.lg-white { font-size: 2.0rem !important; }
    .appr-top .white-txt.max-w-980 { max-width: 700px; margin-top: 30px; }
    .page-bg.plumbing-heating .apprenticeships .card p { font-size: 1.125rem; }
    .page-bg.plumbing-heating .choose .overview-card-grid .img-bg { height: 300px; }

    .page-bg.prem-gas .course-banner-content .bf-roundel,
    .page-bg.pro-gas .course-banner-content .bf-roundel,
    .page-bg.prem-elec .course-banner-content .bf-roundel,
    .page-bg.pro-elec .course-banner-content .bf-roundel { position: absolute; right: 0; top: 0; width: 210px; height: 210px; }

    .page-bg.pro-plumb > .bf-roundel, .page-bg.ess-gas > .bf-roundel, .page-bg.plum-nvq2 > .bf-roundel { position: absolute; right: 230px; top: 130px; width: 200px; }

    .page-bg.elec-nvq3 > .bf-roundel { right: 50px; top: 100px; width: 210px; height: 210px; }

    .page-bg.prem-plumb { background-position: top 10px right -710px; }
    .page-bg.prem-plumb .course-banner-content .content-wrapper div.black-text { margin-top: 20px; }
    .page-bg.prem-plumb .course-banner-content, .page-bg.prem-plumb .course-banner-content .content-wrapper { max-width: 620px; }
}

@media screen and (min-width: 768px) and (max-width: 1229px) {
    .page-bg.ess-plumb > .bf-roundel { position: absolute; right: 50px; top: 130px; width: 170px; }
}

@media screen and (min-width: 992px) and (max-width: 1475px) {
    .page-bg.plumbing-heating .choose .overview-card-grid .title { font-size: 2.2rem; line-height: 42px; }
}

@media screen and (min-width:801px) and (max-width: 992px) {
    .page-bg { background-position: top 250px right -508px; background-size: 1500px auto; }
    .content-wrapper { max-width: 400px; }
    .course-banner-content .fnt-rem-15 { font-size: 1rem; }
}

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

@media screen and (max-width: 991px) {
    .banner--overview .banner--text { display: none; }
    .banner--overview h1 { margin-top: -15px !important; }
    .appr-top .h1asset { width: 100px; padding-left: 15px; }
    .appr-top > img:nth-child(1) { display: none; }
    .appr-top > img:nth-child(2) { display: none; }
    .appr-top h1.overview { font-size: 4rem !important; }
    .appr-top h2 { font-size: 4rem !important; }
    .page-bg.plumbing-heating .apprenticeships .card { height: 320px; }
    .page-bg.plumbing-heating .apprenticeships .card p { font-size: 1.1rem; }
    .page-bg.plumbing-heating .stories .card { font-size: 1.1rem; }
    .page-bg.plumbing-heating .stories .card p { font-size: 1.4rem; }
    .page-bg.plumbing-heating .learn-more { padding: 30px; }
    .page-bg.plumbing-heating .learn-more .container { flex-direction: column; text-align: center; }
    .page-bg.plumbing-heating .choose .overview-card-grid { grid-template-columns: 1fr; }
    .page-bg.plumbing-heating .choose .overview-card-grid .img-bg { height: 255px; min-height: 255px; }

    .page-bg.prem-plumb { background-image: none !important; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    appr-top h1 { font-size: 1.75rem !important; }
    .appr-top h3.lg-white { font-size: 1.8rem !important; }
    .appr-top .white-txt.max-w-980 { max-width: 700px; margin-top: 30px; }

    .appr-top > img:nth-child(1) { position: absolute; top: -269px; right: -6%; max-width: 45vw; }
    .appr-top > img:nth-child(2) { position: absolute; top: 0px; transform: translateY(47%); right: -5%; max-width: 25vw; }
    .appr-top .arr-asset { width: 130px; }
    .page-bg.plumbing-heating .apprenticeships .btn { font-size: 1.4rem; }

    .page-bg.prem-gas .course-banner-content .bf-roundel,
    .page-bg.pro-gas .course-banner-content .bf-roundel,
    .page-bg.prem-elec .course-banner-content .bf-roundel,
    .page-bg.pro-elec .course-banner-content .bf-roundel,
    .page-bg.pro-plumb .course-banner-content .bf-roundel { position: absolute; right: 0; top: 50px; width: 200px; height: 200px; }

    .page-bg.prem-plumb > .bf-roundel, .page-bg.gas-overview > .bf-roundel, .page-bg.plumbing-overview > .bf-roundel, .page-bg.plum-nvq2 > .bf-roundel { position: absolute; right: 50px; top: 170px; width: 170px; }
}

@media screen and (max-width: 991px) and (min-width: 750px) {
    .page-bg.pro-plumb > .bf-roundel { position: absolute; right: 50px; top: 100px; width: 150px; }
    .page-bg.ess-gas > .bf-roundel, .page-bg.elec-nvq3 > .bf-roundel { position: absolute; right: 50px; top: 170px; width: 170px; }
}


@media screen and (max-width:800px) {
    .page-bg { background-position: 45% -67px !important; background-size: 2000px auto !important; }
    .page-bg { background-image: none !important; background-size: contain; }
    .page-bg.blue-wave { background-image: url('images/course-pages/course-page-banner-mobile-blue.jpg') !important; }
}


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

    .appr-top h1.overview { font-size: 9vw !important; }
    .appr-top h2 { font-size: 9vw !important; }
    .appr-top h1.lg-white { font-size: 4vw; margin: 15px 0px; }
    .appr-top .white-txt.max-w-980 { max-width: 700px; margin-top: 30px; }
    .appr-top > img:nth-child(1) { position: absolute; top: -269px; right: -6%; max-width: 45vw; }
    .appr-top > img:nth-child(2) { position: absolute; top: 0px; transform: translateY(47%); right: -5%; max-width: 25vw; }


    .mob-dyn-txt-size { font-size: 1rem; margin-top: 0px !important; display: block; }
    .appr-top.img-asset { background-image: url('images/apprenticeship/electricity-plumbing-apprenticeships-mob.png'); background-repeat: no-repeat; background-position-y: 15px; background-position-x: right; background-size: 30%; }
    .appr-top .arr-asset { width: 92px; transform: rotate(35deg); padding-left: 0px; }
    .appr-top .h1asset { width: 50px; }

    .page-bg.prem-plumb > .bf-roundel,
    .page-bg.ess-plumb > .bf-roundel { position: absolute; right: 10px; top: 70px; width: 100px; }
}


@media screen and (min-width:660px) and (max-width: 767px) {
    .page-bg.plumbing-heating .apprenticeships .btn { font-size: 1.3rem; }
}

@media screen and (max-width: 749px) {
    .page-bg.ess-elec > .bf-roundel,
    .page-bg.prem-elec > .bf-roundel,
    .page-bg.ess-gas > .bf-roundel,
    .page-bg.pro-gas > .bf-roundel,
    .page-bg.pro-plumb > .bf-roundel,
    .page-bg.elec-nvq3 > .bf-roundel { position: absolute; right: 10px; top: 70px; width: 100px; }
}

@media screen and (max-width: 599px) {
    /* New Roundel Positioning */

    .page-bg.pro-elec > .bf-roundel,
    .page-bg.prem-elec > .bf-roundel,
    .page-bg.prem-gas > .bf-roundel { position: absolute; right: 10px; top: 70px; width: 100px; }
}

@media screen and (min-width: 550px) and (max-width: 749px) {
    .page-bg.prem-gas > .bf-roundel { position: absolute; right: 30px; top: 200px; width: 140px; }
}

@media screen and (min-width:501px) and (max-width: 767px) {
    .page-bg.plumbing-heating .contactus #enquiryform-plumbheat #submit-button, .page-bg.plumbing-heating .contactus #enquiryform-plumbheat .btn.submit { max-width: 500px !important; margin: 15px auto; line-height: 10px; }
    .page-bg.prem-gas .course-banner-content .bf-roundel { width: 120px; height: 120px; top: 60px; }

    .page-bg.pro-gas .course-banner-content .bf-roundel { width: 120px; height: 120px; top: -80px; }

    .page-bg.prem-elec .course-banner-content .bf-roundel,
    .page-bg.pro-elec .course-banner-content .bf-roundel { width: 120px; height: 120px; top: -80px; }

    .page-bg.pro-plumb .course-banner-content .bf-roundel { width: 120px; height: 120px; top: -25px; }

    .page-bg.prem-plumb .course-banner-content .bf-roundel { width: 120px; height: 120px; top: -75px; }
    .page-bg.gas-overview > .bf-roundel, .page-bg.plumbing-overview > .bf-roundel, .page-bg.plum-nvq2 > .bf-roundel { position: absolute; right: 10px; top: 220px; width: 100px; }
}


@media screen and (min-width:501px) and (max-width: 659px) {
    .page-bg.plumbing-heating .apprenticeships .btn { font-size: 1.1rem; padding: 25px 0; }
}

@media screen and (min-width: 500px) and (max-width: 991px) {
    .page-bg.plumbing-heating #enquiryform-plumbheat { display: flex; justify-content: center; padding: 0 20px; }
}

@media screen and (max-width:499px) {
    .page-bg { background-position: 47% -200px !important; background-size: 2000px auto !important; }
    .enquiry-form.wide-white .heading span { font-size: 9vw !important; }
    .page-bg.plumbing-heating .course-banner-title { font-size: 2.3rem; line-height: 45px; }
    .page-bg.plumbing-heating .content-wrapper h3 { font-size: 1.5rem !important; font-weight: 600; }
    .page-bg.plumbing-heating .course-banner-content .content-wrapper,
    .page-bg.plumbing-heating .course-banner-content .content-wrapper ul li { font-size: 1.175rem !important; line-height: 28px; }
    .page-bg.plumbing-heating .course-banner-content .content-wrapper ul li { margin-bottom: 10px; }
    .page-bg.plumbing-heating .info-strip { padding: 30px 0; }
    .page-bg.plumbing-heating .info-strip .container { font-size: 1rem; }
    .page-bg.plumbing-heating .contactus .container { font-size: 1.1rem; padding: 20px 30px; }

    .page-bg.plumbing-heating .contactus #enquiryform-plumbheat .editor-field.checkbox { justify-content: left; text-align: left; font-size: 0.8rem; }

    .page-bg.plumbing-heating .contactus #enquiryform-plumbheat #submit-button, .page-bg.plumbing-heating .contactus #enquiryform-plumbheat .btn.submit { font-size: 1rem; line-height: 10px; max-width: 375px !important; }

    .page-bg.plumbing-heating .contactus #enquiryform-plumbheat #submit-button, .page-bg.plumbing-heating .contactus #enquiryform-plumbheat .btn.submit { font-size: 0.8rem; }

    .page-bg.plumbing-heating .notsure { width: 93%; }
    .page-bg.plumbing-heating .notsure .content { font-size: 1rem; padding: 0 25px; }

    .page-bg.plumbing-heating .who { margin-bottom: 30px; }
    .page-bg.plumbing-heating .who .cards { display: block; padding: 0; }
    .page-bg.plumbing-heating .who .cards .card { margin-bottom: 10px; }

    .page-bg.plumbing-heating .who .card h4 { font-size: 1.5rem; }

    .page-bg.plumbing-heating .apprenticeships { padding-top: 20px; padding-bottom: 30px; }
    .page-bg.plumbing-heating .apprenticeships h2 { font-size: 1.7rem; line-height: 45px; text-align: left; padding-left: 15px; padding-right: 15px; }

    .page-bg.plumbing-heating .apprenticeships .info { font-size: 1rem; font-weight: 300; text-align: left; }

    .page-bg.plumbing-heating .apprenticeships .cards { display: block; margin-bottom: 30px; }
    .page-bg.plumbing-heating .apprenticeships .cards .card { margin-bottom: 15px; }
    .page-bg.plumbing-heating .apprenticeships .card { padding: 25px 30px; height: unset; }


    .page-bg.plumbing-heating .apprenticeships .btns { flex-direction: column; gap: 8px; align-items: center; }
    .page-bg.plumbing-heating .apprenticeships .btn { width: 100%; font-size: 1.2rem; line-height: 10px; height: 55px; margin: unset; }

    .page-bg.plumbing-heating .stories .cards { display: block; }
    .page-bg.plumbing-heating .stories .card { font-size: 1.2rem; font-weight: 300; flex-direction: column; margin-bottom: 15px; height: unset; padding-top: 20px; }
    .page-bg.plumbing-heating .stories .card p { font-size: 1.3rem; }
    .page-bg.plumbing-heating .stories h2 { font-size: 2.2rem; line-height: 45px; }
    .page-bg.plumbing-heating .choose .overview-card-grid .title { font-size: 1.75rem; line-height: 36px; }

    .page-bg.prem-gas .course-banner-content .bf-roundel,
    .page-bg.pro-gas .course-banner-content .bf-roundel { width: 110px; height: 110px; top: -50px; }

    .page-bg.prem-elec .course-banner-content .bf-roundel { width: 110px; height: 110px; top: -70px; }

    .page-bg.pro-elec .course-banner-content .bf-roundel,
    .page-bg.pro-plumb .course-banner-content .bf-roundel,
    .page-bg.prem-plumb .course-banner-content .bf-roundel { width: 110px; height: 110px; top: -75px; }
    .page-bg.gas-overview > .bf-roundel,
    .page-bg.plumbing-overview > .bf-roundel,
    .page-bg.plum-nvq2 > .bf-roundel { position: absolute; top: 70px; right: 30px; width: 90px; }
}

@media screen and (max-width:450px) {
    .page-bg.plumbing-heating .learn-more .btn.blue { max-width: 320px; font-size: 1.2rem; }
}


@media screen and (min-width: 401px) {
    .page-bg.plumbing-heating .mob-bg { display: none; }
}

@media screen and (max-width: 360px) {
    .page-bg.prem-gas .course-banner-content .bf-roundel { width: 100px; height: 100px; top: 50px; }

    .page-bg.pro-elec .course-banner-content .bf-roundel { width: 90px; height: 90px; top: -60px; }
}

/*Navbar Elements*/

.header.scrolled { background-color: #fff; box-shadow: 0px 11px 20px #00000026; }
    .header.scrolled .navbar .nav-logo .logo-path { fill: #062939; }

.header.header-black .navbar .nav-logo .logo-path { fill: #062939; }
.header.header-black .nav-links > li:hover .down { stroke: #f7941d; }
.header.header-black .nav-links .down { stroke: #062939; }
.header.header-black .nav-links .top-nav, .header.header-black .contact, .header.header-black .search-btn { color: #062939; }
.header.header-black .nav-links > li:hover .top-nav > a { color: #062939; }

.header { position: fixed; top: 0; width: 100%; z-index: 999; }
.navbar { height: 110px; }
    .navbar ul { margin: 0; padding: 0; list-style: none; }
.nav-logo { width: 350px; }
    .nav-logo .logo-path { fill: #fff; }
.nav-phone { display: flex; align-items: center; grid-gap: 10px; }
    .nav-phone, .nav-phone a { font-size: 1.6rem; font-weight: 600; color: #f7941d; }
        .nav-phone a { display: flex; align-items: center; grid-gap: 10px; }
.nav-links > li > .top-nav { height: 60px; padding: 0 10px; font-size: 1.2rem; font-weight: normal; display: flex; align-items: center; color: #062939; }

.mobile-return { display: none; }

/*SEARCH*/

.search__drop { position: absolute; right: 15px; width: 400px; width: 0; transition: width 0.4s; overflow: hidden; box-shadow: 0px 11px 20px #00000026; }
    .search__drop.search-show { width: 400px; }
    .search__drop .fa-search { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #151824; font-size: 1.3rem; cursor: pointer; }
    .search__drop:hover .fa-search { color: #f7941d; cursor: pointer; }
.search-nav-submit { position: absolute; right: 0; top: 0; height: 100%; width: 50px; opacity: 0; cursor: pointer; }
.navigation__search .search-bar input { border-top: 3px solid #f7941d; color: #BFBFBF; font-weight: 600; font-size: 1.3em; outline: none; height: 60px; font-family: inherit; }

@media screen and (max-width: 1670px) {
    .nav-phone a > span { display: none; }
    .nav-logo { width: 310px; }
}

@media screen and (max-width: 1475px) {
    .nav-phone a > span { display: none; }
    .nav-logo { width: 235px; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container.nb { max-width: initial; }

    .nav-links > li > .top-nav { font-size: 1rem; }

    .contact { font-size: 1rem !important; }
}


@media screen and (min-width: 1230px) {
    .header { border-bottom: 1px solid #fff; }
    .header-phone{ width:max-content; padding:10px 30px; background-color:#005b86; display:block; position:absolute; bottom:0; right:150px; transform:translateY(100%); display:flex; align-content:center; align-items:center; color:#fff; font-size:1.4rem; grid-gap:15px; border-radius:0 0 15px 15px; z-index:-1;}
    .header-phone a {color:#fff; font-weight:400!important;}
    .nav-phone { display: none !important; }

    .extra-mobile { display: none; }
    .mob-fix-bann-link { display: none; }

    /*Highlight current menu*/
    .nav-links .current .down { stroke: #f7941d; }

    /*Scrolled navbar*/
    .header.scrolled .nav-links, .header.scrolled .nav-links > li, .header.scrolled .nav-links > li > div { height: 100%; }
        .header.scrolled .nav-links .top-nav, .header.scrolled .contact, .header.scrolled .search-btn { color: #062939; }
        .header.scrolled .nav-links .down { stroke: #062939; }
    .header.scrolled .top-nav > a { color: #062939; }

    .header.scrolled .nav-links > li:hover .down { stroke: #f7941d; }
    .header.scrolled .nav-links > li:hover svg { transform: translateY(61px); }
    .header.scrolled .nav-links .sub-menu { transform: translateY(calc(100%)); }
    /*Navbar Elements*/

    .header { position: fixed; top: 0; width: 100%; z-index: 999; }

    .nav-buffer { height: 160px; }
        .nav-buffer.sml { height: 120px; }

    .navbar { height: 110px; display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; }
    .mobile-toggler { display: none; }
    .nav-links { display: flex; align-items: center; }
        .nav-links :not(.nav-courses) .sub-menu > li a { font-size: 1.2rem; font-weight: normal; display: flex; align-items: center; justify-content: space-between; padding: 15px 10px; color: #062939; }

        .nav-links > li > .top-nav { color: #fff; grid-gap: 10px; }
            .nav-links > li > .top-nav > a { color: #fff; font-weight: 400; }
    .header.header-black .nav-links > li .top-nav > a { color: #062939; }
    .contact { color: #fff; font-size: 1.2rem; cursor: pointer; }
    .search-btn { font-size: 1.6rem; color: #fff; }
    .top-nav > i { display: none; }
    .mobile-contact { display: none; }
    /*Navbar sub-menus*/
    .mobile-courses .mobile-top-nav { display: none; }
    .nav-links .nav-courses .sub-menu > li a.mobile-overview { display: none; }
    .nav-links .nav-courses .sub-menu > li a.overview { font-weight: 600; text-decoration: underline; }
        .nav-links .nav-courses .sub-menu > li a.overview:first-child { padding: 15px 10px; font-size: 1.2rem; }

    .nav-links > li { position: relative; }
    .nav-links .sub-menu { visibility: hidden; width: 300px; max-height: 0; height: auto; position: absolute; bottom: 0; transform: translateY(100%); left: 0; background-color: #fff; transition: max-height 0.4s 0.2s; box-shadow: 0px 11px 20px #00000026; }
        .nav-links .sub-menu > li { opacity: 0; transition: opacity 0.3s; }
            .nav-links .sub-menu > li > .mobile-top-nav { font-size: 1.2rem; font-weight: normal; display: flex; align-items: center; justify-content: space-between; padding: 15px 10px; color: #062939; transition: transform 0.4s; transform: rotate(0); }
        .nav-links .sub-menu:before { content: ""; position: absolute; top: 0; background-color: #f7941d; width: 0; height: 3px; transition: width 0.3s; }
    .nav-links svg { transform: translateY(3px); z-index: 9; transition: transform 0.3s; }
    .nav-links .down { stroke: white; stroke-width: 3; stroke-linecap: square; fill: none; z-index: 999; }
    /*Navbar sub-menus animation*/
    .nav-links > li:hover .top-nav { background-color: #fff; color: #062939; transition: background-color 0.2s, color 0.2s; }
        .nav-links > li:hover .top-nav > a { color: #062939; }
    .nav-links > li:hover .sub-menu { visibility: initial; max-height: 500px; transition: max-height 0.6s; /* overflow-y: auto; */ }
        .nav-links > li:hover .sub-menu > li { transition: opacity 0.3s 0.2s; opacity: 1; }
        .nav-links > li:hover .sub-menu:before { width: 300px; }
    .nav-links > li:hover svg { transform: translateY(36px); }
    .nav-links > li:hover .down { stroke: #f7941d; stroke-linecap: square; fill: white; }

    /*Navbar side-sub-menus*/
    .nav-links .second-nav > a > i { transition: transform 0.2s; }
    .nav-links .side-sub-menu { visibility: hidden; background-color: #F2F6F9; position: absolute; top: 0; right: 0; transform: translateX(100%); width: max-content; max-width: 0; transition: max-width 0.2s 0.2s; height: 500px; overflow-y: scroll; }
        .nav-links .side-sub-menu > li { opacity: 0; }
        .nav-links .side-sub-menu .overview { font-weight: 600; }
        .nav-links .nav-courses .sub-menu > li a, .nav-links .side-sub-menu > li > a { font-size: 1.1rem; font-weight: normal; padding: 5px 10px 5px 20px; display: block; }
        .nav-links .side-sub-menu > li strong { color: #062939; padding: 15px 10px 15px 20px; display: block; }
        .nav-links .side-sub-menu a { color: #062939; transition: opacity 0.2s; }

    /*Navbar side-sub-menus animation*/
    .nav-links .second-nav:hover .side-sub-menu { visibility: initial; max-width: 450px; transition: max-width 0.2s; }
        .nav-links .second-nav:hover .side-sub-menu > li { opacity: 1; transition: opacity 0.2s 0.2s; }
    .nav-links .second-nav:hover > a > i { transform: rotate(180deg); }

    /*Hover states*/
    .search-btn:hover { color: #f7941d !important; cursor: pointer; }
    .nav-phone:hover, .nav-phone a:hover { transform: scale(105%); }
    .contact:hover { color: #f7941d !important; }
    .nav-links :not(.nav-courses) .sub-menu > li:hover > * { background-color: #F2F6F9; }
    .nav-links .sub-menu > li:hover > .mobile-top-nav > i { transform: rotate(180deg); transition: transform 0.4s; }
    .nav-links .second-nav:hover .side-sub-menu a:hover { background-color: #fff; }
}



@media screen and (max-width: 1229px) {
    .header-phone {display:none;}
    .extra-mobile { font-size: 1.2rem; padding: 0 10px; height: 45px; display: flex; align-items: center; justify-content: space-between; opacity: 0; transition-property: opacity; transition-duration: 0.2s; color: #062939; font-weight: 900; }
        .extra-mobile.search-btn { display: flex; }
    .header.header-black .nav-phone a > i { color: #062939; transform: scaleX(-100%); }
    .header.header-black .mobile-toggler .animicon span { background-color: #062939; }
    .search__drop { right: 50%; transform: translateX(50%); position: absolute; z-index: 99999; }
    
    .hide-mobile { display: none !important; }

    /*Reorder courses*/
    .flex-mobile { display: flex !important; flex-direction: column; }
    .second-nav.electrical { order: -2; }
    .second-nav.plumbing { order: -1; }
    .mobile-courses.kitchen { order: 1; }
    /*Scrolled navbar*/
    .header.scrolled .mobile-toggler .animicon span { background-color: #062939; }
    .header.scrolled .nav-phone a > i { color: #062939; }
    .mob-fix-bann-link { color: #fff; font-size: 1.4em; display: flex; align-items: center; position: fixed; justify-content: center; grid-gap: 10px; bottom: 0px; cursor: pointer; left: 0px; padding: 20px 15px; background-color: #005b86; z-index: 99; width: 100%; box-shadow: 0px -14px 13px #00000026; }



    /*Position elements in Mobile Navbar*/
    .header .container { width: 100%; max-width: 100%; padding: 0; margin: 0; }
    .navbar { display: grid; grid-template-areas: "menu logo phone"; width: 100%; justify-content: space-between; align-items: center; padding: 0 15px; transition: background-color 0.3s; }
    .mobile-toggler { grid-area: menu; }
    .nav-logo { grid-area: logo; }
    .nav-phone { grid-area: phone; }
    .nav-links { position: absolute; bottom: 0; left: 0; transform: translate(0, 100%); height: calc(100vh - 155px); background-color: #fff; flex-direction: column; align-items: flex-start; width: 0; transition-property: width; transition-duration: 0.3s; transition-delay: 0.2s; overflow-x: hidden; border-top: 3px solid #062939; }
        .nav-links a, .nav-links > li > .top-nav { color: #062939; }
    .navbar .contact { display: none; }
    .search-btn { display: none; }
    .nav-links > li > .top-nav { font-size: 1.2rem; }
    .contact { font-size: 1.2rem; }

    .nav-phone a > i { color: #fff; }
    .mobile-contact { padding: 15px; align-items: center; display: flex; flex-direction: column; grid-gap: 15px; opacity: 0; transition-property: opacity; transition-duration: 0.2s; }
    .nav-socials { display: flex; align-items: center; grid-gap: 30px; font-size: 1.6rem; }
    /*Mobile links*/
    .nav-links .nav-courses .top-nav { display: none; }
    .nav-links .nav-courses .sub-menu { display: block; }
    .nav-links .side-sub-menu > li:not(.mobile-courses) { display: none; }
    .nav-links .mobile-top-nav { height: 45px !important; padding: 0 10px; font-size: 1.2rem; font-weight: normal; display: flex; align-items: center; color: #062939; justify-content: space-between; opacity: 0; transition-property: opacity; transition-duration: 0.2s; transition-delay: 0; }
    .mobile-link { padding: 0 10px; font-size: 1.1rem; font-weight: normal; }
    .top-nav svg { display: none; }
    /*Open Navbar*/
    .navbar.open { background-color: #fff; }
        .navbar.open .nav-links { width: 50%; overflow-x: initial; transition-duration: 0.3s; transition-delay: 0.2s; box-shadow: 12px 0 8px #00000026; }
        .navbar.open .nav-logo .logo-path { fill: #062939; }
        .navbar.open .nav-phone a > i { color: #062939; }
        .navbar.open .mobile-top-nav, .navbar.open .mobile-contact, .navbar.open .extra-mobile { opacity: 1; transition-duration: 0.4s; transition-delay: 0.4s; }

    .mobile-top-nav > i { transform: rotate(0); transition: transform 0.3s; }
    .mobile-top-nav.on > i { transform: rotate(-180deg); }
    :not(.nav-courses) > .mobile-menu { border-top: 3px solid #062939; display: block; position: absolute; right: 0px; top: -3px; width: 0; transform: translateX(100%); background-color: #F2F6F9; height: calc(100vh - 155px); transition-property: width; transition-duration: 0.3s; transition-delay: 0.2s; overflow-x: hidden; }
        :not(.nav-courses) > .mobile-menu > li { opacity: 0; transition-property: opacity; transition-duration: 0.2s; transition-delay: 0; }

    .mobile-overview { font-weight: 600; text-transform:uppercase;}
    :not(.nav-courses) > .mobile-menu a { height: 45px !important; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; width: 100%;  }

    :not(.nav-courses) > .mobile-menu.on { width: 100%; transition-duration: 0.3s; transition-delay: 0.2s; }
        :not(.nav-courses) > .mobile-menu.on > li { opacity: 1; transition-property: opacity; transition-duration: 0.4s; transition-delay: 0.4s; }


    /*Hamburger menu animation*/
    .mobile-toggler { display: flex; align-items: center; justify-content: center; height: 53px; }
        .mobile-toggler .animicon { position: relative; height: 24px; width: 30px; }
            .mobile-toggler .animicon span { position: absolute; width: 100%; height: 4px; background-color: #fff; border-radius: 10px; transition: top 0.3s 0.4s, transform 0.3s; }
                .mobile-toggler .animicon span:nth-child(1) { top: 0; transform: rotate(0); }
                .mobile-toggler .animicon span:nth-child(2) { top: 10px; transform: rotate(0); }
                .mobile-toggler .animicon span:nth-child(3) { top: 20px; transform: rotate(0); }
    .showing .side-toggler { position: static; }
    .showing .animicon span { background-color: #062939; transition: top 0.3s, transform 0.3s 0.4s }
        .showing .animicon span:nth-child(1) { top: 10px; transform: rotate(45deg) }
        .showing .animicon span:nth-child(2) { transform: rotate(45deg) }
        .showing .animicon span:nth-child(3) { top: 10px; transform: rotate(135deg) }
}


@media screen and (max-width: 599px) {
    .navbar.open .nav-links { width: 100%; transition: transform 0.2s, width 0.3s; overflow-y: auto; }
        .navbar.open .nav-links.hide { transform: translate(-100%, 100%); overflow-y: initial; }
    :not(.nav-courses) > .mobile-menu { width: 0; transition: width 0.3s 0.3s; }
    .mobile-return { color: #062939; margin-top: 15px; font-size: 1.1rem; display: block; width: 100%; padding: 0 10px; }
}

@media screen and (max-width: 549px) {
    .nav-logo { width: 300px; }
.navbar { height: 70px; }
.nav-links, :not(.nav-courses) > .mobile-menu {
    height: calc(100vh - 70px);
}
}

@media screen and (max-width: 449px) {
    .nav-logo { width: 250px; }
}

@media screen and (max-width: 379px) {
    .nav-logo { width: 200px; }
}

html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: 200px; }

#home-carousel { display: flex; grid-gap: 0.5rem; }
#home-carousel .course-card.home { margin: 0; max-width: initial; }
#home-carousel .course-card.home:nth-of-type(1) img { width: 50px; }
#home-carousel .course-card.home:nth-of-type(2) img { width: 40px; }
#home-carousel .course-card.home:nth-of-type(3) img { width: 45px; }
#home-carousel .course-card.home > .img { display: none; width: 100%; }
#home-carousel .course-card.home > img { width: 100%; }
#home-carousel .course-card.home > .card-body { padding: 0; min-height: initial; }
#home-carousel .course-card.home > .btn { margin: 0; width: 100%; max-width: 100%; background-color: #062939; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 1.5rem; font-size: 1.25rem; font-weight: 400; padding: 5px 20px; min-height: 60px; border-radius: 4px; }
#home-carousel .course-card.home > .btn:after { content: ""; position: absolute; height: 4px; width: 100%; bottom: 0; left: 0; background-color: #f7941d; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

#courses-toggler.toggled i { transform: rotate(180deg); }
#courses-toggler { text-align: center; text-decoration: underline; color: #062939; font-weight: bold; font-size: 1.75rem; display: block; width: 100%; margin-top: 1rem; }
#courses-toggler #toggler-txt:before { content: "more" }
#courses-toggler.toggled #toggler-txt:before { content: "less" }

.toggleable { display: none; }
.overview-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; }

.transparent { opacity: 0; }

@media screen and (min-width:1670px) {
    .single-course-page .overview-card-grid { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (min-width:992px) and (max-width:1670px) {
    .single-course-page .overview-card-grid { grid-template-columns: repeat(3, 1fr); }
}

.overview-card { display: grid; grid-template-areas: "area"; width: 100%; align-items: end; overflow: hidden; color: #fff; font-size: 2rem; border-radius: 20px; }
.home-courses .overview-card .title { font-size: 2rem; }
.overview-card > * { grid-area: area; }
.overview-card .card-bg { width: 100%; height: 100%; background-color: #00000060; }
.img-bg { min-height: 300px; display: flex; width: 100%; align-items: flex-end; background-size: cover; background-repeat: no-repeat; }
.overview-card .title { padding: 1rem; }
.btn-cloud { padding: 1.5rem 0; background-color: #f2f2f2; }
.btn-cloud h2 { margin: 0 0 2rem !important; padding: 0 !important; font-size: 2.2rem !important; }
.btn-cloud .btn { margin: 0 !important; }
.overview--content .slider--container .spot--dec { bottom: 15px; }
.st0 { fill: #fff; }

.border-blue { border: 1px solid #005B86; }

.contact-submit-loader { position: absolute; left: 47%; top: 20%; }

.loader-container { position: relative; }
.loader { width: 35px; height: 35px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

.course-unavailable-banner { color: #fff; background-color: #cd2027; text-align: center; position: fixed; top: 110px; width: 100%; font-size: 1.2rem; z-index: 5; padding: 10px; font-family: Gotham, sans-serif; }


._bio:not(._not-long) { height: 130px; overflow: hidden; position: relative; }

._bio:not(._not-long):after { content: "Read More"; position: absolute; bottom: 0; right: 0; left: 0; z-index: 99; color: #f7941d; font-weight: 600; }

._bio:not(._not-long):before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 57%, rgba(255,255,255,0.8486832477131477) 83%); }


._bio:not(._not-long).open { height: initial; }

._bio:not(._not-long).open:before { display: none; }

._bio:not(._not-long).open:after { content: "Read Less"; position: static; }

.app-btns-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.app-btns-grid .btn { padding: 20px 10px; }



.show-full-grid .toggleable { display: block !important; }
.show-full-grid #courses-toggler { display: none !important; }
.fs-inherit { font-size: inherit !important; }

a.course--slide { text-decoration: none; color: #666; font-weight: normal; display: block; }

a.course--slide:hover .link { background-color: #f7941d !important; }

.btn.banner-btn { background-color: #005B86; margin-bottom: 30px; }

.btn.banner-btn:hover { background-color: #f7941d; }

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

.max-w-init { max-width: initial !important; }

.z-stack { display: grid; }
.z-stack > * { grid-row-start: 1; grid-column-start: 1; }

lottie-player { width: 100% !important; height: auto; margin: 0 auto; }

.lott-pos { position: relative; overflow: hidden; }
.lott-pos .lottie-container { position: absolute; left: 0px; top: 0px; width: 100%; }

.rel { position: relative; }
.z1 { z-index: 1; }


.loading-container { display: grid; background-color: #f7941d; min-height: 60px; margin: 15px 0px; position: relative; }
.loading-container > * { grid-row-start: 1; grid-column-start: 1; }
.loading-container .loader { justify-content: center; align-items: center; gap: 15px; color: #fff; font-weight: 800; line-height: 1; font-size: 1.1em; position: absolute; width: 35px; height: 35px; left: calc(50% - (35px / 2)); top: calc(50% - (35px / 2)); }
.loading-container .loader .spinner { border: 3px solid #fff; border-top: 3px solid transparent; width: 15px; height: 15px; border-radius: 100%; animation: rotation 1s linear infinite; }


.loading-container input { margin: 0px !important; }

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




a.course--slide { font-weight: initial !important; }

#vacform .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; position: absolute; }

.masthead.scrolled.mast-course #headerleft svg { background-color: #000 !important; }

.form-wrapper { margin: 0 15px 30px; }

.upload-text { font-size: 0.9em !important; }

img { transition: opacity .2s; }



#course-carousel a.rad-30:hover { background-color: #f7941d }


.bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background-color: #f7941d; color: #fff; font-size: 2rem; border-radius: 5px; }
.bx-controls-direction a:hover { background-color: #005B86; }

.bx-controls-direction a.fa-angle-right { right: 10px; }

.bx-controls-direction a.fa-angle-left { left: 10px; }

.whi-text { color: #fff; }

.dblue-text { color: #062939; }
.blue-text { color: #005B86; }
.lblue-text { color: #005b86; }
.underline { text-decoration: underline; }
.no-decotation { text-decoration: none; }
.blue-bg { background-color: #005B86; }
.lblue-bg { background-color: #23A1D1; }
.colour-dblue { color: #062939; }
.colour-blue { color: #005B86; }
.colour-white { color: #fff; }
.colour-orange { color: #F7941D; }
.colour-grey { color: #666666; }
.orange-text { color: #F7941D; }
.mint-text { color: #b2efd9; }
.black-text { color: #151724; }
.bg-grey { background-color: #f6f6f6; }
.bg-dblue { background-color: #062939; }
.bg-ddblue { background-color: #151724; }
.bg-dred { background-color: #930F1F; }
.bg-mblue { background-color: #005b86; }
.bg-lblue { background-color: #23A1D1; }
.bg-orange { background-color: #f7941d; }
.list-none { list-style: none; padding: 0; }

.nooverflow { overflow: hidden; }

.grad-bg { background: rgb(0,27,54); background: linear-gradient(180deg, #001b36 0%, #005c86 100%); }

.rad-5 { border-radius: 5px; }
.rad-10 { border-radius: 10px; }
.rad-15 { border-radius: 15px; }
.rad-30 { border-radius: 30px; }
.rad-60 { border-radius: 60px; }
.border-orange { border-color: orange; }
.border-blue { border-color: #005B86; }
.boder-3 { border-width: 3px; }
.border-solid { border-style: solid; }

/*FOOTER*/
.footer-grid { display: grid; grid-template-columns: repeat(4, auto); grid-gap: 30px; }

.centres-grid { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 15px; }
.offices-grid { display: grid; grid-template-columns: 1fr; column-gap: 30px; row-gap: 15px; }

.courses-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 15px; }
.courses-grid a { display: block; color: #fff; text-decoration: underline; font-size: 1.13em; font-weight: 500; }
.footer { padding: 35px 0; }



.member-net-acc { margin-bottom: 60px; }
.member-net-acc .item { border-bottom: 2px solid #151724; }
.member-net-acc .item .top { height: 90px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.member-net-acc .item .top h3 { font-weight: 500; color: #062939; }
.member-net-acc .item .top:hover h3 { font-weight: 500; color: #f7941d; }
.member-net-acc .item .top i { color: #f7941d; font-size: 2.0em; }
.member-net-acc .item .body p { margin: 0px !important; }

.network-slide p { margin: 0px; }
.network-slide .text { display: flex; justify-content: center; align-items: center; }
.network-slide .logo { margin-top: -60px; z-index: 10; position: relative; height: 120px; }
.network-slide .bg-img { height: 288px; background-color: #005B86; }
.network-slide .link { font-size: 2.1em; }

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

@media screen and (max-width:1670px) {
    .courses-grid { display: grid; grid-template-columns: 1fr; column-gap: 30px; row-gap: 15px; }
}


@media screen and (max-width:1340px) {
    .footer-grid { grid-template-areas: "centres offices" "centres courses " "centres contact"; grid-template-columns: auto; grid-template-rows: auto auto auto; }
    .centres-section { grid-area: centres; }
    .offices-section { grid-area: offices; }
    .contact-section { grid-area: contact; }
    .courses-section { grid-area: courses; }

    .centres-grid { grid-template-columns: repeat(2, 1fr); }
    .courses-grid { grid-template-columns: repeat(2, 1fr); }
    .offices-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-address { min-height: initial; }
}

@media screen and (max-width:767px) {
    .footer-grid { grid-template-areas: "centres" "courses " "contact" }

    #home-carousel { grid-gap: 1rem; }
    #home-carousel .course-card.home > .btn { height: 125px; }
}

.ch2-deny-all-btn { display: none !important; }
.dw-item { transition: all 0.6s; }
.dw-item:not(.active) { opacity: 0; pointer-events: none; }

.dw-prev, .dw-next { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background-color: #f7941d !important; position: absolute; top: 50%; transform: translateY(-50%); }

.dw-prev:hover, .dw-next:hover { background-color: #005B86 !important; }
.dw-prev i, .dw-next i { color: #fff; font-size: 1.5em; }
.dw-prev { left: 0; }
.dw-next { right: 0; }

.white-link a { color: #fff; }
#st_gdpr_iframe { display: none; }
html { -webkit-font-smoothing: antialiased; }
body { font-size: 0.87em; font-family: 'sofia-pro',sans-serif; color: #666; margin: 0; overflow-x: hidden; padding: 0; -webkit-text-size-adjust: 100%; position: relative; overflow-y: scroll !important; }
.sticky-contact { position: fixed; right: 0px; top: 51%; transform: translateY(-50%); z-index: 2; }
.sticky-contact .contact-opt { width: 171px; display: block; text-align: center; background-color: #062939; color: #fff; font-size: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); height: 65px; line-height: 55px; }
.sticky-contact a { cursor: pointer; display: block; color: #fff; font-family: 'sofia-pro',sans-serif; font-weight: 700; }
.sticky-contact a:hover .contact-opt { background-color: #fff; color: #062939; }
.sticky-contact a:hover svg path { stroke: #062939; }
.sticky-contact.email a:hover svg path { stroke: none; fill: #062939; }
.sticky-contact .contact-opt svg, .sticky-contact .contact-opt i { margin-right: 15px; vertical-align: middle; }
.sticky-contact .contact-opt.call { margin-bottom: 6px; }
.center-block { margin-left: auto; margin-right: auto; }
.hide-overflow { overflow: hidden; }
.rel { position: relative; }
.sitemap li { color: #005B86; }
.sitemap li a { font-weight: 500; color: #005B86; text-decoration: underline; }
.sitemap li a.title { text-decoration: none; }
.sitemap li a:hover { text-decoration: none; }

.no-marg { margin: 0px !important; }

.threeguarantee img { margin: 15px auto; display: block; text-align: center; }
.course-guar .center-txt.narrow-header.top { max-width: 785px; }
.course-guar .quick-about span { text-align: left; }
.course-guar .quick-about ul { display: inline-block; }
.course-guar .stage--items { color: #fff; }
.course-guar .three__stage-blocks { margin-top: 45px; margin-bottom: 130px; }

.full-w { width: 100%; }

img { border: 0; max-width: 100%; height: auto; display: block; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], select, textarea { display: block; width: 100%; height: 40px; border: none; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { -webkit-appearance: none; padding: 0 0 0 10px; }
textarea { padding: 10px 0 0 10px; font-family: 'sofia-pro',sans-serif; min-height: 140px; }
select { background-color: #fff; line-height: 40px; font-family: 'sofia-pro',sans-serif; }
.btn { -webkit-appearance: none; color: #fff; max-width: 240px; cursor: pointer; width: 100%; line-height: 1; padding: 20px; text-align: center; display: block; margin: 15px 0; font-size: 1.1em; font-weight: 700; }
.btn.full { width: 100%; max-width: 100%; }
.btn.lg { max-width: 400px; }
.btn.wide { max-width: 400px; }
a.btn { color: #fff; }
a.btn:hover { color: #fff; }
.btn--dark-blue { background-color: #062939; }
.btn--dark-blue:hover { background-color: #005B86; }
.btn--blue { background-color: #005b86; }
.btn--blue:hover { background-color: #062939; }
.btn--orange { background-color: #f7941d; border: 1px solid #f7941d !important; color: #fff; }
.btn--orange:hover { color: #f7941d; background-color: #fff; }
.btn--white { background-color: #fff; }
.btn--long { max-width: 280px; margin: 10px auto; }
a.btn--white { color: #062939; }
.btn--white:hover { background-color: #062939; color: #fff; }
.btn.dblue { background-color: #005b86; }
.btn.green { background-color: #7cc243; }
.btn.blue { background-color: #062939; }
.btn.lblue { background-color: #005b86; }
.btn.orange { background-color: #f7941d; }
.btn.purple { background-color: #a700d7; }
.btn.yellow { background-color: #a19f00; }
.btn.grey { background-color: #888785; }
.btn.aqua { background-color: #00a198; }
.btn.red { background-color: #ee2f25; }
.btn.white { background-color: #fff; color: #062939; }
.btn.multi { background-color: #de496d; background-image: -o-linear-gradient(to top right, #de496d, #ab49de); background-image: -moz-linear-gradient(to top right, #de496d, #ab49de); background-image: -webkit-linear-gradient(to top right, #de496d, #ab49de); background-image: linear-gradient(to top right, #de496d, #ab49de); }


.btn.trans { background-color: transparent; }
.btn.small { height: 40px; margin-top: 20px; padding: 5px; border: none; line-height: 30px; }
.btn.narrow { max-width: 250px; margin: 0 auto; }
.call .btn.small { margin-top: 0px !important; }
.btn.otc { max-width: 400px; margin: 30px auto 0; }

.btn.white.ghost { min-width: 130px; background-color: transparent; border: 1px solid #fff; border-radius: 100px; color: #fff; font-weight: 300; min-height: 44px; height: auto; padding: 5px 15px; display: flex; justify-content: center; line-height: 1; align-items: center; }



.btn.full-w { max-width: 100%; }

.btn.nomarg { margin: 0px; }

.inline-link { text-decoration: underline; }

.inline-link.white, .inline-link.white a { color: #fff !important; }



.bx-shad { box-shadow: 0px 11px 20px #00000026; }

.btn.lrg { width: 100%; max-width: 290px; font-size: 1.9em; }
.btn.center { display: block; margin: 0 auto; }

.contact-cta { background-color: #062939; margin-top: 60px; }
.contact-cta h2 { color: #fff; }
.contact-cta .container { position: relative; padding: 100px 100px 100px 15px; }
.contact-cta .btn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); margin: 0px; font-size: 1.6em; max-width: 430px; }
.contact-cta .btn:hover { background-color: #043449; }

.contact-cta.no-marg { margin: 0px; }

.pos-rel { position: relative; }
.pos-abs { position: absolute; }

.padd-30 { padding: 30px; }
.dbl-bg { background-color: #062939; }
.lg-txt { font-size: 1.3em; }
.darklink { color: #062939 !important; text-decoration: underline; }
.darklink:hover { text-decoration: none; }
.white-bg { background-color: #fff; }

.phone-icon:not(.black) { display: none; }
.phone-icon:not(.black) a { display: block; width: 50px; height: 50px; font-size: 2.8em; color: #fff; text-align: center; }

.internal--page .banner .btn:hover { background-color: #fff; color: #062939; }
.internal--page .banner { height: 753px; }
.internal--page #about-us.banner { height: 865px; }
.internal--page .trustpilot { margin: 25px -10px; padding: 0; max-width: 420px; }
.banner.other { height: auto; }
.banner.other .text.full, .banner.complaint .text.full { max-width: 950px; margin: auto; }
.banner.other h1 { margin-top: 20px !important; }
.banner.text--page { height: 753px; }
.banner.search { height: 850px; }
.banner.search a:hover { text-decoration: underline; }
.banner { background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #005B86; height: 765px; padding-top: 166px; }


.banner.nofixheight { height: auto; }

.banner--inside .trustpilot { padding: 0; margin: 20px 0 0; max-width: 100%; min-height: 40px; }
.banner--inside .trustpilot iframe { min-height: 40px; }
.banner--inside .nospan ul { margin: 10px 0 0 0; padding: 0 0 0 18px; }
.banner__slider { margin-top: 35px; }
.banner__slider .bx-viewport { height: auto !important; }
.banner__item img.img--slider { height: 656px; position: relative; }
.banner--text { color: #FFFFFF; font-weight: 500; position: relative; padding: 55px 0 30px 43px; }
.banner--text-quote { font-size: 2.0em; max-width: 599px; display: block; margin-bottom: 30px; padding-right: 75px; }
.banner--text-bold { font-weight: 900; }
.banner--text-name { font-size: 1.8em; }
.course.course--page .trustpilot-widget { max-width: 100%; height: 100%; margin: 0 -10px; }
.banner .trustpilot-widget { max-width: 100%; }
.banner .banner__slider .btn { position: absolute; bottom: 95px; margin: auto; left: 75px; }

.banner.homepage { background-color: #fff; position: relative; background-image: url('images/access-training-colab.jpg'); background-position: top; }

.banner.homepage:before { content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; left: 0px; top: 0px; }

.course-banner .rel { position: relative; }

.info-page.location .reviews.nomarg h2.reviews-title { margin-top: unset; }
.info-page.location .home-courses { margin-bottom: unset; }

.internal--page.about h2 { font-size: 2.5rem; }

/* Wickes Tradepro Discount */
.wickes.info-page.internal--page { padding-top: 111px; }
.wickes.info-page.internal--page .banner { padding-top: unset; background: linear-gradient(90deg, #062939, #005B88); }
.wickes.info-page.internal--page .banner > .container { display: flex; height: 754px; }
.wickes.info-page .wickes-intro h1 { font-size: 2rem; }
.wickes.info-page .container.checkatrade .wickes-intro h1 { padding-right: 30px; }
.wickes.info-page .wickes-intro ul { padding-left: 25px; }
.wickes.info-page .wickes-intro ul li { padding: 0; }
.wickes.info-page .wickes-intro ul li::marker { color: #F7941D; }

.wickes.info-page .how-to-claim .steps { gap: 30px; }
.wickes.info-page .how-to-claim .discount-step { border: 3px solid #005B86; border-radius: 3px; padding: unset; height: 132px; }
.wickes.info-page .how-to-claim .discount-step .number { background-color: #005B86; color: #fff; padding: unset; font-size: 6rem; line-height: 110px; padding-left: 2px; }
.wickes.info-page .how-to-claim .discount-step .content { padding: 50px 55px 50px 50px; font-size: 1.5rem; color: #062939; }
.wickes.info-page .career-support-form { background-color: #005B86; }
.wickes.info-page .career-support-form #enquiryform.full-w-form { padding: 0; }
.wickes.info-page #enquiryform.full-w-form .surround { justify-content: center; gap: 10px; }
.wickes.info-page #enquiryform.full-w-form .surround.checkatrade { justify-content: center; gap: unset; }
.wickes.info-page #enquiryform .editor-field.check input[type="checkbox"] { margin: 0; }
.wickes.info-page #enquiryform .form-btm > * { padding: 10px; }

.wickes.info-page #enquiryform.full-w-form form { display: flex; justify-content: center; }
.wickes.info-page #enquiryform.full-w-form .optin:not(.checkatrade) span { float: right; margin-right: 10px; }
.wickes.info-page #enquiryform.full-w-form .optin:not(.checkatrade) input { transform: none; }
.wickes.info-page .partners { padding-bottom: 30px; margin-top: 0; }
.wickes.info-page .partners .tp { transform: scale(1.4) translateY(10px); }
.wickes.info-page #enquiryform.full-w-form input[type="submit"] { margin-top: 0; }
.wickes.info-page .banner .text strong { font-size: 1.25rem; margin-bottom: 0; display: inline; }

.wickes.info-page .banner .text span.info { font-size: unset; font-weight: unset; line-height: unset; display: unset; }
.wickes.info-page .container.checkatrade { justify-content: center; }
.wickes.info-page #enquiryform .surround.checkatrade .editor-field.check { padding: 0 25px; }
.wickes.info-page #enquiryform .editor-field.check label.checkatrade input[type="checkbox"] { right: 25px; }
.wickes.info-page #enquiryform .surround.checkatrade .form-btm > * { font-size: 0.8125rem; font-weight: 300; margin-top: 10px; }

.wickes.info-page .how-to-claim.checkatrade .discount-step { height: 108px; }
.wickes.info-page .how-to-claim.checkatrade .discount-step .number { max-width: 10%; line-height: 85px; padding-left: 5px; }
.wickes.info-page .how-to-claim.checkatrade .discount-step .content { padding: 0 0 0 35px; }

.grecaptcha-badge { z-index: 9999; }


#partp-non-electrical { height: 840px; }
.course--page .banner { height: auto; }
#combined-electrical { height: 840px; }
.slider--image { height: 656px; width: 100%; background-size: cover; background-repeat: no-repeat; }
.slider--gas { background-image: url('images/slider/jimmy-gas-trainer.jpg'); }
.slider--student { background-image: url('images/slider/leah-student.jpg'); }
.slider--student-two { background-image: url('images/slider/michael-student.jpg'); }
.slider--career { background-image: url('images/slider/tiago-freitas.jpg'); }
.slider--director { background-image: url('images/slider/tony-director-of-training.jpg'); }
.slider--colab { background-image: url('images/access-training-colab.jpg'); }
#overview-carpentry, #overview-constructionsite, #overview-kitchen { height: 995px; }
#overview-construction { height: 1120px; }
#fundamental-electrical, #periodic-inspection-electrical { height: 754px; }
.quote { position: absolute; }
.quote--left { top: 0; left: 0; }
.quote--right { bottom: 50px; right: 0; }
.trustpilot { padding: 0 15px; margin: 25px 0; max-width: 490px; width: 488px; }
.home-content { margin-top: 70px; }
#content, .footer, .sign__up { position: relative; max-width: 100vw; overflow: hidden; }
body.menu #content, body.menu .footer, body.menu .sign__up { z-index: auto; }


.aspect1-1 { position: relative; margin: auto; }

.course-card-btm .aspect1-1 .cert-body-image { position: absolute; top: 0px; height: 100%; width: 100%; display: inline-block; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; }
.course-card-btm .btn.small.blue { position: static !important; }

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

.visible--pop { display: none; }

.center-img img { display: block; margin: 0 auto; }

.popup-container { z-index: 99999; position: fixed; top: 0px; width: 100%; height: 100%; left: 0px; }
.popup-container .overlay.blur { width: 100%; height: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.popup-container .content { -webkit-box-shadow: 0 0 20px 0px #00000026; -moz-box-shadow: 0 0 20px 0px #00000026; box-shadow: 0 0 20px 0px #00000026; max-width: 610px; width: 90%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; max-height: 90%; overflow-y: auto; overflow-x: hidden; }
.popup-container .content form input[type=submit] { width: 100%; margin-top: 30px; border: none; display: block; max-width: 100%; height: 60px; line-height: 60px; }
.popup-container .content form input[type=submit]:hover { color: #fff; background-color: #062939; }
.popup-container .content h2 { color: #002A3A; font-size: 3.3em; margin: 10px 0px; }
.popup-container .content img { max-width: 100%; width: 270px; }
.popup-container .content .sub-text { font-size: 1.6em; margin-bottom: 30px; margin-top: 20px; }
.popup-container .rel { position: relative; width: 100%; height: 100%; }
.popup-container .rel i { position: absolute; display: inline-block; top: 15px; right: 15px; color: #CFCFCF; cursor: pointer; font-size: 2.0em; }
.popup-container .rel i:hover { color: #000; }
.popup-container .content .editor-field input { border: 1px solid #CFCFCF; }
.popup-container .content .visible--pop { display: block !important; text-align: left !important; }
.popup-container .content .visible--pop label { color: #000; font-weight: 700; margin: 10px 0px; display: block; }
.popup-container .content .inner { max-width: 440px; margin: 0 auto; padding: 30px 15px; }
.popup-container .content .call { display: none; }
.popup-container .content .heading { display: none; }
.popup-container .content .optin { display: none; }
.popup-container .content .privacy-note { display: none; }
.popup-container .grecaptcha-badge { display: none !important; }
.popup-container .content .privacy-text { font-weight: 300; margin-top: 30px; }
.popup-container .content .privacy-text a { font-weight: 300; text-decoration: underline; }
.popup-container .content .privacy-text a:hover { text-decoration: none; }
.popup-container #enquiryform form { position: static !important; box-shadow: none; }
.popup-container #enquiryform form .surround { padding: 0px !important; background-color: transparent; }

.popup-container #enquiryform form .form--submit { display: block !important; margin: 0px; background-color: #005A87; border: none; line-height: 1; }
.popup-container #enquiryform form .form--submit:hover { background-color: #062939; color: #fff; border: none; }
.popup-container #enquiryform form .loading-special { margin-bottom: -62px; }


.popup, #preview, #vacancyinfo { position: fixed; width: 100%; height: 100%; top: 0; left: 0; transition: opacity .2s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .2s ease-in-out; opacity: 0; visibility: hidden; }
.popup .view, #preview .view, #vacancyinfo .view { position: relative; width: 95%; max-width: 1200px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-height: 90%; overflow-y: auto; background-color: #f0f0f0; height: auto; }

#preview .view { max-width: 745px !important; }

.popup .view.xmas { background-color: #062939; }

.popup .view.xmas h2 { display: block; color: #fff; line-height: 1.25; font-size: 4.8em; }
.popup .view.xmas h2 span { display: block; color: #ed2e2e; }
.popup .view.xmas .txt { font-size: 1.65em; }
.popup .view.xmas .txt.sml { font-size: 1.2em; }
.popup .view.xmas .txt.xsml { font-size: 1.15em; font-weight: 300; }
.popup .view.xmas .form { background-color: #005B86; }
.popup .view.xmas .form .btn.orange { border: none; }
.popup .view.xmas .form .btn.orange:hover { background-color: #062939; color: #fff; }
.popup .view.xmas .form .field-validation-error { color: #ed2e2e; }
.popup .view.xmas .grecaptcha-badge { display: none !important; }
.popup .gift-top { display: flex; justify-content: center; align-items: center; gap: 15px; }
.popup .gift-top img:first-child { transform: scaleX(-1); }
.popup .xmas .usps { font-size: 1.30em; font-weight: 400; background-color: #ed2e2e; padding: 10px 15px; display: flex; justify-content: center; align-items: center; gap: 30px; color: #fff; text-align: center; }
.popup .xmas .usps .line { width: 2px; height: 30px; background-color: #fff; }

#preview input.btn, #vacancyinfo input.btn { width: 100%; max-width: none; border: 1px solid #005b86; }
#slider-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; opacity: 0; visibility: hidden; }
.popup.open, #preview.open, #slider-popup.open, #vacancyinfo.open { opacity: 1; visibility: visible; }
.popup.open, #preview.open, #slider-popup.open, #vacancyinfo.open { z-index: 99999; }
#vacancyinfo .btn--orange { max-width: 100%; }

.popup.open .overlaypop, #preview.open .overlaypop, #slider-popup.open .overlaypop, #vacancyinfo.open .overlaypop { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; }
#slider-popup .view { position: relative; width: 100%; max-width: 1120px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); max-height: 90%; overflow-y: auto; background-color: #fff; }
#preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { position: relative; padding: 65px; }
#preview i.fa, #slider-popup i.fa, #vacancyinfo i.fa { width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 2.1em; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; margin-right: 40px; margin-top: 20px; }
#preview i.fa:before, #slider-popup i.fa:before, #vacancyinfo i.fa:before { color: #000; background-color: #fff; border-radius: 15px; width: 29px; height: 29px; display: block; text-align: center; line-height: 30px; box-shadow: 0 0 3px 1px #000; padding-left: 1px; }
.form-surround.white { transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; opacity: 0; visibility: hidden; }
.form-surround.white.open { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); visibility: visible; }
.form-surround .training-questions span { font-size: 1em; }
.close { font-size: 16px; display: block; position: absolute; top: 10px; right: 25px; cursor: pointer; z-index: 999; text-transform: uppercase; }
.close .fas { font-size: 1.2em; color: #062939; padding-left: 15px; float: right; line-height: 33px; }
.close .text { line-height: 30px; float: right; margin-left: 10px; float: left; color: #666666; }
.close .text:hover { color: #062939; }
.close.cssicon { top: 25px; }

.close.cssicon .inner { position: relative; width: 40px; height: 40px; transform: rotate(45deg); }
.close.cssicon .inner:before { content: ""; width: 100%; height: 3px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px; }
.close.cssicon .inner:after { content: ""; width: 3px; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px; }




.slider__popup .dw-sm-6 { padding: 0; }
.slider__form { background-color: #062939; padding: 50px 15px 15px 15px; }
.slider__form .loading-help .surround { text-align: center; padding: 0; }
.slider__form form { max-width: 350px; margin: auto; }
.slider__form form .editor-field { margin-bottom: 20px; }
.slider__form .g-recaptcha { height: 51px; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; margin: 0 auto 20px auto; }
.slider__form .g-recaptcha div div { width: 150px !important; overflow: hidden; height: 51px; position: relative; }
.slider__form .g-recaptcha iframe { margin-top: -12px; }
.slider__form .privacy { margin: 15px; color: #fff; font-size: 0.88em; text-align: center; display: block; }
.slider__form input.btn { border: 1px solid #005b86; max-width: 380px; margin: auto; }
.slider__form input.btn:hover { background-color: #fff; color: #062939; border: 1px solid #fff; }
.slider__form h2 { text-align: center; color: #fff; font-size: 2.50em; max-width: 363px; margin: auto auto 35px; }
.slider__right { margin: 55px auto; max-width: 476px; }
.slider__right .title { color: #005B86; font-size: 1.75em; font-weight: 900; padding-right: 50px; margin-bottom: 20px; }
.slider__right .block__list li { margin-bottom: 20px; border: 1px solid #fff; color: #062939; }
.slider__right .block__list li span { font-weight: 500; font-size: 1.25em; color: #666666; }


h1, h2, h3 { font-weight: 600; margin: 0 0 15px; color: #005B86; line-height: 1; }
h1 { font-size: 3.75em; }
h1.lg-white { font-size: 3.3em; }

h1.dblue { color: #062939; }
h1.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }
h2.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }
h3.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }




h2 { font-size: 3em; }
h2.sml { font-size: 2.0em; }
h3 { font-size: 2.25em; }

h2.lg-white { color: #fff; font-size: 3.6rem; font-weight: 500; margin: 30px 0px; }
h3.lg-white { color: #fff; font-size: 3.2rem; font-weight: 500; width: max-content; margin: 30px 0px; }
h2.lg-white.orul:after { display: block; height: 10px; width: 100%; content: ""; background-image: url(images/assets/or-line.svg); background-repeat: no-repeat; background-size: inherit; margin-top: 15px; }
h2.lg-white.blul:after { display: block; height: 10px; width: 100%; content: ""; background-image: url(images/assets/bl-line.svg); background-repeat: no-repeat; background-size: inherit; margin-top: 15px; }
h2.lg-white.blul { margin-bottom: 15px; }
h2.dblue { color: #062939; }
h3.dblue { color: #062939; }

.lg-h1-subtxt { font-size: 1.55em; }

a:not(.banner-top-link) { font-weight: 900; }
a { text-decoration: none; color: #062939; }
a.orange-text { text-decoration: underline; font-weight: 600; }

a.link { text-decoration: underline; }
a:hover { text-decoration: none; }
a.inline-text { color: #fff; text-decoration: underline; }

a.lnk.orange { color: #f7941d; }
a.lnk.orange:hover { color: #062939; }
a.lnk.lblue { color: #005B86; }
.breadcrumb { display: none; }
.bblue, .bblue a { color: #062939; font-weight: 900; }
.bblue:hover, .bblue a:hover, .bblue:hover a { color: #333; }
.h2-splitsect { width: 100%; margin: 60px 0px 30px 0px; }

.h2-underline { height: 5px; background-color: #062939; width: 100px; margin: 30px auto 0px auto; }
.h2-underline.left { margin-left: 0px; margin-right: 0px; width: 150px; }
.h2-leftalign { margin: 30px 0px; }
.h2-leftalign h2 { margin: 0px !important; }

.btn.modrn { border-radius: 7px; min-height: 35px; display: flex; width: 100%; align-items: center; font-weight: 100; padding: 0px; max-width: 100%; text-transform: uppercase; justify-content: center; }
.btn.gradient { transition: transform linear .2s; background: transparent linear-gradient(81deg, #33FFCC 0%, #5434BE 100%) 0% 0% no-repeat padding-box; }
.btn.gradient:hover { transform: translateY(-5px); }


/*.masthead { position: fixed; border-bottom: 1px solid #fff; width: 100%; margin-top: 50px; z-index: 9999; top: 0; min-height: 110px; }*/

.sofia { font-family: "sofia-pro", sans-serif; font-weight: 700; font-style: normal; }
.archivo { font-family: "archivo-black", sans-serif; font-weight: 400; font-style: normal; }



.lbl-txt { color: #b8e4f8; }

h2.white { color: #fff; }
h3.white { color: #fff; }

h2.nomarg { margin: 0px; }
h3.nomarg { margin: 0px; }

.white-txt { color: #fff; }
.teal-txt { color: #33ffcc; }

.orange-txt { color: #f7941d; }

.white-txt a { color: #fff; }

.blue-txt { color: #005B86; }
.mint-txt { color: #72d4d1; }
.aqua-txt { color: #72d4d1; }
.lgrey-txt { color: #707070; }

h2.sm { font-size: 2.4em; }
h3.sm { font-size: 2.0em; margin-bottom: 5px; }

.txt-block { font-size: 20px; }

.trans-dblue-bg { background-color: rgba(6, 41, 57, 0.5); }
ul.checklist { padding: 0px; }
ul.checklist li { list-style: none; position: relative; padding-left: 50px; margin-bottom: 15px; }
ul.checklist li i { position: absolute; top: 5px; left: 0px; color: #f7941d; }

.featured-jobs-wrapper { padding: 0 30px; }
.home-featured-jobs .inner { background-color: #fff; box-shadow: 0px 9px 12px #0000001C; min-height: 600px; position: relative; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; }
.home-featured-jobs .point { width: 30px; height: 30px; border: 5px solid #062939; border-radius: 100%; position: absolute; background-color: #fff; left: 50%; top: 0px; transform: translate(-50%, -50%); }
.home-featured-jobs .dw-stage { padding-bottom: 15px; }
.home-featured-jobs .dw-next { transform: translateX(70%); }

.home-featured-jobs .dw-prev { transform: translateX(-70%); }

.home-featured-jobs { position: relative; background-color: #EFEFEF; border: 5px solid #062939; max-width: 1752px; margin: 0 auto; }
.home-featured-jobs .slide { }

.home-featured-jobs .bx-wrapper { max-width: 100% !important; }

.home-featured-jobs { padding-bottom: 50px; }
.home-featured-jobs .title { min-height: 80px; position: relative; }
.home-featured-jobs .title h3 { display: block; width: 100%; position: absolute; top: 50%; left: 0px; color: #062939; transform: translateY(-50%); }
.home-featured-jobs .line { height: 1px; background-color: #062939; margin: 15px 0px; }
.home-featured-jobs .info-row { position: relative; padding: 10px 0px 10px 50px; }
.home-featured-jobs .info-row i { position: absolute; left: 0px; top: 10px; width: 50px; text-align: left; color: #005B86; font-size: 2.0em; }
.home-featured-jobs .info-row .txt { color: #062939; font-size: 1.8em; line-height: 1; }
.home-featured-jobs .info { color: #666; font-size: 1.45em; }
.home-featured-jobs .info strong { color: #005B86; }
.home-featured-jobs .btn { max-width: 100%; width: calc(100% - 40px); text-transform: uppercase; }
.home-featured-jobs .btn.contact { display: inline-block; max-width: 100%; width: auto; padding: 25px 35px; font-size: 1.5em; margin: 40px 0px; line-height: 1; height: auto; }
.home-featured-jobs .bx-controls { position: absolute; top: 50%; width: 100%; }
.home-featured-jobs .bx-wrapper .bx-controls-direction { position: relative; width: 100%; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 32px; height: 32px; z-index: 9999; font-size: 1.9em; color: #062939; display: none; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a { z-index: auto; top: 50%; color: #fff; font-size: 4em; display: block !important; display: block; background-color: #f7941d; line-height: 60px; text-align: center; width: 60px; font-size: 1.9em; height: 60px; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-angle-left { left: -95px; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-angle-right { right: -95px; }

.home-featured-jobs .bx-wrapper .bx-controls-direction a:hover { background-color: #005b86; }

.img-w-orange-decor { float: right; position: relative; z-index: 10; margin-top: 60px; }
.img-w-orange-decor:before { display: block; content: ""; background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; right: -30px; top: -68px; position: absolute; z-index: 1; }
.img-w-orange-decor .pentagon { position: absolute; bottom: 30px; left: -74px; transform: rotate(129deg) scale(2.7); z-index: -1; }
.img-w-orange-decor .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #f7941d transparent; }
.img-w-orange-decor .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #f7941d; }


.banner.homepage .hero { position: relative; z-index: 10; text-align: center; margin-bottom: 120px; }
.banner.homepage .hero .top { color: #fff; display: block; font-size: 6.5em; }
.banner.homepage .hero strong { color: #f7941d; display: block; font-size: 6.5em; }
.banner.homepage .hero .actions { max-width: 400px; margin: 0 auto; }
.banner.homepage .hero .actions .btn { margin: 0 auto; }
.banner.homepage .hero .sub { color: #fff; font-size: 1.8em; max-width: 600px; display: block; margin: 30px auto 60px; }
.banner.homepage .logos { position: relative; z-index: 10; margin-bottom: 40px; }
.banner.homepage .logos .log { width: 20%; float: left; text-align: center; height: 110px; }
.banner.homepage .logos .tp { width: 20%; float: left; text-align: center; position: relative; height: 110px; }
.banner.homepage .logos .tp .trustpilot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.5); margin: 0px; }
.banner.homepage .logos img { margin: 0 auto; }

.banner.homepage { height: auto; }


.footer { background-color: #005b86; }
.tp-grid { margin: 0 auto; max-width: 1200px; }
.blog-feed { margin: 0 auto; }
.blog-feed .bx-wrapper { margin: 0 auto; }
.blog-feed .bx-wrapper .bx-controls-direction a { z-index: auto; top: 50%; color: #fff; font-size: 4em; display: block !important; display: block; background-color: #f7941d; line-height: 60px; text-align: center; width: 60px; font-size: 1.9em; height: 60px; }

.blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -70px; }
.blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -70px; }

.blog-feed-item { padding: 0px; background-color: #666; position: relative; overflow: hidden; background-size: cover; background-position: left; margin-bottom: 30px; min-height: 375px; }
.blog-feed-item .overlay { background-color: #000; position: absolute; width: 100%; height: 100%; display: block; left: 0px; top: 0px; opacity: 0.5; }
.blog-feed-item:hover .overlay { opacity: 0.9; }
.blog-feed-item.post-one { background-image: url(images/electrician-post-one.jpg); }
.blog-feed-item.post-two { background-image: url(images/electrician-post-two.jpg); }
.blog-feed-item.post-three { background-image: url(images/electrician-post-three.jpg); }

.blog-feed-item .btm i { color: #005B86; margin-right: 10px; font-size: 1.8em; display: inline-block; line-height: 30px; }
.blog-feed-item .btm span { font-weight: 700 !important; font-size: 1.3em !important; text-transform: none !important; display: inline-block; vertical-align: top; line-height: 30px; }
.blog-feed-item .btm .line { line-height: 30px; }

.blog__pin { background-color: #930F1F; color: #fff; margin-bottom: 20px; display: block; max-width: 150px; height: 30px; line-height: 30px; text-align: center; }
.blog__pin i { margin-right: 10px; }
.blog__pin span { text-transform: uppercase; }

.blog-feed-item .img { height: 272px; background-size: cover; background-position: center; }
.blog-feed-item .text { background-color: #fff; color: #062939; }

.footer .top { background-color: #f0f0f0; overflow: hidden; }
.footer .top .title { font-weight: 700; font-size: 1.25em; text-transform: uppercase; }
.footer .top span, .footer .top a { font-family: 'sofia-pro',sans-serif; font-size: 1.45em; display: block; line-height: 24px; margin-top: 24px; }
.footer .top .head-office, .footer .top .links { width: 1900px; padding-top: 80px; }
.footer .top .head-office { background-color: #008ad2; color: #fff; position: relative; float: left; }
.footer .top .head-office .text { float: right; }
.footer .top .links { position: relative; left: 50%; float: left; }
.footer .top .courses, .footer .top .academies { float: left; }

.inner { margin: 0 auto; max-width: 1460px; padding: 0px 15px; }

.footer .bottom { background-color: #005b86; margin-bottom: -5px; padding: 5px 0; font-size: 0.9em; color: #fff; }
.footer .dw-tag { line-height: 50px; text-align: right; color: #fff; }
.footer .dw-tag a { color: #fff; text-decoration: underline; }
.footer .links.bs span { line-height: 50px; color: #fff; }
.footer .links.bs a { color: #fff; font-weight: 500; text-decoration: underline; }
.footer .social-media span, .footer .social-media a { display: inline-block; }
.footer a.fab { font-family: 'Font Awesome 5 Brands'; }
.footer a.fa-facebook-f:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer a.fa-x-twitter:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer a.fa-youtube:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer .btm-links { font-size: 12px; }
.footer .btm-links .split { color: #062939; margin: 0px 5px; }
.footer--title { color: #fff; font-size: 1.50em; font-weight: 600; margin: 0 0 40px; }

.footer-locations { padding-bottom: 15px; }
.footer-address strong { font-size: 18px; line-height: 1.2; margin-bottom: 15px; display: block; color: #fff; font-weight: 700; }
.footer-address .txt { font-size: 1em; color: #fff; font-weight: 100; margin-bottom: 15px; }

.footer .social-link { display: inline-block; margin-right: 20px; }
.footer .social-link a { font-size: 24px; }
.footer .social-link a.fa-facebook-f { color: #fff; }
.footer .social-link a.fa-x-twitter { color: #fff; }
.footer .social-link a.fa-youtube { color: #fff; }
.footer .social-link a.fa-instagram { color: #fff; }
.starts-here a { color: #f7941d; }

.block-link { display: block; cursor: pointer; }
.block-link:hover strong, .block-link:hover .txt { color: #062939; }





.center-txt.narrow-header { margin: 0 auto; max-width: 990px; }
.center-txt.narrow-header a { color: #062939; }
.center-txt.narrow-header.top { max-width: 1250px; }
.center-txt.narrow-txt { max-width: 800px; margin: 0 auto; font-size: 1.15em; }
.center-txt img { margin: 0 auto; }
.banner--top { background-color: #151824; width: 100%; text-align: center; z-index: 9999; min-height: 50px; display: flex; align-items: center; }
.banner--top a { color: #fff; display: block; font-size: 1.2em; }
.banner--top a:hover .smlbtn { text-decoration: none; }
.banner--top img { display: inline-block; margin: 0; vertical-align: middle; }
.banner--top .smlbtn { text-decoration: underline; margin-left: 5px; display: inline-block; }
.banner--top span.rest { font-weight: normal; }
.home-courses .text { position: absolute; top: 115px; left: 25px; padding: 15px; width: 100%; color: #fff; max-width: 288px; font-size: 1.3em; }
.home-courses a:hover .btn--blue { background-color: #062939; }
.home-courses a:hover .course--hover:after { opacity: 1; }
.home-courses .title { display: block; font-weight: 900; font-size: 1.9em; line-height: 1.1; }
.home-courses .available { display: block; margin: 15px 0; }
.home-courses .btn { width: 100%; margin: auto; max-width: none; bottom: -60px; text-transform: uppercase; }
.course__overview { position: relative; margin-top: 25px; }
.extra--space { padding: 98px 0; }
.course--hover:before { content: ""; position: absolute; width: 100%; height: 100%; max-width: 400px; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)); opacity: 1; transition: all .5s; -webkit-transition: all .5s; }
.course--hover:after { content: ""; position: absolute; width: 100%; height: 100%; max-width: 400px; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)); opacity: 0; transition: all .5s; -webkit-transition: all .5s; }
.blue--block { background-color: #005b86; color: #fff; }
.blue--block .detail a { color: #fff; text-decoration: underline; }
.blue--block .detail a:hover { text-decoration: none; }
.blue--block .detail a.btn { text-decoration: none !important; }
.blue--block .detail a.btn:hover { background-color: #fff; color: #005B86; }
.blue--block h2 { color: #fff; }
.segments.bottom { padding-bottom: 165px; }
.segments h2 { margin-top: 20px; }
.ipt .blue--block .btn--big { max-width: 300px; }
.segments .blue--block .btn--big:hover { color: #062939; background-color: #fff; }
.segments .grey__box { background-color: #E9E9E9; min-height: 430px; max-width: 485px; padding: 35px; margin: 60px auto 0; }
.segments .grey__box .title { color: #005B86; font-size: 2.38em; font-weight: 600; min-height: 98px; }
.segments .grey__box span { font-size: 1.25em; display: block; margin: 10px 0; color: #666666; }
.segments .blue__box { background-color: #005B86; min-height: 430px; max-width: 485px; padding: 35px; margin: 60px 0 0; }
.segments .blue__box span { font-size: 1.25em; display: block; margin: 50px 0 60px; color: #fff; }
.segments .blue__box span a { color: #fff; font-weight: 600; }
.segments .blue__box .btn { max-width: 370px; }
.segments .blue__box .btn:hover { background-color: #fff; color: #062939; }
.three__stage { margin-top: 70px; padding: 70px 0 40px; }
.three__stage h2 { margin-bottom: 60px; }
.three__stage img { margin: auto; }
.body__text { font-size: 1.25em; }
.body__text strong a { color: #fff; text-decoration: underline; }
.body__text strong a:hover { text-decoration: none; }
.a--link a { color: #fff; text-decoration: underline; }
.a--link a:hover { text-decoration: none; }
/*.course-heading {padding-bottom: 40px;}*/
.course-heading h2 { font-size: 1.5em; }
.course-heading span { font-size: 1.38em; color: #666666; }
.three__stage-blocks { margin-top: 95px; }
.three__stage-blocks.about { margin-top: 50px; }
.three__stage-blocks.about .stag--title { margin-bottom: 45px; font-size: 1.75em; max-width: 900px; font-weight: 900; }
.stage { margin-bottom: 15px; }
.stage__block.blue { background-color: #005b86; position: relative; }
.stage__block.blue span { font-size: 1.5em; max-width: 295px; }
.stage__block { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; background-color: #062939; box-shadow: 0px 0px 20px #00000029; }



.whitetxt { color: #fff !important; }

.large-contact-cta { background-color: #062939; padding: 60px 0px; }
.large-contact-cta .toright { float: right }
.large-contact-cta .toleft { float: left }
.large-contact-cta h2 { color: #fff; margin: 30px 0px; }
.large-contact-cta .btn { padding: 10px 40px; font-size: 1.4em; max-width: 100%; height: auto; }

.min-h-390 { min-height: 390px !important; }

.stage__block-white { background-color: #fff; color: #666666; padding: 30px 20px; min-height: 260px; font-size: 1.13em; box-shadow: 0px 0px 20px #00000029; }
.stage__block-white.flx-bx { padding: 0 20px 30px; }
.stage--items span { max-width: 185px; font-weight: 700; font-size: 1.88em; display: block; margin-left: 5px; }
.stage--items span.larger { max-width: 230px; }
.stage__list { padding: 0; display: flex; flex-direction: column; grid-gap: 15px; margin-bottom: 0 !important }
.stage__list li { list-style: none; color: #005b86; font-weight: 600; font-size: 0.96em; }
.stage__list li i { margin-right: 8px; }
.specialists { margin-top: 75px; }
.specialists--about { margin-top: 15px; padding-bottom: 40px; }
.specialists h3 { color: #062939; }
.special--item { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; align-items: center; -webkit-box-align: center; -ms-flex-align: center; flex-direction: column; }
.special--item .btn { height: 50px; line-height: 50px; max-width: 260px; z-index: 9; }
.specialist__block { margin-top: 50px; }
.specialist__block h3 { color: #062939; font-weight: 900; margin-top: 30px; font-size: 1.75em; }
.specialist__block span { color: #666666; font-size: 1.13em; display: block; max-width: 460px; margin-bottom: 25px; }
.video__block { margin-top: 120px; position: relative; }
.video__block h2 { margin-bottom: 20px; }
.video__content { padding: 70px 0; }
.video__course a { color: #fff; text-decoration: underline; }
.video__course a:hover { text-decoration: none; }
.video__course .video__content { padding: 35px 0; }
.video__course h2 { font-size: 2.63em !important; max-width: 600px; margin-bottom: 25px; }
.video__course .ticks strong { font-size: 1em !important; }
.youtube__video { position: relative; margin-top: -30px; }
.youtube__video i { color: #005b86; margin: auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 6em; transform: translate(-50%, -50%); }
.yt-container i { color: #F7941D; margin: auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 5em; transform: translate(-50%, -50%); }
.yt-container i.orange { width: 106px; height: 106px; color: #fff; background-color: #F7941D; font-size: 3em; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.yt-container i.orange:before { transform: translateX(5px); }
.vid-container { margin-bottom: 30px; }
.vid-container .youtube__video { margin-top: 30px; max-height: 790px; }
.vid-container .yt-container { padding-top: 56.8% !important; }
.youtube__video .info { width: 100%; max-width: 715px; box-shadow: 0px 8px 20px #00000039; background-color: #062939; text-align: center; padding: 40px; position: absolute; right: 10px; top: 100%; transform: translateY(-50%); }
.youtube__video .info h4 { margin-top: 0px; color: #fff; font-size: 1.1em; margin-bottom: 5px; }
.youtube__video .info span { color: #fff; font-size: 2.5em; font-weight: bold; }
.youtube__video .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; bottom: -118px; left: -6px; z-index: -5; }

.yt-container { background-position: center; cursor: pointer; position: relative; overflow: hidden; background-size: cover; padding-top: 56.8%; }
.yt-container .yt-vid { left: 0px; position: absolute; z-index: 99; top: 0px; width: 100%; height: 100%; }
.yt-container .yt-vid iframe { width: 100%; height: 100%; border: none; }
.yt-container#life-change { background-image: url(images/access-video.jpg); }
.yt-container#electriantraining { background-image: url(images/electriciantraining.jpg); }
.yt-container#meetelectricaltutor { background-image: url(images/meetelectricaltutor.jpg); }
.yt-container#training { background-image: url(images/video-cover.jpg); }
.yt-container#intensive { background-image: url(images/video-cover.jpg); }
.yt-container#bespoke { background-image: url(images/atw-bespoke-electrical-training.jpg); }
.yt-container#gas { background-image: url(images/gas-video-cover.jpg); }
.yt-container#plumbing { background-image: url(images/plumbing-courses-video.jpg); }
.yt-container#beginners { background-image: url('https://i.ytimg.com/vi/45tWLYRXyi0/maxresdefault.jpg'); }
.yt-container#construction { background-image: url(images/construction-courses-video.png); }
.yt-container#carpentry { background-image: url(images/carpentry-courses.jpg); }
.yt-container#carpentry-course { background-image: url(images/carpentry-courses-two.jpg); }
.yt-container#plastering-two { background-image: url(images/plastering-course.jpg); }
.yt-container#acsinitialassessment { background-image: url(images/acsinitialassessment-thumb.jpg); }
.yt-container#profplastering { background-image: url(images/prof-plastering-course.jpg); }
.get-intouch { margin: auto; max-width: 1495px; }
.get-intouch .btn { margin-top: 0 !important; }
.get-intouch .body__text { padding: 3px; }
.get-intouch .body__text a { text-decoration: underline; }
.get-intouch .body__text a:hover { text-decoration: none; }

.emp__block { min-height: 210px; max-width: 240px; margin: 15px auto; box-shadow: 0px 0px 20px #00000029; position: relative; }
.emp__block img { position: absolute; top: 50%; right: -30px; }
.block__text { background-color: #062939; min-height: 353px; position: relative; padding: 8px 0; }
.block__text--title { font-size: 12.3em; height: 85px; line-height: 70px; color: rgba(225,225,225,0.1); font-weight: 600; }
.block__text--small { position: absolute; top: 18px; left: 0; font-size: 5.5em; color: #fff; font-weight: 600; text-align: center; }
.block__text--small span { display: block; font-size: 0.7em; margin-top: 20px; }
.segments .course-guar .detail { font-size: 1.25em; max-width: 820px; display: block; }
.dark__head { background-color: #062939; padding: 25px; text-align: center; font-size: 1.63em; font-weight: 600; }
.white__panel { background-color: #fff; color: #062939; font-size: 1.50em; padding: 25px; text-align: center; font-weight: 600; min-height: 140px; }
.yt-container:hover i { color: #062939; }
.dark-blue--block { background-color: #062939; }
.dark-blue--block strong a { color: #fff; }
.split__block { color: #fff; padding-bottom: 70px; position: relative; }
.split__image { height: 649px; position: absolute; left: -120px; top: 120px; }
.block__content { max-width: 785px; }
.block--absolute { padding-bottom: 20px; }
.block--absolute .btn { margin-top: 40px; }
.block--absolute .btn:hover { background-color: #005b86; }
.block__title { font-size: 2.8em; font-weight: 600; line-height: 1.1; margin: 40px 0; padding-top: 40px; }
.body__list { padding: 0; }
.body__list li { list-style: none; margin: 15px 0; }
.body__list i { margin-right: 15px; }

.skill__level { padding: 55px 0; }
.skill__level img { height: 120px; margin-bottom: 35px; }
.skill__level h2 { font-size: 2.38em; padding: 0 15px; margin-bottom: 45px; }
.skill__block { background-color: #fff; box-shadow: 0px 0px 20px #00000029; margin: 0 auto 65px; max-width: 485px; min-height: 468px; padding: 30px; }
.skill__block h3 { color: #062939; font-size: 1.88em; font-weight: 900; max-width: 333px; min-height: 55px; }
.skill__block span { display: block; color: #666666; font-size: 1.13em; }
.skill--text { color: #fff; font-size: 1.38em; padding: 0 15px; }

.partners { padding-bottom: 60px; margin-top: 150px; }
.partners .inner .h2-splitsect { margin-top: 0px !important; }
.partners h3 { color: #062939; }
.partner--delivery { margin-top: 30px; }
.partner--delivery h3 { color: #005b86; }
.partners .dw-md-2 { padding-left: 0; }
.latest__news { background-color: #E9E9E9; }
.latest__news h2 { margin: 100px 0 50px; font-size: 2.25em; color: #062939; display: inline-block; }
.latest__news .dw-md-3 { padding-left: 2px; max-width: 400px; margin-right: 5px; }
.latest__news a.allnews { float: right; display: inline-block; margin: 100px 20px 50px; color: #062939; text-decoration: underline; font-weight: 600; font-size: 1.50em; }
.latest__news a:hover { text-decoration: none; }
.blog--btn { text-decoration: underline; margin-top: 15px; display: block; }
.footer--contacts { display: block; font-weight: 600; margin-bottom: 35px; }
.footer--contacts a { color: #fff; font-size: 1.13em; }
.footer--courses a:hover, .footer a:hover, .footer-address a:hover strong, .footer-address a:hover .txt { text-decoration: none !important; color: rgba(255, 255, 255, 0.8) !important; }

.latest__news.mini { background-color: #fff; }
.latest__news.mini .blog-feed-item { position: relative; background-position: center; background-size: cover; }
.latest__news.mini .blog-feed-item .ovl { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; padding: 30px; }
.latest__news.mini .blog-feed-item .date { color: #fff; font-weight: 300; margin-top: 15px; font-size: 1.3em; margin-bottom: 30px; }
.latest__news.mini .blog-feed-item .txt { color: #fff; font-size: 2em; max-width: 280px; min-height: 215px; }
.latest__news.mini .blog-feed-item .link { color: #fff; font-size: 1.5em; font-weight: 400; text-decoration: underline; }
.latest__news.mini .blog-feed-item:hover .link { text-decoration: none; }

.latest__news.mini .title { text-align: center; position: relative; }
.latest__news.mini .title h2 { font-size: 3em; }
.latest__news.mini .title .allnews { position: absolute; float: none; top: 0px; right: 0px; margin: 0px; }
.latest__news.mini .bx-controls-direction a.fa-angle-left { left: -50px !important; }
.latest__news.mini .bx-controls-direction a.fa-angle-right { right: -50px !important; }

.course.overview .banner .trustpilot-widget { width: 75%; margin: 35px -10px 15px; height: 100%; max-width: 420px; transform-origin: left top; }
.course.overview .banner .trustpilot-widget.narr { width: 100%; height: 19px; transform: scale(1.5); transform-origin: center; }

.overview__logos { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-box-pack: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; margin: 15px 0; }
.course-list--sub { font-weight: 600; font-size: 1.2em; }
.course--list { padding: 0; }
.course--list li { color: #005b86; list-style: none; margin: 12px 0; position: relative; min-height: 15px; padding-left: 30px; }
.course--list li span, .course--list li span a { color: #666666; font-weight: 600; display: inline-block; line-height: 15px; padding-top: 5px; }
.course--list i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.image__container { position: relative; width: 705px; background-color: #062939; min-height: 660px; float: right; }
.image__container.smaller { min-height: 483px; }
.image__container.medium { min-height: 600px; }
.image__container img { left: -140px; bottom: 0; position: absolute; }
.image__container--internal { position: relative; width: 700px; background-color: #062939; height: 458px; float: right; }
.image__container--internal img { left: -45px; bottom: 0; position: absolute; }
.image__container--internal .image__text { font-size: 6.99em; }
.image__text { font-size: 7.5em; height: 78px; line-height: 60px; color: rgba(225,225,225,0.1); font-weight: 600; }
.course-options .course-description { min-height: 755px; margin-top: 40px; }
.nav--last .search-btn .st0 { fill: #fff; }
.new__tab .image__container.carpentry { min-height: 593px; }
.new__tab .image__container { min-height: 571px; }
.new__tab .image__container img { left: -40px; width: 100%; }
.new__tab .more__two .block span { padding-right: 40px; display: block; }
.new__tab .practising .dw-md-6 { padding: 0; }
.new__tab .practising .block { padding: 0 30px; background-color: #005B86; color: #fff; min-height: 520px; }
.new__tab .practising .block.plumber { min-height: 544px; }
.new__tab .practising .block.plast { min-height: 544px; }
.new__tab .practising .block.carp { min-height: 536px !important; }
.new__tab .practising .block.plast a.inline { text-decoration: underline; color: #fff; }
.new__tab .practising .block h2 { color: #fff; padding: 23px 0 15px; }
.new__tab .practising .block .btn--white { margin-top: 20px; color: #005B86; }
.new__tab .practising .block .btn--white:hover { color: #fff; }
.no--top { margin-top: 0 !important; padding-top: 0 !important; }
.more--background { background-repeat: no-repeat; background-position: right; background-size: cover; background-color: #ecebe7; }
.more--background .row { padding: 0 50px; }
.more--background .bs { margin-top: 20px !important; }
.background--electrician { background-image: url(images/future-electrician-bg.jpg); }
.gas--background { background-image: url(images/future-gas-bg.png); }
.plastering--background { background-image: url(images/future-plastering-bg.jpg); background-size: contain; }
.carpenter--background { background-image: url(images/future-carpentry-bg.jpg); background-size: contain; }
.plumber--background { background-image: url(images/future-plumber-bg.png); background-size: contain; }
.salary__block { padding: 25px 0; background-image: url(images/salary-bg.png); height: 599px; margin: 70px 0 30px; }
.salary__block h2 { color: #062939; font-size: 2.63em !important; text-align: center; margin: 55px auto 60px; font-weight: 900; }
.salary--price { color: #005B86; font-size: 3.25em; font-weight: 900; text-align: center; margin-bottom: 8px; }
.salary--text { text-align: center; font-weight: 600; color: #062939; font-size: 1.63em; max-width: 350px; margin: auto; }
.salary__info { position: relative; }
.salary--icon { background-color: #005B86; width: 100px; height: 100px; border-radius: 50%; margin: auto; }
.salary--icon-one { margin-top: 120px; }
.salary--icon-two { margin-top: 50px; }
.salary--icon-three { position: absolute; top: -115px; left: 180px; }
.salary--icon-one:after { content: ""; height: 10px; width: 485px; background-color: #005B86; display: block; position: absolute; -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); bottom: 75px; left: 55%; }
.salary--icon-two:after { content: ""; height: 10px; width: 515px; background-color: #005B86; display: block; position: absolute; -ms-transform: rotate(-33deg); -o-transform: rotate(-33deg); -moz-transform: rotate(-33deg); -webkit-transform: rotate(-33deg); transform: rotate(-33deg); bottom: 210px; left: 50%; }
.salary--icon i { color: #fff; text-align: center; margin: auto; font-size: 3em; display: block; line-height: 100px; }
.graphic--source { font-style: italic; color: #062939; text-align: center; font-size: 1.25em; }
.block--title { font-size: 1.38em; color: #005B86; font-weight: 600; }
.block__list { padding: 0; }
.block__list li { list-style: none; position: relative; padding-left: 40px; min-height: 28px; }
.block__list li i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; color: #005B86; }
.block__list li span { font-weight: 900; display: block; line-height: 22px; padding-top: 3px; }
.about--text { color: #fff; font-size: 1.75em; padding: 25px 0; }
.about--text a { color: #fff; font-weight: 900; }
.talk__experts h2 { padding-top: 150px; }
.talk__experts span { display: block; max-width: 525px; margin-bottom: 40px; font-size: 1.15em; }
.talk__experts .image__container { width: 735px; min-height: 600px; }
.recommend--title { position: absolute; top: 30px; left: 15px; font-size: 2.2em; color: #fff; font-weight: 600; }
.recommended__block img { position: initial; }
.talk__experts .image__container .section { margin-left: -90px; margin-top: 15px !important; margin-right: 15px; }
.recommended__block { background-color: #fff; }
.recommended__block .btn { max-width: 100%; margin-top: 0 !important; }
.recommended__block .btn:hover { background-color: #103546; }
.rec-block__white { padding: 15px 15px 0; border: 0.5px solid #D2D2D2; }
.rec-block--title { color: #005B86; font-size: 1.38em; font-weight: 900; margin-bottom: 15px; min-height: 55px; }
.rec-block--text { color: #005B86; margin-bottom: 8px; min-height: 50px; }
.rec-block--text a { color: #005B86; text-decoration: underline; }
.rec-block--text a:hover { text-decoration: none; }
.course__experts .image__container .section { margin-top: 15px !important; }
.course__experts .image__container { max-width: 735px; min-height: 640px; }
.course__experts { margin-top: 25px; }
.course__experts span { font-size: 1.13em; }
.course__experts span a { text-decoration: underline; }
.course__experts span a:hover { text-decoration: none; }
.course__experts h2 { margin-top: 30px; }
.course__experts .btn { margin-top: 30px; }
.sign__up.light { background-color: #005b86; }
.sign__up.light .btn:hover { background-color: #062939; }
.sign__up { background-color: #062939; padding: 75px 0; }
.sign__up h2 { color: #fff; font-size: 2.25em; text-align: center; padding: 15px 0; }
.sign__up a { z-index: 999999; margin: 0 auto !important; }
.sign__up .btn:hover { background-color: #005b86; }
.trustpilot-widget.slider { max-width: 1200px; margin: auto auto 40px; border-bottom: 5px solid #062939; }
.trustpilot-widget.slider iframe { max-width: 1240px; margin: 40px auto 0; background-color: #fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); padding: 45px; }
.about--video { color: #fff; margin-top: 0 !important; }
.about--video a { color: #fff; text-decoration: underline; }
.about--video .btn { text-decoration: none; margin-top: 45px; }
.about--video .video__content { padding-bottom: 13px; }
.expected { padding: 60px 0; }
.expected h2 { color: #fff; font-size: 2.38em; margin-bottom: 40px; }
.expected .white_box { background-color: #fff; box-shadow: 0px 0px 20px #00000066; padding: 30px; min-height: 260px; margin-bottom: 15px; max-width: 485px; }
.expected .white_box .title { color: #005B86; font-size: 1.50em; margin-bottom: 20px; font-weight: 600; min-height: 60px; max-width: 415px; }
.expected .white_box span { color: #666666; font-size: 1.13em }
.expected .body__text { color: #fff; font-size: 1.25em; }
.student-reviews h2 { color: #005B86; }
.course--page .expected h2 { font-size: 2.63em !important; }
.course--page .expected h3 { font-size: 2.13em; color: #fff; margin-top: 30px; }
.qualification .white_box { margin-top: 40px; min-height: 320px; }
.qualification.pro-plum .white_box { min-height: 365px; }
.qualification .body__text { max-width: 1062px; margin-bottom: 40px; }
.qualification .ticks { color: #fff; }
.qualtifications--block { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-bottom: 15px; }
.qualification .title { font-size: 1.75em !important; max-width: 275px !important; min-height: 100px !important; }
.low__cost-training { margin-top: -80px; }
.low__block { position: relative; margin: 15px 0; }
.low__cost-training a:hover .low__block--one { background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),url(images/low-cost-monthly-block.jpg) no-repeat 50%; }
.low__cost-training a:hover .low__block--two { background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),url(images/training-centres-block.jpg) no-repeat 50%; }
.low__block--one { width: 100%; min-height: 169px; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(images/low-cost-monthly-block.jpg) no-repeat 50%; box-shadow: 0px 0px 20px #00000029; }
.low__block--two { width: 100%; min-height: 169px; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(images/training-centres-block.jpg) no-repeat 50%; box-shadow: 0px 0px 20px #00000029; }
.low__block--text { position: absolute; top: 50%; left: 36%; transform: translate(-50%,-50%); color: #fff; font-size: 1.88em; font-weight: 600; max-width: 100%; display: inline-block; }
.low__block .btn { z-index: 999999; display: block; float: right; margin: 60px 50px; text-decoration: none; }
.career--top .block { min-height: 520px !important; }
.career--top h2 { padding: 60px 0 40px; }
.career--top .btn--white { margin-top: 40px !important; }
.video__content--about { padding-bottom: 0 !important; }
.video__content--about .body__text { font-size: 1.13em; }
.info-page .intro .internal .detail.bottom { padding-bottom: 31px; }
.becoming { margin-top: 40px; }
.becoming a.carpenter { background-image: url(images/becoming-a-carpenter.jpg); }
.becoming a.electrician { background-image: url(images/becoming-a-electrician.jpg); }
.becoming a.gas { background-image: url(images/becoming-a-gas.jpg); }
.becoming a.plasterer { background-image: url(images/becoming-a-plasterer.jpg); }
.becoming a.plumber { background-image: url(images/becoming-a-plumber.jpg); }
.becoming a { display: block; min-height: 200px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; overflow: hidden; color: #fff; margin-top: 14px; -webkit-box-shadow: 0px 0px 3px 0px #000; -moz-box-shadow: 0px 0px 3px 0px #000; box-shadow: 0px 0px 3px 0px #000; }
.becoming .text { position: absolute; bottom: 0; left: 0; padding: 15px; border-bottom-width: 8px; border-bottom-style: solid; width: 100%; }
.becoming .title { display: block; font-family: 'sofia-pro',sans-serif; font-weight: 900; font-size: 1.45em; }
.becoming a .text { border-bottom-color: #062939; }
.banner-reviews { background-color: #f0f0f0; }
.banner-reviews .points { font-family: 'sofia-pro',sans-serif; font-weight: 900; display: block; color: #fff; background-image: url(images/banner-points.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 300px; margin: 65px auto 0; border-bottom: 5px solid #062939; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); max-width: 1200px; }
.banner-reviews .points span { display: block; text-align: center; font-size: 2em; }
.banner-reviews .points i { text-align: center; margin: auto auto 15px; display: block; font-size: 4.2em; }
.banner-reviews .points i.fa-star { display: inline-block; }
.banner-reviews .points .stars { margin: auto; display: block; text-align: center; margin: auto auto 15px; }
.banner-reviews .points .section { padding: 70px; }
.in-touch-blue { color: #062939; font-weight: 600; font-size: 1.1em; }
.pca a, a.pca { color: #fff; text-decoration: underline; }
.pca a:hover, a.pca:hover { text-decoration: none; }
.pca-small { font-size: 1em; }
.newcareer strong { font-size: 1.8em; margin-top: 20px; display: block; font-family: 'sofia-pro',sans-serif; }
.newcareer ul { padding: 0; }
.newcareer li { color: #fff; list-style: none; margin: 12px 0; position: relative; min-height: 15px; padding-left: 30px; }
.newcareer i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.newcareer li span { color: #fff; font-weight: 600; display: block; line-height: 15px; padding-top: 5px; }
.newcareer .btn.top { font-size: 1em !important; font-family: 'sofia-pro',sans-serif; }
.newcareer .btn.top.course { max-width: 400px; margin-top: 25px; }
.newcareer .button .btn { max-width: 350px; }
.career-contact { padding-bottom: 80px; }
.career-contact .h2-underline { margin: auto 0; }
.career-contact ul, .practising.careers ul { padding-left: 15px; }
.career-contact li, .practising.careers ul li { color: #062939; }
.career-contact li span a, .career-contact li span { color: #666; text-decoration: underline; }
.career-contact li span a:hover { color: #062939; }
.career-contact .btn { max-width: 170px; }
.practising.blue { background-color: #005b86; color: #fff; }
.practising.blue .btn:hover { background-color: #fff; color: #062939; }
.practising.blue h2 { color: #fff; font-size: 2.38em; }
.practising.blue .block { padding: 150px 0; }
.practising.blue .block a { color: #fff; text-decoration: underline; }
.practising.blue .block a:hover { text-decoration: none; }
.practising ul { padding: 0 15px; }
.practising ul li { color: #062939; }
.practising img { float: right; }
.practising ul li span { color: #666; font-weight: 700; }
.practising.careers ul span { color: #666; font-weight: 600; }
.practising.careers .btn.tiny { max-width: 150px !important; font-size: 0.8em; text-align: center !important; }
.practising .btn-bigger { max-width: 380px; background-color: #062939; border-radius: 3px; height: 45px; line-height: 45px; color: #fff; display: block; text-transform: uppercase; text-align: center; }
.practising .btn-bigger:hover { background-color: #005b86; }
.practising .section { margin: 0; }
.practising .block { padding: 80px 15px 0 15px; }
.practising .block span { font-size: 1.15em; padding-right: 8px; display: block; }
.salary-range { padding: 30px; border-bottom: solid 5px #062939; background-image: url(images/salary-range.jpg); min-height: 360px; display: block; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; position: relative; }
.salary-range h2 { margin-bottom: 50px; display: block; text-align: center; }
.salary-range span { display: block; margin: 15px auto; text-align: center; max-width: 245px; font-weight: 600; }
.salary-range .price { font-size: 2em; font-weight: 800; color: #062939; text-align: center; }
.salary-range img { position: absolute; top: 55%; right: 50%; transform: translate(50%,-50%); }
.salary-range span.source { position: absolute; bottom: 0; right: 50%; transform: translate(50%,-50%); }
.level--num { height: 185px; width: 125px; background-repeat: no-repeat; background-position: right; position: absolute; top: 10px; right: 25px; }
.level--one { background-image: url('images/ribbon--one.svg'); }
.level--two { background-image: url('images/ribbon--two.svg'); }
.level--three { background-image: url('images/ribbon--three.svg'); }
.course-levels { margin: 70px 0; }
.course-levels .title { background-color: #062939; color: #fff; max-width: 485px; min-height: 85px; line-height: 85px; font-weight: 600; text-align: center; margin: auto; font-size: 1.94em; }
.course-levels .level-entry { padding: 30px; min-height: 735px; background-color: #005B86; max-width: 485px; margin: auto auto 85px; position: relative; }
.course-levels .level { display: block; text-align: center; color: #005B86; font-weight: 600; position: absolute; top: 0; background-image: url('images/ribbon.svg'); height: 85px; width: 82px; font-size: 1.25em; line-height: 65px; }
.course-levels h2 { color: #fff; margin-top: 80px; font-size: 2.25em; }
.course-levels .text { color: #fff; font-size: 1.13em; margin-top: 35px; }
.course-levels .text a { color: #fff; text-decoration: underline; }
.course-levels .text a:hover { text-decoration: none; }
.course-levels .block { display: block; text-align: center; max-width: 800px; margin: auto; font-size: 1.25em; }
.course-levels .block a { color: #062939; text-decoration: underline; }
.course-levels .block a:hover { text-decoration: none; color: #333; }
.course-levels .btn { max-width: 315px !important; margin: 20px auto 0; }
.industry { margin: 50px 0; }
.industry .text { max-width: 1160px; margin: auto; text-align: center; font-size: 1.25em; font-weight: 800; color: #fff; }
.industry .text .dark { color: #666 !important; font-weight: 400; max-width: 760px !important; display: block; margin: 15px auto; }
.industry .text .center { max-width: 1150px; margin: auto; }
.industry .text .bottom { max-width: 700px; margin: auto; }
.industry .text .box { padding: 16px; margin: 8px 0; border-radius: 2px; }
.industry .text .light-blue { background-color: #062939; }
.industry .text .dark-blue { background-color: #005b87; }
.text-only.center { text-align: center; }
.h2-underline.loc { margin: 15px 0; }
.info-page .centres.training .btn.blue { height: 40px; line-height: 40px; margin-top: 30px; }
.btn.blue.head-top { height: 40px; line-height: 40px; max-width: 220px; font-size: 1em; font-family: 'sofia-pro',sans-serif; }

.search-training-course { border-bottom: 5px solid #062939; max-width: 1240px; margin: 0 auto; border-radius: 3px; background-image: url(images/in-demand-courses.jpg); background-position: center; background-size: cover; color: #fff !important; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
.search-training-course .inner { max-width: 835px; margin: 0 auto; padding: 30px 15px; }
.search-training-course .inner span { max-width: 530px; display: block; margin: 30px auto; font-family: 'sofia-pro',sans-serif; font-size: 1.15em; }
.search-training-course .inner h3, .search-training-course .inner a { color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); }
.search-training-course .inner a { display: block; font-size: 16px; text-decoration: underline; line-height: 1.75; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); font-family: 'sofia-pro',sans-serif; font-weight: bold; }
.search-training-course .inner a:hover { color: #062939; }
.search-training-course .inner a::after { content: ' >'; }
.max-width, .quick-about { max-width: 1320px; margin: 0 auto; }
.quick-about.top strong i { font-style: normal; color: #062939; }
.quick-about.top strong { max-width: 290px; }
.quick-about.top.home .dw-lg-4:nth-child(1) strong { max-width: 240px; }
.quick-about .bs { margin-top: 60px; }
.quick-about img { margin: 0 auto; }
.quick-about strong, .quick-about span { display: block; font-family: 'sofia-pro',sans-serif; text-align: center; }
.quick-about strong { max-width: 360px; margin: 20px auto; font-weight: 900; font-size: 2em; color: rgb(85, 85, 85); }
.quick-about strong.fund { max-width: 320px; }
.quick-about span { max-width: 390px; margin: 0 auto; font-size: 1.1em; }
.course-guar .quick-about .center { max-width: 390px; margin: 0 auto; }
.quick-about .point { margin-top: 30px; }


.read-our-reviews { padding-top: 75px; text-align: center; }
.read-our-reviews .buttons a { width: 20%; margin: auto; }
.reviews-link { text-align: center; }
.reviews-link a { width: 100%; margin: auto; max-width: 400px; }
.back-button.top a { text-align: left; padding: 0 10px; font-size: 0.8em !important; color: #fff; text-transform: uppercase; font-weight: 800; }
.back-button.top:hover a { color: #062939; }
.back-button i { margin-right: 5px; }

.bottom-back .dw-sm-6, .bottom-back .dw-sm-3 { padding-left: 0; margin-top: 20px; }
.back-button.blue .btn { background-color: #062939; text-align: center; margin: 10px 0; height: 40px; line-height: 40px; }
.back-button.blue .btn:hover { background-color: #fff; color: #062939; }
.back-button.darkblue .btn { background-color: #005b87; margin: 10px 0; height: 40px; max-width: 140px; line-height: 40px; }
.back-button.darkblue .btn:hover { background-color: #fff; color: #005b87; }

/*faq styling*/
.faqs { max-width: 845px; margin: 50px auto; }
.faq-option.shut { height: auto !important; }
.faq-option .question { position: relative; padding: 15px 55px 15px 0px; cursor: pointer; background-color: #E9E9E9; margin: 15px 0; }
.faqs .question h2 { font-size: 1.6em; color: #005b86; margin: 0px !important; padding: 0 15px; }
.faqs .answer span { font-size: 1.1em; font-weight: 500; display: block; padding: 5px; }
.faqs .answer span a { color: #005b86; }
.faqs .answer span a:hover { color: #062939; }
.faq-option .answer.shut { height: 0; overflow: hidden; }
.faq-option i { color: #005b86; font-size: 1.3em; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block; text-align: center; width: 35px; }
.faqs .btn.blue { margin: 50px auto 0; max-width: 540px }
.faqs .btn.blue:hover { background-color: #005b86; }

.faqs { max-width: 845px; margin: 50px auto; }
.faq-option.shut { height: auto !important; }
.faq-option .question { position: relative; padding: 15px 55px 15px 0px; cursor: pointer; background-color: #E9E9E9; margin: 15px 0; }
.faqs .question h2 { font-size: 1.6em; color: #005b86; margin: 0px !important; padding: 0 15px; }
.faqs .answer span { font-size: 1.1em; font-weight: 500; display: block; padding: 5px; }
.faqs .answer span a { color: #005b86; }
.faqs .answer span a:hover { color: #062939; }
.faq-option .answer.shut { height: 0; overflow: hidden; }
.faq-option i { color: #005b86; font-size: 1.3em; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block; text-align: center; width: 35px; }
.faqs .btn.blue { margin: 50px auto 0; max-width: 540px }
.faqs .btn.blue:hover { background-color: #005b86; }

.faqs.new { max-width: 1300px; margin: 0px auto; }
.faqs.new .question { background-color: #fff; border-bottom: 2px solid #B7B7B7; padding: 30px 30px 30px 0px; margin: 0px; }
.faqs.new .question h2 { font-size: 2.8em; padding: 0px; }
.faqs.new .question i { font-size: 2.5em; color: #f7941d; }
.faqs.new .answer { max-height: 500px; overflow: hidden; transition: max-height .5s ease-in-out; font-size: 1.6em; padding-top: 15px; }
.faqs.new.shut .answer { max-height: 0px; }


.faqs.new-new { max-width: 1230px !important; margin: 0px auto 50px; }
.faqs.new-new .faq { margin: 0px; border-bottom: 2px #8a8b91 solid; transition: 0.2s; cursor: pointer; list-style: none; padding: 0px; }
.faqs.new-new .faq .q { padding: 15px 0px; display: flex; align-items: center; justify-content: space-between; }
.faqs.new-new .faq .q .ico { width: 60px; height: 60px; background-color: #e0ebf0; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #062939; font-size: 2.0em; }

.faqs.new-new .faq.open .ico { transform: rotate(180deg); }

.faqs.new-new .faq .q strong { display: block; width: calc(100% - 60px); padding: 0px 15px; color: #062939; font-size: 1.8em; font-weight: 600; }

.faqs.new-new .faq .a .txt { padding: 0px 15px 30px; font-size: 1.7em; color: #062939; font-weight: 300; width: calc(100% - 60px); }

.faqs.new-new .faq:hover { }

.faqs.new-new h2 { font-size: 3.2em; color: #062939; display: block; margin: 0px; border-bottom: 2px solid #8a8b91; font-weight: 600; padding: 30px 0px; }

.faqs.new-new.course-packages .faq .btn { font-size: 1rem; color: #fff !important; }
.faqs.new-new.course-packages .faq .a.body { background-color: #F6F6F6; padding: 30px 0 0 0; }
.faqs.new-new.course-packages .faq .a .txt { font-size: 1.2rem; width: 100%; }
.faqs.new-new.course-packages .faq .a .txt .recommended { padding: 30px 60px 0 60px; }
.faqs.new-new.course-packages .faq .a .txt .recommended .rec { font-size: 1.4rem; }
.faqs.new-new.course-packages .faq .a .txt .recommended .btn.orange { margin-left: 40px; }
.faqs.new-new.course-packages .faq .a .featured-jobs { font-size: 1rem; padding: 30px 0; }
.faqs.new-new.course-packages .faq .a .featured-jobs .job-card { width: 540px; margin: auto; }
.faqs.new-new.course-packages .faq .a .featured-jobs label { display: block; }

.popular-courses { padding-top: 75px; text-align: center; max-width: 1200px; margin: 0 auto; }
.popular-courses .buttons { text-align: center; margin-bottom: 30px; }
.popular-courses .btn { margin: 14px 7px 0; display: inline-block; width: auto; padding: 0 45px; font-size: 1.2em; }
.popular-courses .buttons-text { text-align: center; font-size: 1.15em; }
.popular-courses .buttons-text a { color: #062939; font-weight: 700; }
.popular-courses .buttons-text a:hover { color: #333; }

.buttons-text.index-pg { max-width: 750px; font-weight: 500; font-size: 1.3em; margin: 0 auto; }

.further-info { padding-top: 45px; max-width: 1230px; margin: 0 auto; }
.further-info .surround { padding: 30px; color: #fff; }
.further-info .heading span { text-transform: uppercase; display: block; font-size: 0.9em; }
.further-info .heading strong { font-family: 'sofia-pro',sans-serif; font-weight: 900; display: block; font-size: 2.7em; margin: 15px 0 15px; }
.further-info .text { line-height: 20px; font-family: 'sofia-pro',sans-serif; font-size: 1.15em; }

.further-info .academy { width: 47.15447154471545%; float: left; background-image: url(images/academy-search.png); background-size: cover; background-position: center right; min-height: 380px; margin-top: 26px; }
.further-info .academy .surround { max-width: 430px; }
.further-info .testimonials { width: 52.84552845528455%; float: right; background-image: url(images/feedback-testimonials.png); background-size: cover; background-position: center left; min-height: 433px; -webkit-box-shadow: 0px 0px 15px 0px #000; -moz-box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000; }
.further-info .testimonials .surround { max-width: 350px; }

.further-info .postcode-search { position: relative; padding-right: 55px; margin: 20px 0 25px; }
.further-info .postcode-search input { border-radius: 3px 0 0 3px; font-size: 1.15em; }
.further-info .postcode-search .hover { position: absolute; top: 0; right: 0; width: 55px; text-align: center; height: 100%; }
.further-info .postcode-search i, .further-info .postcode-search .btn { position: absolute; top: 0; right: 0; width: 55px; text-align: center; border-radius: 0 3px 3px 0; font-size: 1.8em; }
.further-info .postcode-search .btn.trans { z-index: 2; }
.further-info .postcode-search .btn { z-index: 1; }
.further-info .postcode-search .hover:hover .btn.orange { background-color: #fff; color: #f7941d; }
.further-info .link { font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; }
.further-info .link:hover { text-decoration: underline; }
.further-info .btn.white { margin: 35px 0 0; max-width: 200px; }
.news .left .overlay { background-color: #000; opacity: 0.2; }
.news .right .overlay { background-color: #062939; }
.news .text span { text-transform: uppercase; margin-bottom: 0px; font-size: 1.66em; font-weight: 100; }
.news .text strong { font-weight: 900; display: block; font-size: 2em; max-width: 380px; padding-bottom: 30px; /* color: #fff; */ }
.news .btn { margin-top: 20px; max-width: 180px; }
.news .right { color: #fff; }
.course .section { margin-top: 0px; }
.course h2 { font-size: 2.13em; }
.banner.auto-h { height: auto; }
.banner .text { color: #fff; padding-bottom: 20px; }
.banner .text h1, .info-page .banner h1 { color: #fff; font-size: 3.44em; margin: 30px 0 0; line-height: 1.35; }
.landingpage .banner .text h1 { font-size: 3.2em; }
.banner .text h2 { color: #fff; font-size: 2em; margin: 20px 0 30px; line-height: 1.35; }
.banner .text h2.lg { font-size: 4.2em; }
.banner .text h2.lg span { font-size: 1.0em; font-weight: 700; line-height: 1.35; }
.banner .text span { font-size: 1.25em; display: block; font-weight: 500; line-height: 1.758; }
.banner .text .appre-text { font-size: 1.25em; display: block; font-weight: 500; line-height: 1.758; }
.banner .text .ticks span { font-weight: 600; }
.banner .text span a { color: #fff; font-weight: 700; text-decoration: underline; }
.banner .text span a:hover { text-decoration: none; }
.banner .text span.contact--tag { display: inline-block; }
.banner .text span.contact--tag a { font-size: 0.95em; }
.banner .text span a:hover { color: #fff; }
.banner .text span.results { font-size: 1.05em; }
.banner .text .results .name { color: #fff; font-size: 1.35em; }
.banner .text .results .link { margin-top: 0; font-size: 1.2em; }
.course.overview .banner .text h1, .info-page .banner h1 { margin: 40px 0 15px; }
.course #enquiryform { margin: 0 0 -8px 0; }

.banner h1.bold span { font-weight: 700; line-height: 1.2; }


#enquiryform.full-w-form.loc-form { background-color: #062939; margin-bottom: 0; }
.flex-image { display: flex; align-items: center; justify-content: center; margin-top: 100px; }

.loc-hover.course--hover:before, .loc-hover.course--hover:after { max-width: initial !important; }

.pathways-explained.course-path { margin-top: 0 !important; }

.pathways-explained.course-path::after { background-image: url(images/pathway-bg-removed-lines.svg); height: 1230px; }

.pathways-explained.course-path .path .bottom { margin: 130px auto 0px !important; }
.pathways-flex { display: flex; justify-content: center; grid-gap: 80px; }

.pathways-explained.course-path .path .top::before { content: ""; position: absolute; height: 800px; width: 1px; border-right: 2px dashed; top: 0; left: 50%; z-index: -1; }

.pathways-explained.course-path .path .top.or::before { border-color: #f7941d }
.pathways-explained.course-path .path .top.bl::before { border-color: #23A1D1 }
.pathways-explained.course-path .path .top.dbl::before { border-color: #062939 }


.dw-theme .dw-dots .dw-dot span { background: #ffb61d; }
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span { background: #f7941d; }

.svg-abs { position: absolute; }

.reverse-flex { display: flex; flex-direction: column; }
.reverse-flex .home-courses { order: 2; margin-bottom: 40px; }
.reverse-flex .map-section { margin: 60px 0; background-color: #fff; box-shadow: 0 2px 8px #00000040; padding: 90px; position: relative; }

.reverse-flex > .container { position: relative; }
.reverse-flex .poly-blue { position: absolute; transform: translate(-40%, -5%); }
.reverse-flex .poly-dots { position: absolute; bottom: 0; right: 0; transform: translate(27%, 15%); }
.reverse-flex .map-section #map { top: 5%; right: 30px; width: 40%; height: 90%; border-radius: 30px; box-shadow: 0 2px 8px #00000040; }
.reverse-flex .map-section .container .bs { padding-left: 100px; }
.reverse-flex .map-section .where-text { color: #062939; font-size: 2em; }
.reverse-flex .map-section h2 { font-size: 3em !important; }
.reverse-flex .map-section h2, .reverse-flex .map-section .where-text a { color: #062939 !important; padding-left: 0 !important; }
.reverse-flex .map-section i { display: none; }
.reverse-flex .map-section .btn { margin-left: auto; }
.reverse-flex .map-section.multi .btn { max-width: unset; }
h2.courses-title { color: #062939; }
h2.courses-title.path-title { color: #fff; text-align: center; margin-bottom: 30px !important; }
.why-content ul { list-style: none !important; padding-left: 0; }
.why-content ul i { color: #f7941d; margin-right: 10px; }
.directions { position: relative; margin-bottom: 60px; }
.dots-lg { position: absolute; left: 0; top: 0; transform: translate(-99px, -47px); }
.poly-orng { position: absolute; right: -80px; bottom: -25px; transform: rotate(45deg); }
.location-title, .reviews-title { color: #062939; font-weight: 600; margin: 0 0 15px; line-height: 1; text-align: center; margin-bottom: 75px; }
.transport-cards { display: flex; flex-direction: column; grid-gap: 60px; }
.transport-card { background-color: #fff; padding: 30px; color: #8c8c8c; box-shadow: 0 2px 8px #00000040; position: relative; font-size: 1.2em; }
.transport-mean { position: absolute; top: 0; left: 0; transform: translate(-20%, -50%); color: #fff; background-color: #f7941d; text-align: center; padding: 10px; font-size: 1.75em; }
.banner-text a { color: #F7941D !important }
.logos-location { display: grid; align-items: center; justify-content: space-between; margin: 45px 0; grid-template-columns: repeat(4, 1fr); }
.logos-location > div { display: flex; align-items: center; justify-content: center; }
.banner--overview { height: auto !important; position: relative; padding-bottom: 100px; }
.banner--overview.w-vid { padding-bottom: 0px; overflow: hidden; }
.banner--overview.w-vid .video-bg { padding-bottom: 0px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; }
.banner--overview.w-vid .video-bg .inner-rel { width: 100%; height: 100%; max-width: 100%; position: relative; }
.banner--overview.w-vid .video-bg .inner-rel .vid { position: absolute; left: 50%; top: 0px; min-width: 2180px; width: 100vw; transform: translate(-50%, 0); }
.banner--overview.w-vid .overview__logos { margin: 0px !important; }
.banner--overview.w-vid iframe { min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; }
.banner--overview.w-vid .overlay { padding-bottom: 0px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; background-color: #000; opacity: 0.5; }
.banner--overview::before { content: ""; width: 100%; height: 100%; background-color: #000; display: block; opacity: 0.65; position: absolute; top: 0px; left: 0px; }
.banner--overview .masthead { background-color: transparent; }
.banner--overview#overview-electrical { background-image: url(images/banner/electrical-overview.jpg); }
.banner--overview#become-electrician { background-image: url(images/banner/become-an-electrician.jpg); }
.banner--overview#overview-electrical-page { background-image: url(images/banner/e-courses-landing-bann.jpg); }
.banner--overview#electrician-what-next { background-image: url(images/banner/electrician-what-next.jpg); }
.banner--overview#overview-gas { background-image: url(images/banner/gas-overview.jpg); }
.banner--overview#overview-plumbing { background-image: url(images/banner/plumbing-course-overview.jpg); }
.banner--overview#overview-construction { background-image: url(images/banner/construction-course-overview.jpg); }
.banner--overview#overview-carpentry { background-image: url(images/banner/carpentry-course-overview.jpg); }
.banner--overview#overview-constructionsite { background-image: url(images/banner/construction-nvq-overview.jpg); }
.banner--overview#overview-plastering { background-image: url(images/banner/plastering-course-overview.jpg); }
.banner--overview#overview-kitchen { background-image: url(images/banner/kitchen-fitting-overview.jpg); }
.banner--overview#how-carpenter { background-image: url(images/banner/how-to-become-a-carpenter.jpg); }

.banner--overview#electrical-form { background-color: #fff !important; }
.banner--overview#electrical-form:before { display: none !important; }
.banner--overview .banner--text { padding: 0px; font-weight: 100; font-size: 1.59em; }
.banner--overview h1 { margin: 100px 0 50px; font-size: 3rem; color: #fff; }
.banner--overview h2 { font-size: 2.5em; color: #fff; margin-bottom: 40px; }
.banner--overview .banner--checklist { list-style: none; padding: 0px; margin-top: 65px; margin-bottom: 45px; }



.banner--overview .banner--checklist i, .banner--overview .banner--checklist img { color: #f7941d; margin-right: 10px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); max-width: 33px; }
.banner--overview .banner--checklist i.lblue { color: #22A1D1 }
.banner--overview .banner--checklist li { font-size: 1.8em; font-weight: 600; margin: 10px 0px; display: block; color: #fff; position: relative; padding-left: 40px; }
.banner--overview .banner--checklist.sml { list-style: none; padding: 0px; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; }
.banner--overview .banner--checklist.sml li { font-weight: 300; font-size: 1.6em; }
.banner--overview .eform .call { display: none; }
.banner--overview .eform .heading { }
.banner--overview .overview__logos { position: relative; z-index: 1; }
.banner--overview .trustpilot { margin: 0px !important; }
.banner--overview .trustpilot-widget { margin: 0px !important; }
.banner--overview .trustpilot-widget iframe { height: 45px !important; }
.banner--overview #enquiryform form { bottom: -75px; }

.banner--overview .bl-trbg { position: relative; padding: 30px 0px; z-index: 10; }
.banner--overview .bl-trbg:before { position: absolute; top: 0px; right: 0px; height: 100%; width: 200%; content: ""; background-color: #005B86; z-index: -1; opacity: 0.3; }
.banner--overview .bl-trbg h2 { margin: 15px 0px; }

.marg-btm-175 { margin-bottom: 175px; }

.line-125 { width: 125px; height: 5px; background-color: #005B86; margin: 30px auto; }

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

.overview--content .stages { }
h2.center { display: block; text-align: center; }
h2.dark { color: #062939; }
.overview--content h2.left { margin: 50px 0px; }
.overview--content h2.dblue { color: #062939; margin: 60px 0px; font-size: 3.0em; }
.overview--content h2.lblue { color: #005B86; margin: 50px 0px; font-size: 3.0em; }
.overview--content h2.sml-mg { margin: 130px 0px 30px !important; }
.overview--content .reviews h2 { margin-bottom: 60px; }
.overview--content .stages .stage { position: relative; /* height: 750px; */ max-height: 750px; margin-bottom: 184px; transition: 0.8s ease-in-out, opacity 0.8s linear; transform: translateY(0px); opacity: 1; }
.overview--content .stages .stage.hide { transform: translateY(100px); opacity: 0; }
.overview--content .stages .stage img { max-width: 598px; height: auto; float: right; right: 0px; position: relative; z-index: 5; width: 76%; }
.overview--content .stages .stage .info { background-color: #fff; z-index: 10; position: absolute; bottom: -200px; left: 4%; width: 100%; max-width: 680px; box-shadow: 0px 11px 20px #00000026; }
.overview--content .stages .stage .info.max-w-470 { max-width: 470px; }
.overview--content .stages .stage .info.max-w-520 { max-width: 520px; }
.overview--content .stages .stage .info .inner-rel { padding: 40px 25px 40px 165px; position: relative; }
.overview--content .stages .stage .info .number { position: absolute; top: 30px; left: 9px; text-align: center; width: 160px; float: left; color: #f7941d; font-size: 20em; line-height: 130px; font-weight: bold; height: 186px; transform: scale(0.8); }
.overview--content .stages .stage .info .number.blue { color: #005B86; }
.overview--content .stages .stage .info .txt { }
.overview--content .stages .stage .info .txt h3 { color: #062939; font-size: 2.4em; margin-bottom: 30px; }
.overview--content .stages .stage .info .txt span { font-size: 1.2em; line-height: 1; }
.overview--content .stages .stage .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -40px; top: -59px; }
.spot--dec.dblue { background-image: url(images/dot-grid-dblue.svg); width: 140px; height: 140px; }
.spot--dec.blue { background-image: url(images/dot-grid-blue.svg); }
.spot--dec.orange { background-image: url(images/dot-grid-orange.svg); width: 140px; height: 140px; }
.overview--content .stages .stage .pentagon { position: absolute; bottom: 20%; left: 14%; transform: rotate(129deg) scale(2.7); z-index: -1; }
.overview--content .stages .stage .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.overview--content .stages .stage .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }
.overview--content .stages .stage .pentagon.orange { }
.overview--content .stages .stage .pentagon.orange .pent--inner { border-color: #f7941d transparent; }
.overview--content .stages .stage .pentagon.orange .pent--inner:before { border-color: transparent transparent #f7941d; }

.overview--content .stages .stage.lrg-copy { margin-bottom: 360px; }
.overview--content .stages .stage.lrg-copy .info { bottom: -350px; }

.overview--content .stages .stage.switch-colour { }
.overview--content .stages .stage.switch-colour .spot--dec { background-image: url(images/dot-grid-dblue.svg); }
.overview--content .stages .stage.switch-colour .info .number { color: #005B86; }
.overview--content .stages .stage.switch-colour .pentagon .pent--inner { border-color: #f7941d #000000; }
.overview--content .stages .stage.switch-colour .pentagon .pent--inner:before { border-color: transparent transparent #f7941d; }
.overview--content .stages .stage ul { padding-left: 0px; }
.overview--content .stages .stage ul li { display: block; position: relative; font-size: 1.4em; color: #005B86; font-weight: 700; padding-left: 30px; margin: 15px 0px; }
.overview--content .stages .stage ul li i { color: #f7941d; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
.overview--content .stages .stage .btn { background-color: #062939; color: #fff; width: 100%; max-width: 400px; margin-top: 30px; font-size: 1.3em; padding: 25px; line-height: 20px; display: block; height: auto; }
.overview--content .stages .stage .btn:hover { background-color: #005B86; }

h2.sml-marg { margin: 30px 0px !important; }
.h2-subtext { font-size: 1.4em; text-align: center; max-width: 1000px; margin: 0 auto; }

#location-carousel { margin-top: 30px; }
#location-carousel.mini { max-width: 940px; margin: 30px auto 0; }
#location-carousel .spot--dec { background-image: url(images/dot-grid-blue.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -4px; bottom: -35px; }
#location-carousel .course-list--sub, #location-carousel .course--list { display: none; }
#location-carousel .course--slide { background-color: #fff; box-shadow: 0px 11px 11px #00000026; /* min-height: 565px; */ /* padding-bottom: 85px; */ margin-bottom: 15px; }
#location-carousel .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 53%; }
#location-carousel .course--slide .inner { padding: 25px 20px; height: 320px; display: grid; grid-template-columns: 1fr; }
#location-carousel .course--slide .inner .exp { /* padding: 10px 20px; */ max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
#location-carousel .course--slide .inner .exp.none { background-color: #23A1D1; }
#location-carousel .course--slide .inner .exp.trade { background-color: #930F1F; }
#location-carousel .course--slide .inner .title { color: #062939; font-weight: 600; font-size: 1.7em; line-height: 1.2; margin: 15px 0px 5px; min-height: 62px; }
#location-carousel .course--slide .inner a { max-width: 210px; display: block; font-size: 1.3em; line-height: 60px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; align-self: flex-end; }


.overview--content .slider--container { position: relative; max-width: 1730px; padding: 0px 60px; margin: 0 auto; }
.overview--content .slider--container .spot--dec { background-image: url(images/dot-grid-blue.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -4px; bottom: -35px; }
.overview--content .slider--container .dw-md-3 { max-width: 400px; padding-left: 10px; margin-right: 5px !important; }
.overview--content .slider--container .dw-md-4 { max-width: 535px; padding-left: 10px; margin-right: 5px !important; margin-bottom: 80px; }
.overview--content .slider--container .dw-md-6 { max-width: 795px; }
.overview--content .slider--container .course-list--sub, .overview--content .slider--container .course--list { display: none; }
.overview--content .slider--container .course--slide { background-color: #fff; box-shadow: 0px 11px 11px #00000026; min-height: 565px; padding-bottom: 85px; }
.overview--content .slider--container .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 53%; }
.overview--content .slider--container .dw-md-6 .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 35%; }
.overview--content .slider--container .dw-md-3 .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 60%; }
.overview--content .slider--container .course--slide .inner { padding: 25px 20px; }
.overview--content .slider--container .course--slide .inner .exp { padding: 10px 20px; max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; text-align: center; }
.overview--content .slider--container .course--slide .inner .exp.none { background-color: #23A1D1; }
.overview--content .slider--container .course--slide .inner .exp.trade { background-color: #930F1F; }
.overview--content .slider--container .course--slide .inner .title { color: #062939; font-weight: 600; font-size: 1.7em; line-height: 1.2; margin: 15px 0px 5px; min-height: 62px; }
.overview--content .slider--container .course--slide .inner a, .overview--content .slider--container .course--slide .inner .link { width: 210px; display: block; height: 60px; font-size: 1.3em; line-height: 60px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; position: absolute; bottom: 30px; left: 40px; }
.overview--content .slider--container .course--slide .inner a:hover { background-color: #062939; }
.overview--content .slider--container .course--slide .inner .desc { font-size: 1.3em; line-height: 1.2; min-height: 79px; }
.overview--content .slider--container .bx-viewport { height: 620px !important; }
.overview--content .slider--container.cardiff .bx-viewport { height: 390px !important; }
.overview--content .slider--container .fa-chevron-left { position: absolute; top: 50%; left: 0px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #f7941d; font-size: 1.8em; }
.overview--content .slider--container .fa-chevron-right { position: absolute; top: 50%; right: 0px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #f7941d; font-size: 1.8em; }

.slider--container.noslide { padding: 0px !important; position: relative; margin-bottom: 60px; }
.slider--container.noslide .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; left: -40px; bottom: -59px; }
.slider--container.noslide .dw-md-3 { margin-right: 0px !important; padding: 0px 10px; }
.slider--container.noslide .course--slide { min-height: 500px; }
.slider--container.noslide .course--slide .inner { padding: 15px 30px; }
.slider--container.noslide .course--slide .img--banner.tr { background-image: url(images/testimonials-reviews.jpg); }
.slider--container.noslide .course--slide .img--banner.ac { background-image: url(images/about-courses.jpg); }
.slider--container.noslide .course--slide .img--banner.oc { background-image: url(images/our-centres.jpg); }
.slider--container.noslide .course--slide .img--banner.bl { background-image: url(images/blend-learning.jpg); }

.overview--content .stages .dw-md-6 { padding-top: 75px; padding-bottom: 40px; }
.overview--content .stages .dw-md-6:first-child { padding-top: 0px !important; }
.overview--content .stages .why-choose { margin-left: 100px; margin-top: 150px; }
.overview--content .stages .why-choose h2 { color: #000; font-size: 3.2em; margin-bottom: 60px; }
.overview--content .stages .why-choose h2.marg-btm-30 { margin-bottom: 30px; }

.overview--content .stages .why-choose a { max-width: 420px; margin-top: 100px; font-size: 1.5em; padding: 25px 15px; }
.overview--content .check--list { list-style: none; padding: 0px; display: block; }
.overview--content .check--list li { font-weight: bold; color: #005b86; font-size: 1.5em; margin: 20px 0px; position: relative; padding-left: 40px; }
.overview--content .check--list i { color: #f7941d; margin-right: 15px; position: absolute; top: 0px; left: 0px; line-height: 30px; }

.overview--content .why--become { max-width: 1900px; margin: 0 auto; }
.overview--content .why--become .image--container { position: relative; }
.overview--content .why--become .image--container .orange-hex { position: absolute; right: -125px; bottom: -90px; transform: scale(.8); }
.overview--content .why--become .image--container .info { width: 100%; box-shadow: 0px 8px 20px #00000039; background-color: #062939; text-align: center; padding: 30px 30px; right: 0px; top: 100%; margin-top: 15px; }
.overview--content .why--become .image--container .info.sml { right: -60px; }
.overview--content .why--become .image--container .info.max-w-300 { max-width: 300px; }
.overview--content .why--become .image--container .info.max-w-380 { max-width: 380px; }
.overview--content .why--become .image--container .info h4 { margin-top: 0px; color: #fff; font-size: 1.4em; margin-bottom: 5px; }
.overview--content .why--become .image--container .info span { color: #fff; font-size: 2.5em; font-weight: bold; }
.overview--content .why--become .image--container .spot--dec { }

.overview--content .why--become .image--container .youtube { position: relative; width: 100%; position: relative; height: 100%; padding-top: 56%; }
.overview--content .why--become .image--container .youtube iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.overview--content .why--become .right--content { max-width: 760px; margin: 0 auto; }
.overview--content .why--become .right--content span { font-size: 1.45em; margin-bottom: 30px; display: block; line-height: 1.3; }
.overview--content .why--become .right--content h2 { color: #062939; font-size: 3.2em; margin-bottom: 30px; }
.overview--content .why--become .right--content h3 { color: #062939; font-size: 3.0em; line-height: 1.2; margin-top: 30px; }
.overview--content .why--become .right--content h4 { color: #062939; font-size: 2.0em; margin-top: 30px; }

.overview--content .stagger--chart { position: relative; border-left: 1px solid #000; padding-top: 50px; clip-path: inset(-100vw -100vw -100vw 0 ); margin-bottom: 100px; }
.overview--content .stagger--chart .bar { height: 145px; position: relative; background-color: #005B86; box-shadow: 0px 8px 20px #00000039; z-index: 10; margin: 50px 0px; transition: transform 0.6s ease-in-out; }
.overview--content .stagger--chart .bar.hide { transform: translateX(-100%) !important; }
.overview--content .stagger--chart .bar { transform: translateX(0%); }
.overview--content .stagger--chart .bar.hide .inner-bar { transform: translateX(-100%) !important; }
.overview--content .stagger--chart .bar .inner-bar { /* transform: translateX(0%); */ background-color: #005B86; z-index: 10; position: relative; }
.overview--content .stagger--chart .bar#bar-0 { width: 70%; }
.overview--content .stagger--chart .bar#bar-1 { width: 60%; }
.overview--content .stagger--chart .bar.extend#bar-1 { width: 74%; }
.overview--content .stagger--chart .bar#bar-1 .inner-bar:before { display: block; content: ""; background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; right: -45px; top: -45px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar#bar-1 .inner-bar:after { display: block; content: ""; background-color: #005B86; width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar#bar-2 { width: 80%; }
.overview--content .stagger--chart .bar#bar-3 { width: 100%; }
.overview--content .stagger--chart .bar#bar-3 .inner-bar:before { display: block; content: ""; background-image: url(images/dot-grid-dblue.svg); background-size: cover; width: 150px; height: 150px; right: -45px; bottom: -45px; position: absolute; z-index: -13; }
.overview--content .stagger--chart .bar#bar-3 .inner-bar:after { display: block; content: ""; background-color: #005B86; width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar .inner-bar { position: relative; height: 100%; transition: transform 0.8s ease-in-out; padding: 10px 20px; }
.overview--content .stagger--chart .bar .inner-bar .value { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); color: #f7941d; font-size: 4em; font-weight: 600; line-height: 1; }
.overview--content .stagger--chart .bar .inner-bar .value span { font-size: 1.5rem; }
.overview--content .stagger--chart .bar .inner-bar .text { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
.overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 2.0em; font-weight: 600; max-width: 400px; width: 100%; display: block; }
.overview--content .stagger--chart .source { display: block; padding-left: 15px; color: #005B86; font-size: 1.45em; margin-top: 80px; }

.overview--content .is--right { }
.overview--content .is--right .left--content h2 { font-size: 3.2em; color: #062939; margin-top: 0px; margin-bottom: 40px; }
.overview--content .is--right .left--content span { font-size: 1.45em; display: block; }
.overview--content .is--right .left--content h3 { font-size: 1.9em; color: #062939; margin-top: 0px; margin: 30px 0px; }
.overview--content .is--right .left--content a { max-width: 560px; font-size: 1.55em; margin-top: 50px; margin-bottom: 150px; }
.overview--content .is--right .left--content a.lnk { max-width: auto !important; font-size: 1em !important; margin: 0px !important; }
.overview--content .is--right .image--container { position: relative; }
.overview--content .is--right .image--container img { float: right; }
.overview--content .is--right .image--container .info { position: absolute; width: 100%; max-width: 670px; left: 0px; top: 80%; }
.overview--content .is--right .image--container .info .inner { background-color: #fff; box-shadow: 0px 8px 20px #00000039; position: relative; padding: 40px 40px 40px 130px; }
.overview--content .is--right .image--container .info .inner .txt { color: #062939; font-size: 1.6em; font-weight: 600; line-height: 1.2; }
.overview--content .is--right .image--container .info .inner .txt .alt { display: block; color: #005B86; font-weight: normal; font-size: 0.8em; margin-top: 15px; }
.overview--content .is--right .image--container .info .inner img { position: absolute; top: 30px; left: 30px; }
.overview--content .is--right .image--container .pentagon { position: absolute; bottom: 230px; left: 105px; transform: rotate(129deg) scale(2.7); z-index: -1; }
.overview--content .is--right .image--container .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.overview--content .is--right .image--container .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }
.overview--content .is--right .image--container .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; top: -45px; z-index: -1; right: -45px; }

@media screen and (max-width:768px) {
    .overview--content .is--right .image--container * { float: none !important; }
    .overview--content .is--right .image--container img { margin-left: auto; }
    .overview--content .is--right .image--container .info { position: static; width: 100%; max-width: initial; left: initial; top: initial; transform: translateY(-50px) }

    .contact-submit-loader { position: absolute; left: 47%; top: 20%; }

    .faqs.new-new.course-packages .faq .a .txt .recommended { padding: 30px 10px; }
}

.info-page .banner .text strong { display: block; margin-top: 45px; color: #fff; font-size: 2.25em; }
.info-page .banner .text span strong { display: inline; margin-top: 0; font-size: 1em; max-width: initial; font-family: 'sofia-pro',sans-serif; }
.location .banner .banner-text { padding: 45px 0 15px; }
.location .banner .banner-text strong { margin: 0 0 30px; font-size: 2.15em; max-width: 100%; }
.location .banner .banner-text span { margin: 0; }
.location #enquiryform { margin-bottom: 15px; }
#enquiryform { margin: 0 0 -15px; }
#enquiryform form { overflow: hidden; -webkit-box-shadow: 0 0 20px 0px #00000026; -moz-box-shadow: 0 0 20px 0px #00000026; box-shadow: 0 0 20px 0px #00000026; }
#emailmeform form { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#enquiryform .heading { background-color: #062939; color: #fff; font-weight: 600; padding: 20px 70px; text-align: center; font-size: 2.00em; }
#enquiryform ul { margin: 0; padding: 0; }
#enquiryform .surround { padding: 10px 65px 20px; background-color: #062939; color: #fff; }
#enquiryform .editor-label { margin-bottom: 8px; }
#enquiryform .editor-field { min-height: 50px; margin-bottom: 20px; font-family: inherit; }
#enquiryform input[type="text"], #enquiryform input[type="tel"], #enquiryform input[type="email"] { height: 50px; border-radius: 0px; }
#enquiryform .editor-field.check { position: relative; padding-right: 20px; min-height: 0; margin-bottom: 0; }
#enquiryform .editor-field.check span { display: block; font-size: 0.65em; }
#enquiryform .editor-field.check input[type="checkbox"] { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; margin: -14px 0 0 0; }
#enquiryform input[type="submit"], #enquiryform .btn.submit { font-size: 1.25em; background-color: #f7941d; color: #fff; border: 1px solid #f7941d; max-width: 100%; height: 60px; font-weight: 600; margin-bottom: 0; font-family: 'sofia-pro',sans-serif; }
#popupform input[type="submit"] { line-height: 1; }

#popupform .field-validation-error span { color: #000; font-weight: 600; background-color: #fcf0f1; padding: 10px; display: block; position: relative; text-align: left; padding-right: 10px; }

#popupform .field-validation-error span:before { content: ""; width: 5px; height: 100%; position: absolute; background-color: #ec939b; left: 0; top: 0; }

#popupform .loading-help .loading-special { background-color: #F7941D; position: relative; padding: 10px 0; display: flex; align-items: center; justify-content: center; margin-top: 15px; }

#enquiryform input[type="submit"]:hover, #enquiryform .btn.submit:hover { color: #f7941d; background-color: #fff; border: 1px solid #fff; }
#enquiryform .share { padding: 10px; background-color: #777; color: #fff; }
#enquiryform .share h2, #enquiryform .share h2 a { color: #fff; background-color: #333; line-height: 30px; font-size: 0.95em; text-align: center; margin: 0; }
#enquiryform .share h2 a i { margin-right: 10px; }
#enquiryform .share .section { margin: 0; }
#enquiryform .share .bs { padding: 0; background-color: #005b86; text-align: center; }
#enquiryform .share .bs div { padding: 5px; cursor: pointer; }
#enquiryform .share .bs i { display: block; font-size: 1.6em; line-height: 30px; }
#enquiryform .share .bs span { display: block; font-size: 0.8em; }
#enquiryform .call { background-color: #fff; padding: 15px 20px; color: #005b86; font-size: 1.75em; font-weight: 600; text-align: center; }
#enquiryform .call span { display: inline-block; }
#enquiryform .call i { margin-right: 15px; position: initial; }
#enquiryform .call a { color: #005b86; font-weight: 900; }
#enquiryform .call .btn, .landingpage.theme3 #enquiryform .call .btn { text-transform: none; font-size: 1.3em; font-family: 'sofia-pro',sans-serif; background-color: #062939; }
#enquiryform .call .btn:hover { color: #fff; background-color: #005b86; }
#enquiryform select { height: 40px; padding: 0 0 0 8px; color: #757575; }

.full-w-form .btn { padding: 0; }
.career-support-form { background-color: #062939; padding: 15px 0; }
.career-support-form #enquiryform.full-w-form { background-color: transparent; }
.career-support-form .call-free { text-align: center; color: #fff; font-weight: 600; font-size: 2.2em; }

.career-support-form .loading-help .loading-special { display: flex; align-items: center; justify-content: center; margin-top: 0; background-color: #F7941D; margin-top: 0; background-color: #F7941D; padding: 10px 0 }

.career-support-form .btn { padding: 0; }
#enquiryform.full-w-form { background-color: #005b86; padding: 15px 0px; }
#enquiryform.full-w-form .call { display: none; }
#enquiryform.full-w-form .heading { display: none; }
#enquiryform.full-w-form .surround { width: 100%; margin: 0px -10px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: transparent; box-shadow: none; }

#enquiryform.full-w-form .surround .clear { display: none; }
#enquiryform.full-w-form .surround .privacy-note { width: 100%; }
#enquiryform.full-w-form .surround .section > div { width: 50%; }
#enquiryform.full-w-form .surround .section input { margin-top: 0px; }
#enquiryform.full-w-form .surround > .editor-field { width: 20%; padding: 0px 10px; }
#enquiryform.full-w-form .surround > .editor-field .field-validation-error { color: orangered; }
#enquiryform.full-w-form .surround .section { margin: 0px; width: 40%; }
#enquiryform.full-w-form .editor-field { margin-bottom: 0px; min-height: 1px; }
#enquiryform.full-w-form form { position: static; box-shadow: none; padding: 15px 0px; }
#enquiryform.full-w-form .call-free { text-align: center; color: #fff; font-weight: 600; font-size: 2.2em; }
#enquiryform.full-w-form .call-free a { color: #f7941d; }
#enquiryform.full-w-form .fa-times { display: none; }
#enquiryform.full-w-form input[type="submit"], #enquiryform.full-w-form .btn.submit { height: 50px; line-height: 50px; margin: 0px; }
#enquiryform.full-w-form .optin { margin-top: 5px; display: block; }
#enquiryform.full-w-form .optin span { max-width: 200px; font-size: 0.9em; }
#enquiryform.full-w-form .optin input { top: 50%; transform: translateY(-50%); margin: 0px; }

.banner#become-electrician #enquiryform .heading { background-color: #005B86; }
.banner#become-electrician #enquiryform .surround { background-color: #005B86; }

.hor-contact-form { clear: both; max-width: 1200px; background-color: #e7e7e7; padding: 30px; margin: 0 auto 50px; }
.hor-contact-form form { position: static !important; }
.hor-contact-form form .btn--orange { width: 100%; max-width: 100%; }

#enquiryform .privacy-note { text-align: center; margin-top: 10px; font-size: 0.88em; padding: 0 15px; }



#popup.shut { display: none; }
#popup { position: fixed; z-index: 9999999; }
#popup, #popup:before { left: 0; top: 0; width: 100%; height: 100%; }
#popup:before { position: absolute; content: ""; background-color: #fff; opacity: 0.8; }
#popup .fixed { width: 100%; height: 100%; overflow-y: auto; position: relative; padding: 0 15px; }
#popup .main { position: relative; height: 100%; }
#popup #emailmeform { background-color: #008dd3; color: #333; border-radius: 3px; padding: 15px; text-align: center; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50% -50%); width: 100%; max-width: 400px; }
#popup i.fa-times { position: absolute; top: -13px; right: -13px; width: 26px; height: 26px; color: #fff; line-height: 26px; text-align: center; background-color: #000; border-radius: 50%; font-size: 1.2em; cursor: pointer; }
#popup #emailmeform h2 { margin-top: 0; color: #fff; font-size: 1.4em !important; }
#popup #emailmeform .editor-field { min-height: 0; margin-bottom: 15px; }
#popup.locations:before { background-color: #000; }
#popup.locations .fixed { padding: 15px; }
#popup.locations .centre-viewer { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1186px; padding: 15px; border-radius: 3px; background-color: #fff; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.loading-help .loading-special { background-color: #F7941D; position: relative; padding: 10px 0; display: flex; align-items: center; margin: 15px 0px; justify-content: center; }
#enquiryform .loading-help .surround { text-align: center; padding: 0; background-color: transparent; }
.loading-help .new-loader { display: inline-block; color: #fff; font-size: 4px; margin: 0; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin-bottom: 2px; }
.loading-help .load-text { line-height: 40px; display: inline-block; color: #fff; text-align: center; font-size: 1.3em; -webkit-appearance: none; font-weight: 400; margin-left: 20px; font-weight: 700; }

.centre-viewer h2 { font-size: 2.1em; position: relative; line-height: 30px; max-width: 445px; margin: 0 auto 15px; }
.centre-viewer .section { margin: 0 -8px; }
.centre-viewer .dw-md-6 { padding: 0 8px; }
.centre-viewer h2 i { color: #062939; font-size: 1.3em; height: 30px; line-height: 30px; float: left; margin-right: 15px; }
.centre-viewer a { display: block; margin-top: 10px; position: relative; padding: 15px 15px 15px 100px; border-radius: 3px; background-color: #f3f3f3; color: #000; }
.centre-viewer a:first-child { margin-top: 0px; }
.centre-viewer a:hover { background-color: #e7e7e7; }
.centre-viewer .toleft img { margin: 0 auto; }
.centre-viewer .miles { color: #062939; font-weight: 900; font-size: 1.45em; line-height: 25px; font-family: 'sofia-pro',sans-serif; }
.centre-viewer .centre { font-size: 1.4em; line-height: 25px; font-family: 'sofia-pro',sans-serif; }
.centre-viewer .centre strong { display: block; font-weight: 900; }
.centre-viewer .centre span { display: block; font-size: 0.93em; }

.centre-viewer .miles { position: absolute; top: 15px; line-height: 25px; height: 50px; left: 15px; width: 70px; }
.centre-viewer .centre { float: left; }
.centre-viewer .btn { }

.centre-viewer .btn { float: right; max-width: 200px; }
.centre-viewer .btn i { margin-left: 20px; }

.course--page .banner .ticks { margin-top: 40px; }

.ticks { margin-bottom: 20px; }
.ticks.two { padding-top: 20px; margin-bottom: 40px; }
.ticks .row { position: relative; padding-left: 45px; min-height: 28px; margin-bottom: 15px; }
.ticks .row i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.ticks .row strong { font-size: 1.3em; font-weight: 900; display: block; line-height: 22px; padding-top: 3px; }
.ticks .row a { text-decoration: underline; }
.ticks .row a:hover { text-decoration: none; }


.ticks.cols .row { float: left; width: 50%; padding-right: 15px; }
.ticks.cols .row:nth-child(2n+1) { clear: both; }

.enroll { padding: 40px 0; }
.enroll .row i { color: #fff; }
.enroll .video .surround { padding-bottom: 56.12244897959184%; }
.enroll a { color: #fff; font-weight: 900; }
.enroll a:hover { color: #062939; }
.enroll h2 { max-width: 480px; font-size: 2.63em; margin-bottom: 25px; }


.video .surround { position: relative; }
.video .it-img { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video #ine { background-image: url(images/network-engineers.jpg); }
.video #cse { background-image: url(images/cyber-security-engineers.jpg); }

.video .youtube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: pointer; color: #e62117; font-size: 5em; }
.video .youtube.electrical { background-image: url(images/become-electrician.jpg); }
.video .youtube.gas { background-image: url(images/gas-courses-video.jpg); }
.video .youtube.plumbing { background-image: url(images/plumbing-courses-video.jpg); }
.video .youtube.construction { background-image: url(images/construction-courses-video.png); }
.video .youtube.carpentry { background-image: url(images/carpentry-courses.jpg); }
.video .youtube.carpentry-course { background-image: url(images/carpentry-courses-two.jpg); }
.video .youtube.plastering { background-image: url(images/plastering-course.jpg); }
.video .youtube.plumbing-one { background-image: url(images/plumbing-vid.jpg); }
.video .youtube.electrical-course { background-image: url(images/electrical-video.jpg); }

.video i { position: absolute; top: 50%; left: 50%; width: 80px; height: 60px; line-height: 60px; text-align: center; margin-top: -30px; margin-left: -40px; }
.video .youtube:hover i { opacity: 0.8; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.video .salary { background-image: url(images/salary-bgimage.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 50px 20px 20px; color: #fff; font-family: 'sofia-pro',sans-serif; position: relative; }
.video .salary .image { position: absolute; top: 50px; left: 20px; }
.video .salary .image strong { font-weight: 900; width: 40px; height: 80px; text-align-last: center; line-height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -20px; font-size: 5em; }
.video .salary .text { padding-left: 136px; text-align: right; width: 100%; font-weight: 900; }
.video .salary .amount { font-size: 5em; line-height: 1; margin-bottom: 10px; }
.video .salary .description { font-size: 2em; }
.video .salary em { display: block; text-align: center; margin-top: 50px; font-size: 1.05em; }


.qualification { padding: 20px 0 135px; }
.qualification h2 { margin-top: 30px; }
.qualification h2:first-child { margin-top: 15px; }
.qualification .info, .enroll .info { font-size: 1.25em; }
.qualification .info .bluelink a { color: #062939; }
.qualification .ticks .row i { color: #e8e8e8; }
.enroll .info .bblue { color: #062939; }
.qualification .btn--blue { margin: 0; }
.qualification .btn--blue:hover { background-color: #fff; color: #062939; }
.qualification-detail div, .view-course a { padding: 20px; border-radius: 3px; background-color: #fff; margin-top: 30px; -webkit-box-shadow: 0 0 10px 0px #000; -moz-box-shadow: 0 0 10px 0px #000; box-shadow: 0 0 10px 0px #000; border-bottom: 3px solid #062939; display: block; }
.qualification-detail strong { color: #062939; font-size: 1.4em; display: block; font-weight: 900; position: relative; padding-right: 0px; line-height: 22px; margin-bottom: 20px; }
.qualification-detail strong i { color: #fff; position: absolute; top: 0; right: 0; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 0.7em; display: none; }
.view-course a .info { color: #000; }
.view-course a strong { color: #062939; font-weight: 900; }
.view-course a .btn { margin-top: 20px; height: 40px; line-height: 40px; max-width: 160px; }
.view-course a .btn i { margin-left: 10px; line-height: 40px; }
.view-course a:hover .btn { background-color: #005b86; color: #fff; }

.side .sectopm { margin: 0 -10px; }
.side .section { margin: 0 -10px; }
.side .bs { padding: 0 10px; }
.side a { display: block; margin-bottom: 20px; padding: 20px; color: #fff; font-weight: 700; background-position: center; background-size: cover; background-repeat: no-repeat; }
.side a.payment { background-image: url(images/payment-plans.jpg); }
.side a.allcentres { background-image: url(images/training-centres.jpg); }

.side strong { font-weight: 900; font-size: 1.7em; display: block; line-height: 28px; min-height: 112px; margin-bottom: 10px; }
.side .btn { height: 40px; line-height: 40px; text-align: left; padding: 0 10px; max-width: 180px; }
.side .btn i { float: right; line-height: 40px; }
.side .guide { background-image: url(images/clarendon-centre.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 20px 20px 60px; color: #fff; }

ul.normal { margin: 20px 0; padding-left: 18px; }
ul.blue { color: #062939; }
ul.normal strong { font-weight: 900; color: #333; }
ul.normal span { color: #333; }
ul.blue .test-link a { color: #062939; }

.course-details { background-color: #fff; position: relative; padding-top: 40px; }
.course-type { text-align: center; position: absolute; top: -32px; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1245px; }
.course-type.fifty { width: 57%; }
.course-type.fifty .option { width: 100%; }
.course-type.full { width: 25%; }
.course-type.full .option { width: 100%; }
.course-type .option { font-weight: 700; float: left; font-size: 1.5em; padding: 15px 15px 10px; cursor: pointer; height: 65px; background-color: #062939; color: #fff; border: 1px solid #062939; margin-right: 8px; max-width: 405px; width: 33%; }
.course-type .option:nth-child(3) { margin-right: 0px; }
.course-type .option.on { color: #005b86; background-color: #fff; border: 1px solid #fff; height: 75px; margin-top: -8px; }
.course-type .option.on:hover { line-height: 30px; height: 75px; margin-top: -8px; }
.course-type .option:hover { color: #005b86; background-color: #fff; border: 1px solid #fff; height: 65px; margin-top: 1px; }
.course-type .option span { font-weight: 400; }
.course-type select { font-weight: 700; font-family: 'sofia-pro',sans-serif; padding-left: 10px; font-size: 1.1em; display: none; }

.course-options { padding-bottom: 15px; }
.course-options .dw-md-3 { margin-bottom: 25px; }
.course-options .course-description { border: 0.5px solid #D2D2D2; }
.course-options .course-description .image { width: 100%; display: block; background-repeat: no-repeat; background-size: cover; height: 270px; }
.course-options .course-description img { position: absolute; bottom: 15px; left: 15px; }
.course-options .course-description h2 { color: #005b86; font-size: 1.56em; font-weight: 900; padding: 20px 15px 0; }
.course-options .course-description .the-detail .info { font-size: 0.88em; color: #005b86; padding: 0 15px 20px; }
.course-options .course-description .btn { width: 100%; margin: 0; max-width: 100%; text-transform: uppercase; bottom: 0; }
.course-options .course-description .btn.blue:hover { color: #fff; background-color: #005b86; }
.course-options .course-description .btn.blue i { margin-left: 5px; }

.more { padding: 50px 0; }
.more__two { padding-top: 30px; }
.top--border { border-top: 1px solid #D2D2D2; }
.become--course { font-size: 1.25em; margin: 25px 0 57px; color: #666666; }
.become--course a { color: #005B86; font-weight: 600; text-decoration: underline; }
.become--course a:hover { text-decoration: none; }
.more__two .block { margin-bottom: 50px; }
.more__two .block span { font-size: 1.15em; }
.more-info .section { margin-bottom: 0px; }
.more-info .video .surround { padding-bottom: 62%; }
.more-info h2 { line-height: 1.3; font-size: 2.38em; margin-bottom: 40px; }
.more-info span { font-size: 1.15em; }
.more-info .why { padding: 95px 0 85px; background-color: #005b86; color: #fff; }
.more-info .why h2 { color: #fff; font-size: 2.38em; margin-bottom: 20px; }
.more-info .why .sub { font-size: 1.75em; display: block; font-weight: 600; margin-bottom: 30px; }
.more-info .why .bs { margin: 0; }
.more-info .why .fas { color: #fff; }
.more-info .why .ticks .row strong { font-size: 1.15em; font-weight: normal; }
.more-info .practising .dw-md-7 { padding-right: 0; }
.more-info .practising a.btn { text-align: center; padding: 0 15px; margin-top: 40px; }
.more-info .practising a.btn i { float: right; line-height: 50px; }

.method-learning { position: relative; }
.method-learning .section { margin: 0 -10px; }
.method-learning .bs { padding: 0 10px; float: left; }
.method-learning .method { width: 48%; }
.method-learning .method:nth-child(3) { float: right; }
.method-learning .or { width: 4%; position: absolute; height: 40px; line-height: 40px; text-align: center; padding: 0; top: 50%; left: 50%; margin-top: -20px; margin-left: -2%; }

.method-learning .placer { padding: 20px 15px; background-color: #fff; position: relative; min-height: 152px; border-radius: 3px; }
.method-learning .text { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 15px 0 142px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.method-learning .text strong { display: block; font-size: 1.25em; font-weight: 900; }
.method-learning .text span { display: block; margin-top: 15px; font-size: 1.15em; }
.method-learning .or strong { font-weight: 900; font-size: 1.6em; }
.blue--block.delivery { padding-bottom: 50px; }
.blue--block.delivery a { color: #fff; text-decoration: underline; }
.blue--block.delivery a:hover { text-decoration: none; }
.info-page .text-only img { margin: 50px auto 0; }
.info-page .surround
.info-page .detail { display: block; font-size: 1.2em; color: #666666; }
.info-page .video .surround { padding-bottom: 56.55737704918033%; }
.segments .ticks .row i { color: #fafafa; }
.info-page .intro { padding: 55px 0 55px 0; }
.info-page .intro.blue--bottom { padding-bottom: 0; }
.info-page .intro.employment { padding-bottom: 60px; }
.info-page .intro.employment span { font-size: 1.25em; display: block; margin: 35px 0; }
.info-page .intro.white { color: #fff; }
.info-page .intro.white h2 { color: #fff; }
.info-page .achievements { padding-top: 40px; max-width: 1120px; margin: 0 auto; }
.info-page .achievements .bs { padding-top: 30px; text-align: center; }
.info-page .achievements i { margin: 0 auto 20px; color: #062939; height: 73px; line-height: 73px; font-size: 5em; }
.info-page .achievements strong { display: block; font-size: 1.9em; font-family: 'sofia-pro',sans-serif; font-weight: 900; margin-bottom: 20px; }
.info-page .achievements span { display: block; font-family: 'sofia-pro',sans-serif; font-size: 1.45em; }
.info-page .course-guarantee { margin-top: 75px; }
.info-page .about-confidence { background-color: #e7e7e7; padding: 75px 0; }
.info-page .about-confidence .diff-section { margin: 0 -2px; }
.info-page .about-confidence .dbs { padding: 4px 2px 0; }
.info-page .about-confidence h2 { margin-bottom: 20px; }
.info-page .about-confidence .btn { margin-top: 20px; max-width: 160px; }
.info-page .about-confidence .btn i { margin-left: 15px; }

.info-page .centres { padding-top: 38px; }
.info-page .centres h2 { margin-bottom: 0; font-size: 2.38em; padding-left: 15px; }
.info-page .centres .block__blue { background-color: #005B86; padding: 37px 33px; min-height: 430px; max-width: 485px; margin: 40px auto; }
.info-page .centres .block__dark-blue { background-color: #062939; padding: 37px 33px; min-height: 430px; max-width: 485px; margin: 40px auto; }
.info-page .centres .bs .title { font-size: 2.63em; color: #fff; }
.info-page .centres .bs span { font-size: 1.25em; color: #fff; font-weight: 400; display: block; text-transform: uppercase; }
.info-page .centres .bs .abtn { margin-top: 40px; }
.info-page .centres .bs .btn { max-width: 200px; }
.info-page .centres .bs span i { margin-left: 15px; }
.info-page .centres .bs .location { color: #fff; font-size: 1.75em; font-weight: 500; margin-bottom: 25px; }
.info-page .centres .bs .address { min-height: 125px; }
.info-page .centres a:hover .block__blue { background-color: #062939; }
.info-page .centres a:hover .block__dark-blue { background-color: #005B86; }
.info-page .training-questions { padding: 70px 0px; background-color: #e7e7e7; }
.info-page .training-questions h2 { max-width: 660px; margin: 0 auto 30px; text-align: center; }
.info-page .training-questions h2 span { position: relative; padding-left: 55px; display: inline-block; }
.info-page .training-questions h2 i { margin: 0; position: absolute; top: 0; left: 0; font-size: 1.35em; height: 33px; line-height: 33px; color: #062939; }
.info-page .training-questions #contactform { max-width: 660px; margin: 0 auto; }
#contactform .section, #vacfrom .section { margin: 0 -10px; }
#contactform .bs, #vacform .bs { padding: 0 10px; }
#contactform label, #vacform label { font-family: 'sofia-pro',sans-serif; font-weight: 700; font-size: 1.1em; display: block; padding-bottom: 5px; }
#contactform .editor-field, #vacform .editor-field { min-height: 55px; }
#contactform .editor-field.ta, #vacform .editor-field.ta { min-height: 0; padding-bottom: 15px }
#contactform input[type="text"], #vacform input[type="text"] { height: 40px; }

.location-options { padding-top: 75px; text-align: center; }
.location .location-options h2 { font-size: 1.75em; margin-bottom: 15px; }
.location .location-options h2 a { color: #062939; }
.location .location-options h2 a:hover { color: #333; }
.location-options .links { text-align: center; max-width: 1000px; margin: 0 auto; }
.location-options .links a { display: inline-block; width: initial; padding: 10px 30px; font-size: 1.2em; margin: 15px 7px 0; line-height: 20px; height: initial; min-height: 40px; }
.location-options .link-text { margin-top: 30px; font-family: 'sofia-pro',sans-serif; font-size: 1.25em; }
.location-options .link-text span:first-child { display: block; }
.location-options .link-text ul { display: inline-block; text-align: left; margin-bottom: 0px; color: #062939; padding-left: 18px; }
.location-options .link-text ul span { color: #333; }

.location h2 { margin-top: 40px; }

.location .map-section h2 { position: relative; padding-left: 45px; font-size: 2.25em; margin-bottom: 30px; color: #fff; }
.map-section i { position: absolute; top: 50%; margin-top: -19px; left: 0; width: 29px; height: 39px; line-height: 39px; color: #fff; font-size: 1.45em; }
.map-section .where-text { font-family: 'sofia-pro',sans-serif; font-size: 1.63em; color: #fff; }
.map-section .where-text a { font-weight: 900; color: #fff; }
.map-section .btn { max-width: 200px; padding: 15px 32px; position: relative; margin-top: 30px; text-align: center; }
.map-section .btn:hover { background-color: #fff; color: #062939; }
.map-section .btn i { position: absolute; top: 50%; margin-top: -20px; right: 10px; line-height: 40px; color: #fff; left: initial; }
.map-section .btn:hover i { color: #062939; }
.map-section #map { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
.info-page .intro .internal .ticks.white strong, .info-page .intro .internal .ticks.white i { color: #fff; }

.info-page .intro .internal .ticks { margin-bottom: 20px; }
.info-page .intro .internal .ticks span { font-weight: 600; }
.info-page .intro .internal .ticks strong { color: #062939; }
.info-page .blue--block .intro .internal .ticks strong { color: #fff; }
.info-page .blue--block .intro .internal .ticks span { color: #fff; }
.info-page .blue--block .intro .internal .ticks i { color: #fff; }
.info-page .intro .internal .ticks i { color: #005b86; }
.info-page .intro .internal .ticks strong span { color: #666; }
.review-testimonials { background-color: #e7e7e7; padding: 40px 0; }
.review-testimonials h2 { font-size: 2.05em; margin-bottom: 30px; }
.review-testimonials h3 { background-color: #fff; color: #062939; font-size: 1.6em; line-height: 24px; padding: 20px 60px 20px 20px; position: relative; border-bottom: 4px solid #062939; border-radius: 3px; cursor: pointer; margin-bottom: 20px; }
.review-testimonials h3 i { position: absolute; top: 50%; right: 20px; height: 40px; line-height: 40px; margin-top: -20px; text-align: right; font-size: 0.9em; }

.review-testimonials h3:hover { color: #005b86; border-bottom-color: #005b86; }
.review-testimonials h3:hover { color: #005b86; }

.review-testimonials .shut { height: 0; overflow: hidden; }
.review-testimonials .quote { background-color: #fff; padding: 20px 20px 20px 55px; margin-bottom: 20px; border-radius: 2px; position: relative; font-family: 'sofia-pro',sans-serif; }
.review-testimonials .quote span { font-size: 1.28em; display: block; }
.review-testimonials .quote i { position: absolute; top: 10px; left: 10px; font-size: 4em; width: 32px; height: 23px; background-image: url(images/quote.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
.review-testimonials .quote strong { font-weight: 900; color: #062939; display: block; margin-top: 10px; font-size: 1.15em; }

.text-only--pages { max-width: 985px; margin: auto; }
.text-only--pages h2 { font-size: 2em; }
.text-only--pages .ticks i { color: #005b86 !important; }
.text-only--pages .info a, .text-only--pages .ticks a { color: #005b86 !important; text-decoration: underline; }
.text-only--pages .info a:hover, .text-only--pages .ticks a:hover { text-decoration: none; }
.text-only { background-color: #fff; padding: 45px 0; }
.text-only h2 { margin: 30px 0; }
.text-only h2:first-child { margin: 0 0 30px; font-weight: 900; }
.text-only .info { font-size: 1.3em; }
.text-only .info a, .text-only .ticks a { color: #062939; font-weight: 900; }
.text-only .info a:hover, .text-only .ticks a:hover { color: #333; }
.text-only .ticks i { color: #fff; }
.text-only .ticks strong span { font-weight: 400; }
.text-only .detail { font-size: 1.15em; }
.text-only .detail a:hover { text-decoration: underline; }
.dpg h2 { color: #062939 }
.dpg .question, .dpg .answer { position: relative; padding-left: 30px; }
.dpg .question { font-weight: 700; }
.dpg .answer { margin-bottom: 15px; }
.dpg .question span, .dpg .answer span { position: absolute; top: 0; left: 0; font-weight: 700; }
.dpg .answer ol { margin: 0; }
.dpg ol { padding-left: 18px; }
.dpg ol ol { list-style-type: lower-alpha; }
.dpg ol ol ol { list-style-type: lower-roman; }
.dpg .line-split { width: 100%; height: 1px; background-color: #333; }
.dpg .legal-text { margin: 20px 0; }



.basic-form { border: 1px solid #000; margin: 40px auto; padding: 20px; background-color: #e7e7e7; max-width: 800px; }
.basic-form img { display: block; margin: 0 auto 20px; }
.basic-form .row { margin-bottom: 15px; position: relative; padding-left: 165px; }
.basic-form .row.last { margin-bottom: 0px; }
.basic-form .editor-label { font-weight: 700; line-height: 20px; font-size: 1.1em; margin-top: 10px; width: 150px; position: absolute; top: 0; left: 0; }
.basic-form .editor-field { min-height: 55px; }
.basic-form .editor-field.last { min-height: 40px; }
.basic-form .field-validation-error { display: block; line-height: 15px; color: #e62117; }
.banner #enquiryform .validation-summary-errors { display: block; background-color: #d49fa5; color: #901220; font-weight: 700; display: block; border: 1px solid #901220; margin: 0 0 15px !important; border-radius: 3px; padding: 10px !important; }
.banner #enquiryform .validation-summary-errors ul li { padding: 0px !important; border: none; margin: 0px !important; }

.banner #enquiryform .editor-field { position: relative; }
.banner #enquiryform .editor-field .field-validation-error { position: absolute; top: 50%; transform: translateY(-50%); color: #e62117; right: 11px; }
.banner #enquiryform .editor-field .field-validation-error span { color: #e62117; background-color: #fff; }
.banner #enquiryform .editor-field .input-validation-error::-webkit-input-placeholder { color: transparent; }



.segments { padding-bottom: 50px }

.basic-form .editor-field.radio { min-height: 0; }
.basic-form .editor-field.radio label { display: block; clear: both; line-height: 20px; padding: 10px 0; font-size: 1.1em; }
.basic-form .editor-field.radio input[type="radio"] { width: 20px; height: 20px; margin: 0 10px 0 0; float: left; }
.basic-form .editor-field.radio span { display: block; }
.basic-form input[type="text"], .basic-form input[type="email"], .basic-form input[type="tel"] { height: 40px; }
.basic-form select { height: 40px; line-height: 40px; }
.basic-form .loading-help .loading-special { text-align: center; }

.OK, .KO { padding: 10px; border-radius: 3px; color: #fff; font-weight: 700; margin: 0 0 15px; }
.OK { background-color: #393; }
.KO { background-color: #933; }

.validation-summary-errors ul { list-style: none; padding: 0; }
.validation-summary-errors ul li { color: #000; font-weight: 600; background-color: #fcf0f1; padding: 10px; display: block; position: relative; text-align: left; padding-right: 10px; margin-bottom: 10px; }

.validation-summary-errors ul li:before { content: ""; width: 5px; height: 100%; position: absolute; background-color: #ec939b; left: 0; top: 0; }
.training-questions { overflow-x: hidden; }
.lazy { margin: 0 auto; height: 0px; opacity: 0; }
.lazy .surround { position: relative; }
.lazy noscript { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lazy-bg { background-image: none !important; }

.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #729bef; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

@-ms-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}


.checka-box { }
.checka-box .top { text-align: center; max-width: 1320px; margin: 0 auto; }
.checka-box .top img { display: inline-block; }
.checka-box .top h2 { font-size: 3.0em; margin-top: -30px; }
.checka-box .bg { max-width: 1642px; position: relative; background-image: url(images/checkatrade-bg.jpg); background-position: left; background-size: cover; height: 718px; margin: 60px auto 30px; }
.checka-box .bg .pop-link { background-color: #f7941d; color: #fff; font-weight: 700; text-align: center; padding: 20px; width: 100%; max-width: 350px; position: absolute; bottom: 120px; left: 145px; font-size: 1.4em; cursor: pointer; }
.checka-box .bg .pop-link:hover { background-color: #000; }

.checka-box .title { font-family: 'Open Sans', sans-serif; position: relative; padding-left: 50px; font-size: 2em; margin-top: 30px; color: #000; margin-bottom: 30px; font-weight: 900; }
.checka-box .title img { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 42px; height: auto; }
.checka-box .txt { font-family: 'Open Sans', sans-serif; font-size: 1.85em; max-width: 435px; }
.checka-box .txt sup { font-size: 0.8em; }
.checka-box .content { max-width: 1435px; margin: 0 auto; }
.checka-box .bg a { display: none !important; }

.pathways-explained { margin: 60px auto 100px auto; position: relative; padding-top: 100px; }
.pathways-explained:before { content: ""; background-color: #005B86; position: absolute; left: 0px; top: 0px; width: 100%; height: 1000px; z-index: -10; }
.pathways-explained:after { content: ""; background-position: center; background-repeat: no-repeat; position: absolute; left: 50%; top: 0px; width: 1920px; transform: translateX(-50%); height: 1080px; z-index: -5; }
.pathways-explained.top { margin-top: 0px; }
.pathways-explained .top { text-align: center; }
.pathways-explained .top .sml { color: #fff; font-size: 1.8em; }
.pathways-explained .top h2 { color: #fff; margin-top: 0px; margin-bottom: 30px; font-size: 3.4em; }
.pathways-explained .path .top { max-width: 470px; margin: 0 auto; box-shadow: 0px 11px 20px #00000026; }
.pathways-explained .path .top .title { padding: 30px; line-height: 40px; color: #fff; font-size: 2.5em; font-weight: 700; overflow: hidden; position: relative; }
.pathways-explained .path .top .title:before { content: ""; position: absolute; width: 100%; height: 50px; display: block; background-color: #fff; top: 98%; left: -5px; transform: rotate(5deg); }
.pathways-explained .path .top .title:after { content: ""; position: absolute; width: 100%; height: 50px; display: block; background-color: #fff; top: 98%; right: -7px; transform: rotate(-5deg); }
.pathways-explained .path .top .title.or { background-color: #f7941d; }
.pathways-explained .path .top .title.bl { background-color: #23A1D1; }
.pathways-explained .path .top .title.dbl { background-color: #062939; }
.pathways-explained .path .body { background-color: #fff; padding: 25px; min-height: 417px; }
.pathways-explained .path .body .list-title { color: #062939; font-size: 1.6em; font-weight: 700; text-align: left; }
.pathways-explained .path .body ul { list-style: none; margin-top: 25px; padding: 0px; }
.pathways-explained .path .body li { position: relative; padding-left: 50px; display: block; margin-bottom: 30px; min-height: 62px; }
.pathways-explained .path .body li i { color: #f7941d; position: absolute; top: 6px; left: 0px; font-size: 2em; }
.pathways-explained .path .body li span { color: #005B86; text-align: left; display: block; font-weight: 600; font-size: 1.65em; }
.pathways-explained .path .bottom { max-width: 415px; margin: auto; padding-top: 180px; }
.pathways-explained .path .bottom .rec { max-width: 345px; padding: 15px; line-height: 30px; color: #fff; font-weight: 700; font-size: 1.8em; margin: 0 auto; text-align: center; }
.pathways-explained .path .bottom .rec.or { background-color: #f7941d; }
.pathways-explained .path .bottom .rec.bl { background-color: #23A1D1; }
.pathways-explained .path .bottom .rec.dbl { background-color: #062939; }
.course-card { display: block; background-color: #fff; box-shadow: 0px 11px 20px #00000026; }
.course-card.home { box-shadow: none; background-color: none; }
.course-card .exp { padding: 10px 20px; max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; text-align: center; background-color: #23a1d1; }
.course-card .card-body { padding: 20px 28px; }
.course-card h3 { color: #062939; display: block; min-height: 65px; margin: 5px 0px 10px; }
.course-card .txt { font-size: 1.4em; padding-bottom: 15px; min-height: 130px; }
.course-card a { color: #fff; max-width: 210px; padding: 15px; text-align: center; line-height: 30px; display: block; background-color: #005B86; font-weight: 700; text-transform: uppercase; font-size: 1.2em; }
.course-card a:hover { background-color: #062939; }

.course-card .no-experience { display: inline-block; padding: 10px 15px; font-size: 0.8em; font-weight: 300; }
.course-card .wanna-be { color: #005B86; font-size: 1.4em; }
.course-card.home { max-width: 380px; margin: 0 auto 15px; }

.course-card.home .card-body { min-height: 375px; }
.course-card.home .card-body > div { display: flex; flex-direction: column; justify-content: space-between; }
.course-card.home h3 { min-height: 10px; }
.course-card.home span { font-size: 1.5em; font-weight: 400; color: #666; display: block; min-height: 75px; }
.course-card.home .btn { font-size: 1.5em; }

a.course-card:hover .btn { background-color: #062939; }

.banner .rightside h2.dbl { color: #062939; margin-bottom: 20px; margin-top: 30px; }
.banner .rightside h2.bl { color: #005B86; margin-bottom: 20px; margin-top: 30px; }
.banner .rightside li { color: #005B86; font-weight: 500 !important; }

.homesteps { margin-top: 120px; }
.homesteps h2 { color: #062939; margin-bottom: 60px; }
.homesteps .step { width: 100%; padding: 90px 68px 69px 68px; position: relative; margin-bottom: 100px; }
.homesteps .step .point { width: 30px; height: 30px; border: 5px solid #062939; border-radius: 100%; position: absolute; background-color: #fff; left: 50%; top: 0px; transform: translate(-50%, -50%); }

.homesteps .step:after { width: 5px; background-color: #062939; height: 120%; left: 50%; transform: translateX(-50%); top: 0px; content: ""; position: absolute; z-index: -1; }
.homesteps .stepno { z-index: 10; color: #f7941d; font-size: 9em; font-weight: 900; position: absolute; top: 0px; left: 0px; line-height: 1; }

.homesteps .txt-inner .pentagon { position: absolute; top: -50px; right: -10px; transform: rotate(129deg) scale(1.4); z-index: -1; }
.homesteps .txt-inner .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.homesteps .txt-inner .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }

.homesteps .step:before { display: block; content: ""; background-image: url(images/dot-grid-dblue.svg); background-size: cover; width: 150px; height: 150px; left: 0px; bottom: 0px; position: absolute; z-index: -1; }
.homesteps .step .txt-inner { position: relative; width: 100%; max-width: 890px; background-color: #fff; box-shadow: 0px 11px 20px #00000026; padding: 60px 90px 30px 90px; }
.homesteps .step .txt-inner .title { color: #062939; display: block; font-size: 2.5em; font-weight: 700; }
.homesteps .step .txt-inner .txt { font-size: 1.35em; margin: 15px 0px; display: block; }
.homesteps .step.img-left .stepno, .homesteps .step.img-left:before { left: auto; right: 0px; }
.homesteps .step.img-left .txt-inner { float: right; }

.homesteps .step .btn { font-size: 1.4em; margin-top: 30px; }

.homesteps .step.img-left .pentagon { right: auto; left: -50px; }

.homesteps .step.img-left img { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); z-index: -1; max-width: 40%; }
.homesteps .step.img-right img { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: -1; max-width: 40%; }

.center-img img { margin: 0 auto; }

.play-link { display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); border-left: 5px solid #f7941d; color: #fff; padding: 30px 20px; font-size: 2em; display: flex; align-items: center; justify-content: space-between; }
.play-link .play { width: 105px; height: 105px; background-color: #f7941d; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.play-link .play i { font-size: 1.3em; }
.play-link:hover .play { background-color: #005B86; }

.perks-box { position: relative; }
.perks-box img.main { position: absolute; top: 50%; right: 0px; height: auto; transform: translateY(-50%); }

.return-top { display: none; position: fixed; bottom: 20vh; left: 20px; height: 50px; width: 50px; border-radius: 50px; background-color: #f7941d; color: white; z-index: 99; }

.return-top.scrolled { display: flex; justify-content: center; align-items: center; }

.internal--page .open-days-banner.banner { height: 800px; }

.internal--page .career-support-banner.banner { height: auto; }

.open-days-banner .banner-img { position: absolute; right: 0; }

.orange-circles-banner { position: absolute; right: 37%; top: 197px; }
.open-days-banner .banner-img.pent-bg { z-index: -1; }
.blue-bar-top { width: 100%; height: 15px; }

.career-intro-bg { background-image: url(images/banner/career-support-banner.png); background-size: cover; }

.open-intro, .career-intro { color: #fff; }

.open-intro > div, .career-intro > div:last-child { width: 50%; }

.open-intro > div:first-child { margin-top: 100px; }

.career-intro { padding-bottom: 100px; }

.open-days { padding-top: 230px; grid-gap: 90px; }

.open-days-rel { position: relative; font-size: 1.5em; margin-bottom: 80px; }

.open-days-rel .open-circles { position: absolute; right: 43.5%; top: 0; transform: translateY(-57%); }

.open-days-rel .open-title { position: absolute; font-size: 2.5em; font-weight: 600; background-color: #062939; color: #fff; padding: 30px 40px; right: 50%; top: 0; transform: translate(86%, 34%); }

.open-days-rel .open-title > span { color: #F7941D; }

.open-days .open-text { margin-left: 45px; }

.open-days .open-text span, .open-days .open-text a { color: #005B86; font-weight: 600; }

.open-days .open-text a { text-decoration: underline; }

.open-form { background-color: #E7E7E7; position: relative; margin-bottom: 160px; padding: 45px; }
.open-form-title { color: #062939; font-size: 3.5em; font-weight: 600; }

.top-circles { position: absolute; right: 0; top: 0; transform: translate(43%, -43%); z-index: -1; }

.bottom-circles { position: absolute; left: 0; bottom: 0; transform: translate(-43%, 43%); z-index: -1; }

.open-bottom { padding: 80px 0; }

.open-bottom .fnt-scale-25 { font-weight: 600; }

.open-bottom .btn { width: auto; max-width: initial; font-size: 1.7em; padding: 26px 54px; }

.info-page .banner.open-days-banner h1, .banner.career-support-banner h1 { font-size: 4.3em; }

.how-we-help { grid-gap: 75px; margin-bottom: 160px; justify-content: center; }

.how-we-help > div { width: calc(100%/5); display: flex; grid-gap: 30px; flex-direction: column; align-items: center; }

.how-we-help .help-text { color: #062939; font-size: 1.4em; text-align: center; font-weight: 600; }

.career-support-rels { margin-bottom: 120px; }

.career-support-rels .rel-block { width: 50%; position: relative }

.career-support-rels .orange-pent, .career-support-rels .blue-circles, .career-support-rels .abs-text { position: absolute; }

.career-support-rels .orange-pent { top: 0; left: 0; transform: translate(-50%, -40%); z-index: -1; }

.career-support-rels .blue-circles { bottom: 0; right: 0; transform: translate(-75%, -15%); }

.career-support-rels .abs-text { top: 50%; transform: translate(-200px, -50%); background-color: #fff; padding: 45px; }

.no-prob-section .rel-block { position: relative; }

.no-prob-section .no-prob-title { font-size: 3.3em; line-height: 1em; }

.no-prob-section .orange-circles, .no-prob-section .blue-pent, .no-prob-section .no-prob-img { position: absolute; }

.no-prob-section .orange-circles { right: 0; top: -20px; }

.no-prob-section .blue-pent { left: 50%; transform: translateX(-50%); bottom: 0; }

.no-prob-section .no-prob-img { right: 0; top: 50%; transform: translateY(-50%); }

.no-prob-section { padding: 120px 0; }

.no-prob-section { background-color: #EFEFEF; }

.internal--page .banner.career-planning-banner { height: auto; }

.career-planning-form { background-color: #EFEFEF; padding: 60px 0 75px 0; }

.your-trade-jobs, .featured-jobs { padding: 60px 0 150px 0; }

.featured-jobs > .container > .flx-bx, .your-trade-jobs .container > .flx-bx { grid-gap: 15px; flex-wrap: wrap; justify-content: center; }

.featured-jobs .job-card, .your-trade-jobs .job-card { background-color: #fff; border: 1px solid #005B86; padding: 15px; width: calc((100% - 30px)/3); min-width: 320px; position: relative; padding-bottom: 80px; }

.featured-jobs .job-card { position: relative; padding-top: 30px; padding-bottom: 70px; }

.featured-jobs .job-card > .pinned { display: inline-block; position: absolute; top: 0; left: 0; }

.job-card .btn { max-width: initial; position: absolute; bottom: 0; width: calc(100% - 30px); left: 15px; }

.job-card a.btn { max-width: initial; position: absolute; bottom: 0; width: calc(100% - 30px); left: 15px; background-color: #005B86; }

.job-card a.btn:hover { background-color: #F7941D; }

.job-tags { grid-gap: 10px; }

.job-tags > div { background-color: #F7941D; padding: 5px; }

.job-tags > div.see-less { background-color: #005B86; margin-left: auto; cursor: pointer; width: 100px; display: none; justify-content: space-between; align-items: center; }

.job-tags > div.see-less > i { transition: all 0.6s; }

.job-tags > div.see-less.rotate > i { transform: rotate(0.5turn); }

.job-tags > div.see-less span::after { content: "less"; }

.job-tags > div.see-less.rotate span::after { content: "more"; }


.featured-jobs ul, .your-trade-jobs ul { list-style: none; }

.featured-jobs ul > li::before, .your-trade-jobs ul > li::before { content: "\2022"; color: #005B86; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.your-trade-jobs { background-color: #EFEFEF; }


.help-me { padding: 120px 0; }

.help-me > .container { position: relative; }

.help-me-img { position: absolute; top: -50px; right: 0; z-index: 99; }

.training-support { padding: 105px 0; background-color: #EFEFEF; overflow: hidden; }

.training-support { position: relative; }

.training-support-img { position: absolute; left: 0; top: 50%; transform: translate(-23%,-50%); }

.training-support-inner { margin-left: 700px; }

.training-support .ml-28 { margin-left: 28px; }

.our-trade-courses { padding: 60px 0 105px 0; }

.our-trade-courses .our-trade-courses-links a { color: #F7941D; font-weight: 600; text-decoration: underline; }

.career-form { margin: 75px 0 105px 0; }

.career-form > .container { background-color: #EFEFEF; padding: 60px; }

.career-form .outer-flex { grid-gap: 15px; }

.career-form .outer-flex > div { width: calc((100% - 30px)/3); }

.career-form .inner-flex { display: flex; flex-direction: column; justify-content: space-between; grid-gap: 30px; }

.career-form .editor-label { color: #005B86; font-size: 1.6em; margin-bottom: 15px; }

.career-form input, .career-form select { height: 65px !important; }

.career-form .form-field { min-height: 120px; }

.career-form .submit-flex, .open-form .submit-flex { display: flex; min-height: 120px !important; align-items: flex-end; justify-content: space-between; }
.career-form .recaptcha-trim { border: 2px solid #dcdcdc; height: 65px !important; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 302px; }

.career-form .btn { -webkit-appearance: none; color: #fff; max-width: initial; cursor: pointer; width: auto; line-height: 1; padding: 20px; text-align: center; display: block; margin: 0 !important; font-size: 1.5em; font-weight: 600; }

.career-form .btn:hover { background-color: #005b86; border: none !important; }

.career-form .radio-flex { height: 65px; grid-gap: 30px; }

.career-form .radio-flex > label > input { height: auto !important; }

.career-form .radio-flex > label > span { font-weight: normal; font-size: 1.6em; }


.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background-color: #062939 !important; color: #fff; text-align: center; padding: 0.3em; }


.dtp div.dtp-date, .dtp div.dtp-time { background-color: #005B86 !important; text-align: center; color: #fff; padding: 10px; }

.dtp .dtp-buttons { display: none; }

.dtp table.dtp-picker-days tr > td > a.selected { background: #F7941D; color: #fff; }



.form-grid { display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }

.form-grid .learn-more { grid-column: 1 / span 2; }

.form-grid .pos-rel { overflow: hidden; }

.form-grid .pos-rel .pos-abs { height: 55px; bottom: 5px; right: 1px; display: flex; align-items: center; font-size: 1.5em; color: #005B86; pointer-events: none; padding-right: 19px; background: #fff; }

.form-grid .divider { background: lightgray; width: 2px; height: 49px; margin-right: 20px; }

.form-grid input, select { font-size: 1.25em; font-family: 'sofia-pro',sans-serif; padding: 0 0 0 10px; color: #666666; }


.career-planning-form .form-grid { grid-template-rows: 1fr; max-width: 1000px; margin: 0 auto; }

.career-planning-form .editor-label { color: #005B86; font-size: 1.2em; margin-bottom: 15px; }

.career-planning-form #contactform label { font-weight: normal; }

.career-planning-form .form-field { min-height: initial; }

.career-planning-form .form-field.refine { display: flex; align-items: flex-end; }
.career-planning-form input, .career-planning-form select { height: 55px !important; }

.career-planning-form .btn { margin: 0 !important; color: #fff !important; padding-left: 0; max-width: 100%; }

.career-planning-form .btn:hover { background-color: #005B86 !important; border: none !important; }

.career-planning-form .form-grid .pos-rel.refine .pos-abs { color: #fff; background-color: transparent; }

.career-planning-form .form-grid .pos-rel .pos-abs { height: 40px; bottom: 5px; right: 1px; display: flex; align-items: center; font-size: 1.5em; color: #005B86; pointer-events: none; padding-right: 19px; background: #fff; }





.top-path { padding-bottom: 110px; position: relative; max-width: 1550px; width: calc(100vw - 120px); margin: 0 auto; }
.top-path .nums .num { width: 100px; height: 100px; display: flex; justify-content: center; align-items: baseline; color: #fff; font-size: 4.0rem; font-weight: 600; border-radius: 100%; }
.top-path .nums { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 400px; margin: 0 auto; }
.top-path .nums .num:nth-child(1) { background-color: #f7941d; }
.top-path .nums .num:nth-child(2) { background-color: #23A1D1; }
.top-path .nums .num:nth-child(3) { background-color: #062939; }
.top-path .path.left { border-top: 10px #f7941d solid; border-left: 10px solid #f7941d; border-radius: 5px 0px 0px 0px; height: calc(100% - 50px); width: calc(50% - 155px); position: absolute; left: 0px; bottom: 0px; }
.top-path .path.middle { background-color: #23A1D1; width: 10px; height: calc(100% - 100px); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; }
.top-path .path.right { width: calc(50% - 145px); height: calc(100% - 100px); position: absolute; bottom: 0px; right: 0px; }
.top-path .path.right .inner { width: 100%; height: 100%; position: relative; }
.top-path .path.right .inner span:nth-child(1) { height: 30%; width: 10px; position: absolute; display: block; left: 0px; top: 0px; background-color: #062939; }
.top-path .path.right .inner span:nth-child(2) { height: 10px; transform: translateY(-50%); width: 100%; position: absolute; display: block; left: 0px; top: 30%; background-color: #062939; border-radius: 5px; }
.top-path .path.right .inner span:nth-child(3) { height: 70%; width: 10px; position: absolute; display: block; right: 0px; bottom: 0px; background-color: #062939; }

.pathways-explained .path .bottom { position: relative; }

.bottom .p-line.left { position: absolute; width: 40%; right: 50%; top: 0px; height: 180px; }
.bottom .p-line.left .inner { height: 180px; width: 100%; position: relative; }
.bottom .p-line.left .inner span:nth-child(1) { width: 10px; height: 25%; position: absolute; display: block; left: 0px; top: 0px; background-color: #f7941d; }
.bottom .p-line.left .inner span:nth-child(2) { width: 100%; height: 10px; position: absolute; display: block; left: 0px; top: 25%; transform: translateY(-50%); border-radius: 5px; background-color: #f7941d; }
.bottom .p-line.left .inner span:nth-child(3) { width: 10px; height: 75%; position: absolute; display: block; right: 0px; bottom: 0px; background-color: #f7941d; }

.bottom .p-line.middle { position: absolute; width: 10px; left: 0px; top: 0px; height: 180px; background-color: #23A1D1; left: 50%; transform: translateX(-50%); }

.bottom .p-line.right { position: absolute; width: 40%; left: 50%; top: 0px; height: 180px; }
.bottom .p-line.right .inner { height: 180px; width: 100%; position: relative; }
.bottom .p-line.right .inner span:nth-child(1) { width: 10px; height: 75%; position: absolute; display: block; right: 0px; top: 0px; background-color: #062939; }
.bottom .p-line.right .inner span:nth-child(2) { width: 100%; height: 10px; position: absolute; display: block; right: 0px; top: 75%; transform: translateY(-50%); border-radius: 5px; background-color: #062939; }
.bottom .p-line.right .inner span:nth-child(3) { width: 10px; height: 25%; position: absolute; display: block; left: 0px; bottom: 0px; background-color: #062939; }

.networkbanner h1 { color: #fff; text-align: center; }
.networkbanner .top { font-size: 2.2em; margin-top: 30px; }
.networkbanner .dw-nav { display: block !important; }
.networkbanner .dw-nav i { background-color: #fff; color: #f7941d; }
.networkbanner .dw-nav button { border-radius: 100% !important; background-color: #fff !important; }

.locmap { position: relative; aspect-ratio: 1; background-image: url(images/assets/atw-map.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.locmap .marker { cursor: pointer; width: 4%; height: 4%; background-color: #062939; border-radius: 50px 50px 50px 5px; align-items: center; justify-content: center; display: flex; transform: rotate(-45deg) translate(-50%, -50%); }
.locmap .marker.on { background-color: #f7941d; width: 6.5%; height: 6.5%; }
.locmap .marker:hover { background-color: #f7941d; }
.locmap .marker:before { content: ""; width: 69%; aspect-ratio: 1; background-color: #fff; display: block; border-radius: 100%; }
.locmap .marker.card { position: absolute; bottom: 16%; left: 58%; }
.locmap .marker.birm { position: absolute; bottom: 26%; left: 68.5%; }
.locmap .marker.cove { position: absolute; bottom: 24%; left: 72%; }
.locmap .marker.kent { position: absolute; bottom: 7.5%; left: 81%; }
.locmap .marker.live { position: absolute; bottom: 35%; left: 61.5%; }
.locmap .marker.lond { position: absolute; bottom: 11%; left: 79%; }
.locmap .marker.manc { position: absolute; bottom: 38%; left: 68%; }
.locmap .marker.manchester { position: absolute; bottom: 36%; left: 68%; }
.locmap .marker.sheffield { position: absolute; bottom: 37%; left: 72%; }
.locmap .marker.york { position: absolute; bottom: 41.5%; left: 72%; }
.locmap .marker.sout { position: absolute; bottom: 8%; left: 69.5%; }
.locmap .marker.wqc { position: absolute; bottom: 15%; left: 78%; }
.locmap .marker.bristol { position: absolute; bottom: 12%; left: 60%; }
.locmap .marker.essex { position: absolute; bottom: 14%; left: 82%; }
.locmap .marker.reading { position: absolute; bottom: 11%; left: 76%; }
.locmap .marker.nottingham { position: absolute; bottom: 27%; left: 72.5%; }
.locmap .marker.newcastle { position: absolute; bottom: 54.5%; left: 74%; }
.locmap .marker.glasgow { position: absolute; bottom: 65.5%; left: 58%; }
.locmap .marker.leicester { position: absolute; bottom: 27.5%; left: 71%; }
.locmap .marker.edinburgh { position: absolute; left: 66%; top: 31%; }
.locmap .marker.leeds { position: absolute; bottom: 42%; left: 75%; }

.locmap * { transition: width .2s, height .2s, background-color .2s; }
a.underl { text-decoration: underline; }
#loc-carousel .slide i { width: 30px; text-align: center; margin-right: 5px; }
#loc-carousel .slide a:hover { color: #f7941d; }
#loc-carousel .dw-stage { display: flex; align-items: center; }
#loc-carousel .dw-stage { display: flex; align-items: center; }
#loc-carousel .dw-prev, #loc-carousel .dw-next { background-color: transparent !important; color: #f7941d; }
#loc-carousel .dw-prev i, #loc-carousel .dw-next i { font-size: 3.0em; background-color: transparent; color: #f7941d; }



.rel { position: relative; }

@media screen and (min-width:1900px) {
    .practising .block { left: 0% !important; }
}











@media screen and (max-width:1899px) {
    .reverse-flex .poly-blue { position: absolute; transform: translate(0, -5%); left: 0; }
    .reverse-flex .poly-dots { position: absolute; transform: translate(0, 15%); }
}

@media screen and (max-width: 1814px) {
    .home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -65px; }
    .home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -65px; }
    h1.lg-white { font-size: 2.75em; }
}

@media screen and (max-width:1799px) {
    .practising .block { left: 0% !important; }
    .blfrflex { justify-content: center; }
    .blfrflex .rbt { width: 100%; max-width: 1110px; margin-top: 30px; }
    .blfrflex .rbt .section.nogap { }
    .blfrflex .rbt .section.nogap > div { width: 100%; max-width: 283px !important; margin-bottom: 15px; }
    .blfrflex .rbt .bs { width: calc(100% / 3); }
    .blfrflex .rbt .bs .max-w-250 { max-width: 100% !important; }
    .blfrflex .rbt .bs .hbuff { min-height: 120px; }
    .blfrflex .rbt .bs h3.sm { font-size: 1.5em; }
}

@media screen and (min-width:1720px) {

    .networkbanner .dw-nav i { background-color: #fff; color: #f7941d; }
    .networkbanner .dw-nav button { width: 80px !important; height: 80px; font-size: 2.3em !important; }
    .networkbanner .dw-nav .dw-prev { left: -50px; }
    .networkbanner .dw-nav .dw-next { right: -50px; }

    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 60px); top: 30px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 100px); width: 100%; font-size: 2.2em; line-height: 1; }
    .banner.homepage .logos .tp { }
    .footer .top .head-office { padding-bottom: 56px; left: 50%; margin-left: -2405px; }
    .footer .top .head-office .text { width: 340px; padding-left: 7px; }
    .footer .top .links { padding-bottom: 80px; margin-left: -505px; }
    .footer .top .courses { padding-left: 50px; width: 710px; }
    .footer .top .academies { padding-left: 50px; width: 630px; }
    .footer .bottom .logo { width: 20.5%; }
    .footer .bottom .legal { width: 50%; text-align: right; padding-top: 10px; }
    .footer .bottom .legal div { padding-top: 10px; }
    .course__overview img { width: 100%; }
    .practising .block { position: absolute; left: 00%; }
    .slider--container.hide-controls-lg .bx-controls-direction { display: none; }
}

@media screen and (max-width:1719px) {
    .banner--top i { margin-left: 0; left: 15px; }
    .banner.homepage .logos .tp .trustpilot { transform: translate(-50%, -50%); }
}

@media screen and (min-width:1660px) and (max-width:1719px) {
    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 60px); top: 30px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 100px); width: 100%; font-size: 2.2em; line-height: 1; }
    .banner--top { font-size: 1em; }
    .footer .top .head-office { padding-bottom: 56px; left: 50%; margin-left: -2320px; }
    .footer .top .head-office .text { width: 290px; }
    .footer .top .links { padding-bottom: 80px; margin-left: -420px; }
    .footer .top .courses { padding-left: 40px; width: 560px; }
    .footer .top .academies { padding-left: 40px; width: 570px; }
    .footer .bottom .split { margin: 0 2px; }
    .footer .bottom .split.xl { display: block; text-indent: -10000px; line-height: 10px; }
    .footer .bottom .logo { width: 21%; }
    .footer .bottom .legal { width: 57%; text-align: right; padding: 10px 15px 0 5px; }
}

@media screen and (min-width:768px) and (max-width:1719px) {
    .overview--content .slider--container .dw-md-6 { max-width: calc( 50vw - 80px); }
}



@media screen and (min-width:1660px) {
    .banner.homepage .hero { margin-top: 190px; }
    .hidden-lg { display: none; }
    .news .text { max-width: 600px; }
    .news .left .text { float: right; }
    .news .right .text { float: left; }
    .banner--top .smlbtn.visible-lg { display: inline-block; float: none; }
    .phone--number a { font-size: 1.3em !important; }
    .course--page .banner { height: 896px; }
    .course--page .banner.appre-gas { height: 1015px; }
}

@media screen and (min-width:1660px) {
    .pathways-explained .container { max-width: 1760px !important; }
}


@media screen and (min-width:1230px) and (max-width:1659px) {
    .banner.homepage .hero { margin-top: 90px; }
    .banner.homepage .hero .top { line-height: 1; font-size: 5.0em; }
    .perks-box img.main { max-width: 35%; }
    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 30px); top: 15px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 60px); width: 100%; font-size: 1.8em; line-height: 1; }
}

@media screen and (max-width: 1499px) {
    .wickes.info-page #enquiryform .surround.checkatrade .editor-field.check { padding: unset; }
    .wickes.info-page #enquiryform .editor-field.check label.checkatrade input[type="checkbox"] { right: 0; }
}

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

    .top-circles { position: absolute; right: 0; top: 0; transform: translate(0, -43%); z-index: -1; }

    .bottom-circles { position: absolute; left: 0; bottom: 0; transform: translate(0, 43%); z-index: -1; }
}

@media screen and (min-width:1230px) and (max-width:1474px) {
    .homesteps .step.img-left img { left: 0px; }
    .homesteps .step.img-right img { right: 0px; }
    .visible-lg { display: none; }
    .footer .top .head-office, .footer .top .links { padding-top: 60px; }
    .footer .top .head-office { padding-bottom: 102px; left: 50%; margin-left: -2210px; }
    .footer .top .head-office .text { width: 290px; padding-left: 7px }
    .footer .top .links { padding-bottom: 30px; margin-left: -310px; }
    .footer .top .courses { padding-left: 30px; width: 450px; }
    .footer .top .academies { padding-left: 30px; width: 460px; padding-right: 7px; }
    .footer .bottom .logo { width: 25%; }
    .footer .bottom .legal { clear: both; float: none; width: 100%; text-align: center; padding: 30px 15px 0 5px; }
    .home-courses .text { top: 95px; }
    .banner .text { max-width: 700px !important; }
    .course-options .dw-md-3 { width: 25%; }
    .course-type.fifty { width: 68%; }
    .nav--middle li .atag { padding: 30px 5px !important; font-size: 1.1em !important; }
    .phone--number a { font-size: 1.1em !important; }
    .phone--number span.call-us { display: none; }
    .talk__experts span { max-width: 350px; }
    .salary--icon-one:after { width: 410px; }
    .image__container { width: 590px; }
    .top--link.courses { margin-left: 10px; }
    .nav--middle li div.top-div { overflow: auto !important; }
    .md-sml-font { font-size: 0.9em; }

    .overview--content .stages .stage .info { font-size: 0.9em; bottom: -180px; }
    .overview--content .stages .stage .info .number { top: 10px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }

    .overview--content .stages .why-choose { margin-top: 35px; margin-left: 50px; }

    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 48%; }
    .banner#electrical-form .eform { width: 40% !important; }
    .banner#electrical-form .rightside { width: 60% !important; }

    #home-carousel .course-card.home .btn { min-width: 345px !important; max-width: 345px !important; }
}

@media screen and (max-width: 1659px) {
    .form-grid { grid-template-rows: auto; grid-template-columns: repeat(2, 1fr); }

    .form-grid .submit-flex { grid-column: 2; }

    .form-grid .learn-more { grid-column: auto; }
}

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

    .no-prob-section .no-prob-text { max-width: 550px !important; }

    .info .dw-xs-3:not(.youtube-btn-wrapper) { width: 33.33%; }
    .youtube-btn-wrapper { width: 100%; margin: 15px auto !important; }
    .youtube-btn { margin: 15px auto !important; }

    .open-days .img-rel-res { position: relative; }

    .open-days-rel .open-title { top: auto; left: 0; bottom: 0; right: auto; transform: translate(0, 30%); }

    .open-days-rel .open-circles { position: absolute; right: 0; top: 0; transform: translate(31%,-31%); z-index: -1; }

    .open-days .flx-bx.max-w-690 { align-items: center; }
}

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

    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -35px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -35px; }
    .internal--page .banner { height: initial !important; padding-bottom: 50px; }

    .internal--page.industry-training-page .banner,
    .internal--page.package-levels-page .banner,
    .internal--page #about-us.banner,
    .internal--page.contactus-page .banner { padding-bottom: 50px; }
}

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

    #home-carousel { flex-wrap: wrap; justify-content: center; }


    .training-support-inner { margin-left: 600px; }

    .training-support-img { transform: translate(-40%,-50%); }

    .help-me .max-w-820 { max-width: 600px; }

    .career-intro > div:last-child { width: 100%; }

    .no-prob-section .no-prob-img { width: 50%; }

    .no-prob-section .orange-circles { top: 70px; }

    .no-prob-section .blue-pent { bottom: 70px; transform: translateX(-20%); }

    .open-intro .fnt-scale-43, .carer-intro .fnt-scale-43 { font-size: 3.8em !important; }

    .open-days-banner .banner-img { top: 250px; }

    .orange-circles-banner { top: 280px; }

    .career-support-rels .abs-text { top: 50%; transform: translate(-131px, -50%); background-color: #fff; padding: 30px; }

    .career-support-rels .blue-circles { transform: translate(-52%, 0); }
}

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

    .marg-btm-175 { margin-bottom: 60px; }

    .help-me-img { display: none; }

    .help-me .max-w-820 { max-width: 100%; }

    .career-intro-bg { background-image: none; }

    .pathways-explained .path .body li span { font-size: 1.2em; }
    .pathways-explained .path .body li { min-height: 45px; }
    .pathways-explained .path .body { min-height: 344px; }
    .pathways-explained:before { height: 850px; }
    .course.overview .banner .trustpilot-widget.narr { transform: none; }


    .open-days-rel .open-title { position: absolute; font-size: 2em; }

    .open-days .flx-bx.max-w-690 { max-width: 500px !important; }

    .open-intro .fnt-scale-16, .career-intro .fnt-scale-16 { font-size: 1.3em; }
}

@media screen and (min-width: 1230px) {

    #home-carousel { display: flex; padding: 0 4rem; justify-content: center; gap: 15px; }
    #home-carousel .course-card.home .btn { font-size: 2rem !important; min-height: 100px; min-width: 400px; max-width: 400px; flex-direction: column; padding: 50px 0; max-height: 192px; justify-content: end; border-radius: 4px; }
    #home-carousel .course-card.home .btn img { min-width: 50px; }
    #home-carousel .course-card.home:nth-of-type(2) img { width: 45px !important; min-width: 45px; }

    .btn.dblue:hover, a:hover .btn.dblue { color: #005b86; }
    .btn.green:hover, a:hover .btn.green { color: #7cc243; }
    .btn.blue:hover, a:hover .btn.blue { color: #fff; }
    .btn.orange:hover, a:hover .btn.orange { color: #f7941d; }
    .btn.purple:hover, a:hover .btn.purple { color: #a700d7; }
    .btn.yellow:hover, a:hover .btn.yellow { color: #a19f00; }
    .btn.grey:hover, a:hover .btn.grey { color: #888785; }
    .btn.aqua:hover, a:hover .btn.aqua { color: #00a198; }
    .btn.red:hover, a:hover .btn.red { color: #ee2f25; }
    .btn.white:hover, a:hover .btn.white { color: #fff; background-color: #062939; }
    .btn.multi:hover, a:hover .btn.multi { background-color: #ab49de; }
    .btn.onwhite:hover { background-color: #333 !important; color: #fff !important; }
    .btn.white.ghost:hover { }
    .inline-link:hover { text-decoration: none; }

    .fl-right-deskup { float: right; }
    .loc-hover.course--hover:before:hover, .loc-hover.course--hover:after:hover { opacity: 1; }

    .horizontal { padding: 73px 15px; }
    .horizontal--small { padding: 50px 15px; }
    .internal--page .banner .text { max-width: 950px; }
    .banner .text { max-width: 842px; }
    .banner .text.full { max-width: 100%; }
    .banner #enquiryform { float: right; width: 586px; }
    .banner#electrical-form #enquiryform { float: left; width: 540px; height: 590px; }
    .banner--overview #enquiryform { width: 33.3333333333333% !important; }
    .home-courses .section { margin: 0 -7px; }
    .home-courses .bs { padding: 0 7px; }
    .partners .bs { width: 16.285714%; }
    .news .text { max-width: 585px; }
    .news .left .text { padding-right: 30px; }
    .news .right .text { padding-left: 30px; }
    .course .container, .info-page .container { max-width: 1640px; }
    .more-info .row { position: relative; }
    .more-info .text.right { right: 0; }

    .practising.blue img { height: 722px; }
    .info-page .intro .internal .detail { font-size: 1.25em; max-width: 855px; display: block; }

    .info-page .about-confidence h2 { margin: 30px 0; }
    .info-page .about-confidence .btn { margin-top: 30px; }
    .info-page .centres .bs { min-height: 315px; }
    .info-page .centres.training .bs { min-height: 250px; }
    .info-page .intro .internal .ticks { margin-bottom: 15px; max-width: 735px; }

    .course-options .course-description .btn { position: absolute; max-width: 379px; width: 100%; }
    .banner__item .dw-md-8 { width: 57.93%; padding-right: 0; }
    .banner__item .dw-md-4 { width: 42.07%; }
    .three__stage-blocks .dw-lg-4 { width: 31.41%; }
    .three__stage-blocks .dw-lg-2 { width: 2.8%; padding: 0; }
    .segments .intro.course-guar .stages--arrow { transform: translateY(70%); }
    .stages--arrow { min-height: 70px; transform: translateY(230%); -webkit-mask: url(images/arrow.svg) no-repeat 100% 100%; mask: url(images/arrow.svg) no-repeat 100% 100%; background-color: #fff; width: 70px; height: 70px; margin: 0 -10px; }
    .stages--arrow.blue { -webkit-mask: url(images/arrow.svg) no-repeat 100% 100%; mask: url(images/arrow.svg) no-repeat 100% 100%; background-color: #062939; width: 70px; height: 70px; margin: 0 -10px; }
    .banner--overview #enquiryform .surround { padding: 10px 90px 20px; background-color: #062939; color: #fff; }
    .banner#electrical-form #enquiryform .heading { background-color: #fff; text-align: left; color: #062939; padding: 0px; font-size: 4.0em; line-height: 1.2; margin-bottom: 50px; }
    .banner#electrical-form #enquiryform form { box-shadow: none; position: static; margin-top: 30px; }
    .banner#electrical-form #enquiryform .surround { background-color: #fff; text-align: left; color: #062939; padding: 0px; }
    .banner#electrical-form #enquiryform .surround input { border: 1px solid #A3A3A3; }
    .banner#electrical-form #enquiryform input[type="submit"] { border: none; }
    .banner#electrical-form #enquiryform input[type="submit"]:hover { background-color: #062939; color: #fff; }
    .banner#electrical-form #enquiryform .editor-field.check input[type="checkbox"] { right: auto; left: 0px; }
    .banner#electrical-form #enquiryform .optin span { padding-left: 40px; font-size: 1em; }
    .banner#electrical-form #enquiryform .privacy-note { font-size: 1em; max-width: 380px; margin: 10px auto; text-align: center; }
    .banner#electrical-form #enquiryform .trustpilot-widget { max-width: 265px; width: 100%; padding-top: 15px; }

    .banner#landing-form { background-color: transparent; }
    .banner#landing-form:before { display: none; }
    .banner#landing-form #enquiryform .heading { background-color: #fff; text-align: left; color: #062939; padding: 0px; font-size: 4.0em; line-height: 1.2; margin-bottom: 50px; }
    .banner#landing-form #enquiryform form { box-shadow: none; position: static; margin-top: 30px; }
    .banner#landing-form #enquiryform .surround { background-color: #fff; text-align: left; color: #062939; padding: 0px; }
    .banner#landing-form #enquiryform .surround input { border: 1px solid #A3A3A3; }
    .banner#landing-form #enquiryform input[type="submit"] { border: none; }
    .banner#landing-form #enquiryform input[type="submit"]:hover { background-color: #062939; color: #fff; }
    .banner#landing-form #enquiryform .editor-field.check input[type="checkbox"] { right: auto; left: 0px; }
    .banner#landing-form #enquiryform .optin span { padding-left: 40px; font-size: 1em; }
    .banner#landing-form #enquiryform .privacy-note { font-size: 1em; max-width: 380px; margin: 10px auto; text-align: center; }
    .banner#landing-form #enquiryform .trustpilot-widget { max-width: 265px; width: 100%; padding-top: 15px; }
    .banner .rightside h1 { display: none; }
    .wickes.info-page #enquiryform.full-w-form .surround > .editor-field.tradepro { width: 82%; }

    .qualifications > .flex > .flex.adjust { gap: 50px; }
}

@media screen and (max-width: 1229px) {
    .qualifications > .flex { flex-direction: column; }





    .top-path { max-width: 850px; }

    #vacancyinfo .btn--orange { max-width: 40%; }
    .marg-btm-175 { margin-bottom: 30px; }
    .logos-location { grid-template-columns: repeat(2, 1fr); }

    .logos-location > .tp { order: -1; }
    .reverse-flex .poly-blue { display: none; }

    .reverse-flex .poly-dots { display: none; }
    .reverse-flex .map-section .container .bs { padding-left: 0; }
    .reverse-flex .map-section .btn { margin-left: 0; }
    .form-grid { grid-template-rows: auto; grid-template-columns: 1fr; }

    .form-grid .submit-flex { grid-column: auto; }

    .form-grid .form-field.flx-col.fl-ju-end { min-height: initial !important; }

    .training-support-inner { margin-left: 0; max-width: initial !important; }

    .training-support-img { display: none; }

    .no-prob-section .no-prob-img, .no-prob-section .blue-pent, .no-prob-section .orange-circles { display: none; }

    .no-prob-section .dbl-bg, .no-prob-section .no-prob-text { max-width: initial !important; }

    .career-support-rels { flex-direction: column; align-items: center; }

    .career-support-rels .rel-block { width: 90%; }

    .career-support-rels .abs-text { position: static; transform: translate(0, 0); }

    .how-we-help { flex-wrap: wrap; }

    .open-days { padding-top: 80px; }
    .perks-box img.main { width: 100%; position: static; transform: none; margin-bottom: 15px; }
    .perks-box .dw-md-8 { width: 100%; }

    .logo-row { justify-content: center; }
    .logo-row > div { padding: 15px; }
    .logo-row > div img { margin: 0 auto; float: none; width: auto !important; }

    .banner.homepage .hero .top { font-size: 3.5em; }
    .banner.homepage .hero strong { font-size: 4em; }
    .large-contact-cta { padding: 30px 0px; text-align: center; }
    .large-contact-cta .toright { float: none; }
    .large-contact-cta .toleft { float: none; }
    .large-contact-cta .btn { padding: 20px 40px; font-size: 1.4em; max-width: 100%; height: auto; margin: 0 auto; max-width: 400px; line-height: 1.2; }
    .large-contact-cta h2 { margin-top: 0px; }


    .banner.homepage .hero { margin-bottom: 50px; }

    .banner.homepage .logos { padding-top: 110px; position: relative; }
    .banner.homepage .logos .tp { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
    .banner.homepage .logos .log { width: 25%; }


    .img-w-orange-decor { float: none; margin: 0 auto 60px auto; max-width: 674px; }
    .img-w-orange-decor .pentagon { display: none; }
    .banner .rightside h1 { color: #062939; }
    .banner#electrical-form .eform { width: 100% !important; }
    .banner#electrical-form .rightside { width: 100% !important; float: left !important; }

    .banner#electrical-form #enquiryform form { position: static; }


    .banner.text--page { height: auto; }
    .visible-lg { display: none; }

    .section .textslide .dw-md-9 { display: none; }
    .section .textslide .dw-md-3 i { margin-right: 15px; }
    .section.textslide .dw-md-3 { width: 100% !important; }
    .section.textslide .dw-md-3 .btn-login { line-height: 25px; text-align: center; font-size: 1em; margin-bottom: 15px; color: #fff !important; text-transform: uppercase; background-color: #062939 !important; }
    .stages--arrow { display: none; }
    li.mobile { display: block; }
    li.mobile .social-link { display: inline-block; font-size: 1.5em; margin-right: 25px; }
    li.mobile a.nav__link--mobile { background-color: #062939; color: #fff !important; max-width: 210px; height: 50px; line-height: 30px; text-align: center; margin: 30px 15px 30px; }
    li.mobile .nav__link--mobile:hover { background-color: #005b86; }
    li.mobile a.mob--text { font-size: 2.5em; font-weight: 700; color: #666666; }
    .nav--last { width: 20%; position: absolute; right: 0; top: 38px; z-index: 99999999; }
    #enquiryform form { top: 15px; bottom: auto; }
    .banner--overview #enquiryform form { overflow: visible; }
    .course-levels .title { line-height: 40px; padding: 0 30px; }
    .course-levels .level-entry { min-height: 965px; }
    .more-info .practising .dw-md-7, .more-info .practising .dw-md-5 { width: 100%; }
    .practising img { float: none; width: 100%; }
    .more-info .practising .dw-md-7 { padding-left: 0; }
    .talk__experts .dw-md-7, .talk__experts .dw-md-5 { width: 100%; }
    .talk__experts h2 { padding-top: 40px; }

    .course.overview .banner .trustpilot-widget { width: 100%; transform: none; }

    .checka-box .title { font-size: 1.3em; }

    .checka-box .txt { font-size: 1.3em; max-width: 100%; }

    .checka-box .top h2 { font-size: 2.0em; }

    .checka-box { margin-top: 100px; }

    .contact-cta { background-color: #062939; }
    .contact-cta h2 { color: #fff; display: block; text-align: center; }
    .contact-cta .container { position: relative; padding: 30px; }
    .contact-cta .btn { position: static; transform: none; margin: 30px auto 0px auto; font-size: 1.6em; max-width: 430px; line-height: 80px; height: 80px; }
    .contact-cta .btn:hover { background-color: #043449; }

    .open-days { justify-content: center; }

    .open-days .open-days-rel { flex-direction: column; }
    .open-days .vert-bar { display: none; }

    .open-days .flx-bx.max-w-690 { max-width: 700px !important; }

    .open-days .open-text { margin-left: 0; margin-top: 50px; }




    .wickes.info-page .logo-row { position: relative; }
}

@media screen and (max-width:1050px) {
    #vacancyinfo .btn--orange { max-width: 30%; }
    .dots-lg { display: none; }
    .poly-orng { position: absolute; right: 0; bottom: -25px; transform: rotate(45deg); }
    .transport-cards { padding: 0 15px; }
}

@media screen and (max-width: 991px) {
    .course-unavailable-banner { font-size: 0.85rem; }
}



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


    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 60px); width: 100%; font-size: 1.8em; line-height: 1; }
    .play-link { font-size: 1.5em; }
    .play-link .play { width: 70px; height: 70px; }
    #enquiryform.full-w-form .surround > .editor-field { width: calc(100% / 3); }
    #enquiryform.full-w-form .surround .section { width: 100%; margin-top: 10px; }
    #enquiryform.full-w-form .surround .section > div { padding: 10px; }
    .banner.homepage .hero { margin-top: 50px; }
    .youtube__video .info { font-size: 0.8em; }
    .youtube__video .info .dw-xs-3 { padding: 0px 5px; }
    .homesteps .step.img-left img { position: static; left: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 70%; }
    .homesteps .step.img-right img { position: static; right: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 70%; }
    .phone--number { display: none; }
    .training-questions .container { max-width: 100%; padding: 0; }
    .course-type.fifty { width: 82%; }
    .course-type .option { margin-left: 6px; width: 32%; }
    .nav--middle .subcat a.overview span { display: none; }
    #headerleft { width: 101% !important; }
    #headerleft i { width: 50px; height: 50px; line-height: 50px; font-size: 4em; }
    .footer .top .head-office, .footer .top .links { padding-top: 60px; }
    .footer .top .head-office { padding-bottom: 90px; left: 50%; margin-left: -2100px; }
    .footer .top .head-office .text { width: 270px; }
    .footer .top .links { padding-bottom: 30px; margin-left: -200px; }
    .footer .top .courses { padding-left: 30px; width: 360px; }
    .footer .top .courses .bs { width: 55%; }
    .footer .top .courses .bs:nth-child(2n+1) { width: 45%; }
    .footer .top .academies { padding-left: 20px; width: 320px; }
    .footer .top .academies .dw-md-6 { width: 55%; padding-left: 0px; }
    .footer .top .academies .dw-md-6:nth-child(2) { width: 45%; padding-left: 0px; }
    .course-options .dw-md-3:nth-child(2n+1) { clear: both; }
    .footer .bottom .logo { width: 30%; }
    .footer .bottom .legal { clear: both; float: none; width: 100%; text-align: center; padding: 30px 15px 0 5px; }
    .partners .bs:nth-child(5) { margin-left: 12.5%; }
    .news .text { }
    .news .left .text { padding-right: 30px; }
    .news .right .text { padding-left: 30px; }
    .internal--page .banner { height: auto; }
    .banner .text h1, .info-page .banner h1 { margin-top: 30px; font-size: 3.5em; }
    .banner .text h2 { font-size: 2.7em; margin: 30px 0; }
    .overview .banner .text h1 { margin-top: 0; }
    .overview .text span { margin-top: 15px; }
    .course-options .course-description { min-height: auto; }
    .info-page .centres .bs .block__blue { min-height: 470px; }
    .info-page .centres .block__dark-blue { min-height: 510px; }
    #enquiryform .call .btn, .landingpage.theme3 #enquiryform .call .btn { font-size: 1.1em; }
    .video .salary { padding: 15px; }
    .video .salary .image { position: relative; top: 0; left: 0; margin: 0 auto 15px; max-width: 146px; }
    .video .salary .text { text-align: center; padding-left: 0; }
    .video .salary em { margin-top: 15px; }
    #popup.locations .centre-viewer { max-width: 940px; }
    .centre-viewer .toleft { padding-right: 0px; }
    .centre-viewer a { padding: 10px 150px 10px 90px; margin-top: 10px; }
    .centre-viewer .miles { top: 10px; width: 60px; }
    .centre-viewer .btn { position: absolute; top: 10px; right: 10px; max-width: 130px; }
    .centre-viewer .btn span { display: none; }
    .centre-viewer .btn i { margin-left: 5px; }
    .phone-icon:not(.black) { display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
    .phone-icon:not(.black) a { color: #fff; background-image: url(images/telephone.svg); }
    .nav--last li.search-btn { display: none; }
    .banner-reviews .points i { font-size: 3.1em; }
    .banner--top a { font-size: 1em; }
    .banner--overview { height: 1020px; }
    .course__overview img { width: 100%; }
    .course--hover:after { max-width: none; }
    .overview__logos { justify-content: center; }
    #enquiryform .heading { padding: 15px 20px 0; }
    #enquiryform .surround { padding: 15px 25px 20px; }
    .course.overview #enquiryform { margin: 25px 0; }
    .more__two .dw-md-7, .more__two .dw-md-5 { width: 100%; }
    .image__container { margin-bottom: 25px; }
    .image__container img { left: -180px !important; }
    .course-options .dw-md-3 { width: 50%; }
    .expected .white_box { max-width: 100%; }
    .yt-container { padding-top: 126%; background-position: center; }
    .sign__up h2 { font-size: 1.9em; }
    .banner--text { padding: 10px; }
    .banner--text-quote { font-size: 1.65em; padding-right: 25px; }
    .new__tab .practising .dw-md-6, .more__two .dw-md-6 { width: 100%; }
    .more--background { background-position: 50%; background-image: none; }
    .salary--icon-one:after { width: 300px; -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate( -20deg ); transform: rotate( -20deg ); bottom: 80px; left: 50%; }
    .salary--icon-two:after { width: 400px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); bottom: 185px; left: 40%; }
    .salary--icon-three { left: 100px; }
    .course--page .banner { height: auto; }
    .overview--content .stages .stage .info { font-size: 0.9em; bottom: -210px; }
    .overview--content .stages .stage .info .number { top: -7px; font-size: 12em; left: -21px; }
    .overview--content .stages .stage .info .inner-rel { padding: 30px 30px 30px 110px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }
    .overview--content .stages .why-choose { margin-top: 0px; margin-left: 30px; }
    .overview--content .stages .why-choose h2 { font-size: 2.5em; margin-bottom: 15px; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 2.0em; font-weight: 600; max-width: 282px; width: 100%; margin-top: 0px !important; display: block; }
    .overview--content .is--right .image--container img { max-width: 76%; }
    .overview--content .is--right .image--container .info { max-width: 415px; bottom: -170px; }
    .overview--content .is--right .image--container .info .inner { padding: 30px 30px 30px 80px; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.5em; line-height: 1.2; }
    .overview--content .is--right .image--container .info .inner img { top: 30px; left: 16px; width: 50px; }
    .overview--content .is--right .image--container .pentagon { bottom: 87px; left: 35px; transform: rotate(129deg) scale(2.0); }
    .overview--content .why--become .image--container .info { width: 100%; right: auto; left: 0px; font-size: 0.8em; padding: 30px; transform: none; }
    .overview--content .why--become .image--container .spot--dec { z-index: -1; bottom: -89px; left: -45px; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 35%; }
    .pathways-explained { padding-top: 50px; }
    .pathways-explained .path .body li { padding-left: 30px; display: block; margin-bottom: 10px; min-height: 72px; }
    .pathways-explained .path .body li i { position: absolute; top: 6px; left: 0px; font-size: 1.5em; }
    .pathways-explained .path .body li span { text-align: left; display: block; font-weight: 600; }
    .pathways-explained .top h2 { margin-bottom: 55px; }
    .pathways-explained:before { height: 630px; }
    .pathways-explained:after { background-size: contain; max-width: 1230px; background-position: top; }
    .pathways-explained .path .body { padding: 15px; }
    .pathways-explained .path .top .title { padding: 10px 0px 15px; font-size: 1.8em; }
    .pathways-explained .path .bottom { }
    .slider--container.noslide .dw-md-3 .inner a { width: 67%; font-size: 1.1em; height: 50px; line-height: 50px; }

    .course-unavailable-banner { font-size: 1rem; }


    .wickes.info-page #enquiryform.full-w-form .surround { gap: 10px; }
    .wickes.info-page #enquiryform.full-w-form .surround > .editor-field { width: 100%; }
    .wickes.info-page .partners .tp { transform: scale(1) translateX(-50%); position: absolute; bottom: -50px; left: 50%; max-width: unset; }
    .wickes.info-page .course-card.home { width: 30%; }
}

@media screen and (min-width:992px) {
    .hidden-tabup { display: none; }
    #loc-carousel .dw-prev { left: -20px; }
    #loc-carousel .dw-next { right: -20px; }

    .vert-padd-60-tabup { padding: 60px 0px; }
    .mob-fix-bann-link { display: none; }
    .form-surround .sm-screen { display: none; }
    .video__content.fl-right-tabup { max-width: 740px; float: right; }
    .banner .rightside { max-width: 875px; float: right; padding-top: 50px; }
    .stage { max-height: 420px; }
    .industry .text .box { padding: 16px 10px; }
    .industry .text .center .dw-md-7 { float: right; }
    .section.textslide .dw-md-9 { width: 82%; }
    .section.textslide .dw-md-3 { width: 18%; }
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { height: 50px; }
    select { height: 50px; line-height: 50px; }
    .news .text { width: 100%; padding: 40px 30px; display: flex; flex-direction: column; }
    .news .left .text { float: right; }
    .news .right .text { float: left; }
    .enroll .video { float: right; width: 43%; }
    .enroll .text { width: 57%; }
    .enroll .text.full { width: 100%; float: none; }
    .section.cent-vert-rel .cent-vert-ab .btn { max-width: 250px; }
    .section.cent-vert-rel { position: relative; }
    .section.cent-vert-rel .cent-vert-ab { position: absolute; top: 50%; transform: translate(0px, -50%); }
    .section.cent-vert-rel .cent-vert-ab.right { right: 0px; }
    .right-md { float: right !important; }
    .more-info .text.right, .info-page .segments .text.right { padding-right: 15px; padding-left: 30px; }
    .more-info .right, .more__two .right { float: right; padding-left: 0; }
    .double--image .right { padding: 0; }
    .info-page .right { float: right; }
    .info-page .intro img.top { margin: 80px auto 0; }
    .info-page .intro img.bottom { padding-bottom: 50px; margin: auto; }
    #contactform .btn { margin-top: 14px; margin: 0px; width: 100%; max-width: 100%; }
    .info-page .intro .internal .ticks .row:first-child { margin-top: 30px; }
    .info-page .review-videos { padding: 50px 0 50px; }
    .review-videos .video { width: 33.3333333333%; margin-top: 15px; }
    #enquiryform .share .bs:nth-child(2) { display: none; }
    #enquiryform .share .bs:nth-child(3) { background-color: #062939; }
    #course-options, .option-label { display: none; }
    .news .text strong { line-height: 1.2; min-height: 160px; margin-top: 5px; overflow: hidden; max-width: 100%; }
    .centre-viewer .section { position: relative; }
    .centre-viewer .toright { float: right; }
    .centre-viewer .toleft { position: absolute; top: 0; left: 0; height: 100%; }
    .centre-viewer .toleft img { }
    .btn-login { background-color: #062939; height: 40px; line-height: 40px; margin-top: 10px; display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 0.85em; }
    .btn-login:hover { background-color: #fff; color: #062939 !important; }
    .btn-login i { font-size: 1.5em; margin-right: 15px; }
    .becoming .dw-lg-3 { width: 20%; }
    #enquiryform .share .mob { display: none; }
    #enquiryform .share .desk { display: block; }
    .split__block .dw-md-6.image { float: left; padding: 0; }
    .split__block .dw-md-6.text { float: right; }
    .block--images .dw-sm-6 { width: 42.4%; float: right; }
    .block--images .dw-sm-6.left { padding-left: 0; }
    .block--images .dw-sm-6.right { padding-right: 0; }
    .block--images .dw-sm-12 { width: 85%; float: right; }
    .course__experts .image__container .section { margin-left: -90px; margin-right: 15px; }
    .banner__slider .dw-md-4.right { float: right; }
    .banner--overview .btn--blue { display: none; }
    .banner--overview #enquiryform .fas.fa-times { display: none !important; }
    .banner--overview #enquiryform .call-free { display: none !important; }
    .banner--overview h2.sm { display: none; }
    .banner--overview h2.lg { display: block; }
    .course.overview #enquiryform.visible-xs { display: none; }
    .spot--dec { }
    br.mob-only { display: none; }
    .wickes.info-page #enquiryform .priv-mob { display: none; }
    .course-banner:has(.course-unavailable-banner) { padding-top: 200px; }
}


@media screen and (min-width: 1440px) {
}

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

@media screen and (min-width: 1231px) and (max-width: 1439px) {
    .wickes.info-page.internal--page .banner > .container { padding: 30px; }
}

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

    .wickes.info-page #enquiryform.full-w-form .surround.checkatrade { gap: 10px; }
    .course-banner.plumb-heat .course-banner-content,
    .course-banner.plumb-heat .course-banner-title { max-width: 850px; }
}

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

@media screen and (min-width: 576px) and (max-width: 991px) {
    .banner:has(.course-unavailable-banner), .course-banner:has(.course-unavailable-banner) { padding-top: 216px; }
}

@media screen and (min-width: 768px) and (max-width: 1230px) {
    #home-carousel { display: grid; grid-template-columns: repeat(3, 1fr); }
    #home-carousel .course-card.home { height: 100%; }
    #home-carousel .course-card.home .btn { font-size: 1.3rem !important; min-height: 100px; flex-direction: column; padding: 50px 0; justify-content: end; flex-grow: 0; flex-shrink: 0; height: 100%; }
}


@media screen and (max-width:991px) {
    .overview-card-grid { grid-template-columns: 1fr; }
    #loc-carousel .dw-stage { display: flex; align-items: start; }
    .locmap { display: none; }
    #loc-carousel .dw-prev, #loc-carousel .dw-next { width: 30px; height: 30px; font-size: 0.65em; }
    .networkbanner h1 { font-size: 1.6em; }
    .networkbanner .fnt-em-12.txt { font-size: 1em; }
    .appr-top h3.lg-white { margin: 10px 0px; }

    .top-path { display: none; }
    .bottom .p-line { display: none; }
    .pathways-explained .path .bottom { padding-top: 30px; }

    .overview--content .why--become .image--container { padding-top: 30px; }
    .home-featured-jobs { font-size: 0.85em; padding: 0px; margin: 0px !important; }
    .home-featured-jobs .info { font-size: 1.4em; }
    .home-featured-jobs .info-row { padding: 10px 0px 10px 25px; font-size: 0.8em; }
    .home-featured-jobs .title { min-height: 60px; }
    .home-featured-jobs .title h3 { margin: 0px; }
    .home-featured-jobs .inner { min-height: 550px; }
    .flex-form-buttons { display: flex; flex-direction: column; }
    #vacform .g-recaptcha { margin-left: 0; transform: scale(0.89); transform-origin: 0 0; position: static; }
    #vacancyinfo .btn--orange { max-width: 100%; }
    .reverse-flex .map-section { margin: 45px 0; background-color: #fff; box-shadow: 0 2px 8px #00000040; padding: 45px; }
    .pathways-flex { display: flex; justify-content: center; grid-gap: 80px; flex-direction: column; }
    .form-surround .sm-screen { display: block; }
    .form-surround .lg-screen { display: none; }
    .career-intro { padding: 75px 0; }
    .open-intro > div, .career-intro > div { width: 100%; }
    .orange-circles-banner, .open-days-banner .banner-img { display: none; }
    .open-bottom .flx-bx { flex-direction: column; align-items: center; }
    .open-bottom .flx-bx div { text-align: center; }
    .open-days-rel .open-circles { transform: translate(20%,-20%); }
    .return-top:hover { background-color: #062939; }
    .overview--content .why--become .image--container .youtube { position: relative; padding-top: 56.25%; }
    .overview--content .why--become .image--container .youtube iframe { position: absolute; top: 0px; left: 0px; }
    .overview--content .why--become .image--container.w-vid img { display: none; }
    .hidden-tabdown { display: none; }
    .spot--dec { width: 100px; height: 100px; }
    .overview--content .stages .stage.lg-alt .extra-info { display: none; }
    .banner--overview.w-vid .banner--checklist { margin: 30px 0px; }
    .play-link { }
    .play-link .play { margin-bottom: 15px; }
    .footer { padding-bottom: 65px !important; }
    .homesteps .step.img-left img { position: static; left: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 80%; margin: 0 auto; }
    .homesteps .step.img-right img { position: static; right: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 80%; margin: 0 auto; }
    .banner__item img { height: auto !important; }
    .banner__slider .bx-wrapper .bx-pager { bottom: 40px; }
    .image__container { float: none; width: 628px; height: 535px; }
    .youtube__video { margin-top: 30px; }
    .low__cost-training { margin-top: 0; }
    .recommend--title { font-size: 1.8em; }
    .image__text { font-size: 6.4em; }
    .expected .white_box { max-width: 100%; min-height: 360px; padding: 20px; }
    .banner__slider .trustpilot { padding: 0; margin-bottom: 15px; width: 100%; }
    .banner .trustpilot-widget { max-width: 100%; }
    .training-questions .container { max-width: 100%; }
    .slider__popup .dw-sm-6 { padding: 0 15px; }
    .talk__experts .image__container .section { margin-left: -30px; }
    .more__two { padding-top: 50px; }
    .overview--content .stages .why-choose { margin: 0px !important; }
    .overview--content .why--become .image--container .info { position: static; transform: none; margin: 0 auto 60px auto; max-width: 760px; padding-bottom: 0px; }
    .overview__logos { display: block !important; }
    .overview__logos img { display: block; float: left; padding: 0px 10px; }
    .overview__logos img:nth-child(1) { width: 51%; }
    .overview__logos img:nth-child(2) { width: 29%; }
    .overview__logos img:nth-child(3) { width: 20%; }
    .overview__logos .trustpilot { display: block; float: left; width: 100% !important; max-width: 100% !important; padding-top: 30px; }
    .overview__logos .trustpilot .trustpilot-widget { max-width: 100% !important; }
    .banner--overview #enquiryform.hide { display: none; opacity: 0; }
    .banner--overview #enquiryform.show { overflow: auto; opacity: 1; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #151724; }
    .banner--overview #enquiryform.show .heading { background-color: #151724; }
    .banner--overview #enquiryform.show .surround { background-color: #151724; }
    .banner--overview #enquiryform .fas.fa-times { float: right; color: #fff; padding: 30px 15px 0px 0px; font-size: 2.5em; cursor: pointer; }
    .banner--overview #enquiryform .fas.fa-times:hover { color: #f7941d; }
    .banner--overview h1 { margin-top: -15px; }
    .banner--overview .btn--blue { display: block; text-align: center; color: #fff; font-weight: 600; font-size: 1.6em; padding: 10px 10px; max-width: 400px; margin: -50px 0px 40px; display: none; }
    .banner--overview #enquiryform .call-free { display: block; color: #fff; font-weight: 700; text-align: center; padding: 10px 0px; font-size: 1.4em; }
    .banner--overview #enquiryform .call-free a { color: #f7941d; }
    .banner--overview #enquiryform .call-free a:hover { color: #fff; }
    .overview--content { padding-bottom: 310px; }
    .overview--content.alt { overflow: hidden; padding-bottom: 0px; }
    .checka-box .top h2 { margin-top: 30px; }
    .pathways-explained { padding: 50px 0px; }
    .pathways-explained:before { height: 100%; }
    .pathways-explained .top h2 { margin-bottom: 100px; }
    .pathways-explained:after { width: 1633px; background-position: top; background-size: contain; }
    .single-course-page div.flx-bx { flex-wrap: wrap; }

    .contact-submit-loader { position: absolute; left: 45%; top: 30%; }



    .wickes.info-page.internal--page { padding-top: 75px; }
    .wickes.info-page.internal--page .banner { padding-top: 30px; height: 820px !important; }
    .wickes.info-page .wickes-intro { flex-direction: column-reverse; align-items: flex-start; }
    .wickes.info-page .wickes-intro img { width: 258px; height: 122px; }
    .wickes.info-page .wickes-intro h1 { font-size: 1.75rem; }
    .wickes.info-page .wickes-intro .text { font-size: 0.95rem; padding-bottom: unset; line-height: 25px; }
    .wickes.info-page .wickes-intro .text strong { font-size: 0.95rem; margin-top: 0; }
    .wickes.info-page .wickes-intro ul { padding-left: 20px; }
    .wickes.info-page .wickes-intro ul li { font-weight: 400; }
    .wickes.info-page .how-to-claim { margin-bottom: 30px; }
    .wickes.info-page .how-to-claim .steps { padding: 0 15px; gap: 15px; }
    .wickes.info-page .how-to-claim .title { font-size: 1.875rem; max-width: 280px; margin: auto; line-height: 35px; padding: 30px 30px 20px 30px; }
    .wickes.info-page .how-to-claim .discount-step { height: 100px; }
    .wickes.info-page .how-to-claim .discount-step .number { font-size: 2rem; line-height: 95px; }
    .wickes.info-page .how-to-claim .discount-step .content { font-size: 1rem; padding: 20px; }
    .wickes.info-page .career-support-form .call-free { font-size: 1.4rem; }
    .wickes.info-page .career-support-form #enquiryform.full-w-form { width: 100%; margin: auto; box-shadow: none; }
    .wickes.info-page .career-support-form #enquiryform.full-w-form .form-btm { width: 100% !important; flex-direction: column; }
    .wickes.info-page #enquiryform.full-w-form .optin span { float: unset; }
    .wickes.info-page #enquiryform.full-w-form .optin input { transform: translateY(-50%); }
    .wickes.info-page #enquiryform.full-w-form .priv { display: none; }
    .wickes.info-page #enquiryform.full-w-form input[type="submit"] { max-width: unset !important; height: 60px !important; }
    .wickes.info-page #enquiryform .editor-field.check { margin-bottom: 0; }
    .wickes.info-page .partners { padding: 0 10px 0 10px; }
    .wickes.info-page .partners .title { font-size: 1.875rem; line-height: 36px; padding: 0; padding-top: 30px; }
    .wickes.info-page .partners .tp { transform: translateX(-50%); left: 50%; width: 100%; padding: 0; }
    .wickes.info-page .logo-row { padding: 40px; column-gap: 50px; }
    .wickes.info-page .logo-row > div { width: 40%; }
    .wickes.info-page .courses { padding: 0; }
    .wickes.info-page .courses .title { font-size: 1.875rem; line-height: 52px; }
    .wickes.info-page .reviews-section .title { font-size: 1.875rem; line-height: 36px; padding: 20px 0; }

    .internal--page.industry-training-page .banner,
    .internal--page.package-levels-page .banner,
    .internal--page #about-us.banner,
    .internal--page.contactus-page .banner { padding-top: 50px; }

    .internal--page .banner { padding-top: 50px; }

    .faqs.new-new.course-packages .faq .a .txt .recommended .btn.orange { margin: auto; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {


    .nav-buffer { height: 160px; }

    .nav-buffer.sml { height: 160px; }

    .play-link { font-size: 1.2em; margin-bottom: 15px; }
    .play-link .play { width: 70px; height: 70px; }
    .play-link-bs { max-width: 100% !important; }
    .play-link .max-w-330 { max-width: calc(100% - 80px); padding-left: 15px; font-size: 1.5em; }
    #enquiryform.full-w-form .surround > .editor-field { width: calc(100% / 3); }
    #enquiryform.full-w-form .surround .section { width: 100%; margin-top: 10px; }
    #enquiryform.full-w-form .surround .section > div { padding: 10px; }
    #enquiryform.full-w-form .surround .check { line-height: 1; }
    .youtube__video .info { position: static; transform: none; }
    .video__block .video__content { padding-bottom: 0px; }
    .youtube__video .spot--dec { bottom: -44px; left: -15px; }
    .slider--container.noslide .dw-md-3 { width: 50% !important; float: left; margin-bottom: 15px; }
    .emp__block.three img { display: none; }
    .new__tab .image__container { height: 438px; }
    .salary__block h2 { margin-bottom: 105px; }
    .salary--icon-one:after { -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); left: 30%; width: 280px; }
    .salary--icon-two:after { left: 25%; -ms-transform: rotate(-33deg); -o-transform: rotate(-33deg); -moz-transform: rotate(-33deg); -webkit-transform: rotate(-33deg); transform: rotate(-60deg); bottom: 217px; width: 345px; }
    .salary--icon-three { left: 60px; top: -100px; }
    .low__block--two .low__block--text { left: 30%; }
    .footer .top { position: relative; }
    .footer .top .head-office { width: 50%; padding-top: 60px; padding-bottom: 85px; }
    .footer .top .head-office .text { width: 360px; }
    .footer .top .links { width: 100%; left: 0; max-width: 750px; padding: 0 15px; margin: 0 auto; float: none; clear: both; position: static; }
    .footer .top .academies { position: absolute; top: 0; left: 50%; padding-top: 60px; width: 360px; padding-left: 40px; }
    .footer .top .academies .dw-md-6:nth-child(2) .title { margin-top: 24px; }
    .footer .top .courses { padding: 25px 0 55px; }
    .footer .bottom .logo { width: 39%; }
    #enquiryform .editor-field.check { margin-bottom: 0px; line-height: 40px; }
    .search .search-bar input { height: 50px; }
    .search .surround .btn { height: 50px; line-height: 50px; }
    .home-courses .bs .surround { float: left; margin-left: 10px; }
    .home-courses .bs:nth-child(2n+1) .surround { float: right; margin-right: 10px; }
    .news .text { max-width: 750px; padding: 1rem; }
    .side .guide { }
    #contactform .btn { margin-top: 19px; }
    #enquiryform .share .bs:nth-child(2) { display: none; }
    #enquiryform .share .bs:nth-child(3) { background-color: #062939; }
    #course-options, .option-label { display: none; }
    #popup.locations .centre-viewer { max-width: 720px; }
    .footer .bottom .dw-tag { text-align: center !important; }
    .footer .bottom .links { text-align: center !important; }
    .footer .links.bs span.btm-links { display: block !important; text-align: center; }
    .industry .text .bottom { max-width: 100%; }
    .banner--top a { font-size: 0.8em; }
    .three__stage-blocks .dw-lg-4.career { margin: 0 25%; }
    .overview--content .why--become .image--container .spot--dec { background-image: radial-gradient(#005b86 4px, #000000 0); background-size: 20px 20px; width: 100px; height: 100px; position: absolute; bottom: -63px; left: 45px; z-index: -1; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 1.5em; font-weight: 600; max-width: 198px; width: 100%; margin-top: 0px !important; display: block; }
    .overview--content .stagger--chart .bar .inner-bar .value { font-size: 2.5em; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.6em; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 65%; }
    .pathways-explained.course-path .path .top::before { display: none; }


    .wickes.info-page #enquiryform.full-w-form .surround { gap: 10px; }
    .wickes.info-page #enquiryform.full-w-form .surround > .editor-field { width: 100%; }

    .wickes.info-page .partners .tp { position: absolute; bottom: 0; }
    .wickes.info-page .course-card.home { width: 45%; }
}



@media screen and (min-width: 768px) {
    .enquire-mobile { display: none; }
    .drop-button { display: none; }
    .show-controls-xs .bx-controls { display: none; }
    .popup .view.xmas .mobimg { display: none; }
    .youtube.mob-load { display: none; }
}





@media screen and (max-width: 767px) {
    .youtube.desk-load { display: none; }
    .overview--content .why--become .image--container .youtube.mob-load { padding-top: 100%; }
    .overview-card-grid .img-bg { min-height: 120px; }

    .latest__news.mini .title .allnews { position: static; float: none; margin: 30px auto; display: block; }
    .chev-list .fnt-rem-18 { font-size: 1.2rem; }
    .chev-list .fnt-w-300 { font-size: 1rem; }
    .chev-list img { width: 20px; }
    .chev-list .p-l-30 { padding-left: 15px; }

    h1.lg-or { margin-bottom: 0px; }
    h2.lg-or { margin-bottom: 0px; }
    h3.lg-or { margin-bottom: 0px; }
    #vacform .g-recaptcha { margin-bottom: 45px; }
    .overview--content { padding-bottom: 30px; }
    .logos-location { grid-template-columns: 1fr; justify-content: center; }
    .logos-location > div:not(.tp) { display: none; }
    .logos-location > .tp { overflow: hidden; }
    .career-support-rels .orange-pent, .career-support-rels .blue-circles { display: none; }
    .how-we-help { grid-gap: 30px; margin-bottom: 45px; }
    .how-we-help > div { width: 60%; }
    .banner--top span.rest { display: none; }
    .logo-row { position: relative; padding-bottom: 50px; }
    .logo-row > div { width: 25%; padding: 15px 0px; }
    .logo-row .tp { width: 100%; position: absolute; left: 0px; bottom: 0px; max-width: 100%; }
    .logo-row .tp .trustpilot-widget { margin: 0 auto !important; }
    #enquiryform.full-w-form { margin: 30px auto 0px; width: calc(100vw - 60px); box-shadow: 0px 11px 70px #00000026; background-color: #062939; padding: 0px 0px 15px 0px; }
    #enquiryform.full-w-form .container { padding: 0px; }
    #enquiryform.full-w-form .surround { margin: 0px; }
    #enquiryform.full-w-form .surround > .editor-field { width: 100%; margin-bottom: 20px; }
    #enquiryform.full-w-form .surround .section { width: 100%; margin-top: 0px; }
    #enquiryform.full-w-form .surround .section > div { padding: 10px; width: 100%; }
    #enquiryform.full-w-form .surround .check { line-height: 1; }
    #enquiryform.full-w-form form { max-width: 380px; margin: 0 auto; }
    #enquiryform.full-w-form .call-free { margin-bottom: 15px; background-color: #fff; color: #005B86; padding: 15px; }
    .banner.homepage .logos .log { display: none; }
    .youtube__video .info { position: static; transform: none; }
    .youtube__video .spot--dec { bottom: -44px; left: -15px; }
    .masthead { min-height: 10px; }
    .course--hover:before { background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)); }
    .slider--container.noslide .dw-md-3 { margin: 0px auto 15px !important; }
    .slider--container.noslide .dw-md-3 .inner a { width: 67%; font-size: 1.1em; height: 50px; line-height: 50px; }
    .home-courses h1 { font-size: 2.5em; }
    body.menu #headerleft svg { -webkit-mask-size: contain; }
    .emp__block { margin-bottom: 30px; }
    .emp__block img { -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: -40px; top: auto; right: 100px; }
    .course-type.full .option { width: 98.66%; }
    .course-type.full { width: 100%; }
    .course-type.fifty .option { width: 49%; }
    .course-type.fifty { width: 100%; }
    .banner .banner__slider .btn { left: 40px; }
    .banner__item .banner--text { min-height: 300px; }
    .slider--image { height: 390px; }
    .salary__right { float: right; width: 70%; }
    .salary__right .salary--price { font-size: 2.63em; }
    .salary__right .salary--price, .salary__right .salary--text { text-align: left; }
    .salary__right .salary--text { font-size: 1.38em; }
    .salary__left { float: left; width: 30%; }
    .salary__left .salary--icon { margin-top: 8px; position: initial; float: left; width: 80px; height: 80px; }
    .salary__left .salary--icon i { line-height: 80px; }
    .salary__block { height: auto; margin-top: 0; }
    .salary__info { position: initial; height: 160px; }
    .salary--icon-one:after { -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 0; width: 110px; bottom: 20px; }
    .salary--icon-two:after { -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 0; width: 110px; bottom: 20px; }
    .salary__block h2 { margin: 0 auto 40px; font-size: 1.63em !important; }
    .low__block--text { position: initial; left: auto; top: auto; transform: none; padding: 10px 30px; }
    .low__block .btn { margin: 0 auto; float: none; }
    .footer { padding: 35px 0; }
    .footer--title { margin: 15px 0; }
    .sign__up { padding: 15px 0 35px; }
    .overview__logos { }
    .btn--long { margin: 30px 15px 0; }
    .three__stage { padding: 70px 20px; }
    .banner .trustpilot-widget { max-width: 100%; }
    .video__block { margin-top: 30px; }
    .specialists { margin-top: 30px; }
    .video__content { padding-top: 50px; }
    .video__content .body__text { font-size: 1.13em; }
    .specialists, .video__block, .split__block, .partners, .latest__news { padding: 0 20px; }
    .latest__news a.allnews { margin: 15px 0; }
    .split__image img { bottom: 35px; }
    .home-courses .title { font-size: 1.35em; }
    .home-courses .available { font-weight: 500; font-size: 0.84em; }
    .course-levels .level-entry { min-height: auto; }
    .nav--last { top: 10px; width: 25%; }
    .phone-icon:not(.black) a { width: 30px !important; height: 30px !important; }
    .section .textslide .dw-md-9 { display: none; }
    .section .textslide .dw-md-3 .btn-login { font-weight: 700; }
    .masthead { margin-top: 50px; }
    h2 { font-size: 2.1em; }
    .partners .partner-img-container { padding: 15px 0px !important; }
    .footer .top span, .footer .top a { font-size: 1.3em; }
    .footer .top .head-office { width: 100%; float: none; padding: 60px 15px; margin: 0; }
    .footer .top .head-office .text { float: none; }
    .footer .top .links { width: 100%; float: none; margin: 0; padding: 0 15px 50px; left: 0; }
    .footer .top .courses, .footer .top .academies { padding: 30px 0 0; float: none; }
    .footer .bottom .bs { float: none; width: 100%; }
    .footer .bottom .logo { padding: 0 65px; }
    .footer .bottom img { margin: 0 auto; }
    .footer .bottom .links .split { line-height: 20px; }
    .footer .bottom .links { text-align: left; line-height: 20px !important; margin-top: 15px; }
    .footer .bottom .dw-tag { text-align: left; line-height: 20px; margin: 15px 0px; }
    .footer .bottom .legal { padding-top: 15px; }
    .footer .bottom .xs { display: block; }
    .footer .links.bs span.btm-links { display: block !important; text-align: center; line-height: 20px; margin-bottom: 15px; }
    .footer .links.bs span.btm-links .split { line-height: 20px; }
    #enquiryform .editor-field.check { max-width: 320px; margin: 0 auto 15px; }
    #enquiryform .editor-field.check span { padding: 4px 5px 4px 0; }
    .search h1 { font-size: 3em; }
    .search .search-area { padding: 12px; }
    .search .surround { padding-right: 40px; }
    .search .search-bar input { padding-left: 10px; font-size: 1.1em; border-radius: 3px 0 0 3px; background-color: #fff; }
    .search .search-bar i { width: 40px; color: #fff; left: initial; right: -40px; border-radius: 0 3px 3px 0; font-size: 1.6em; z-index: 1; background-color: #f7941d; }
    .search .surround .btn { width: 40px; border-radius: 0 3px 3px 0; text-indent: -3000px; background-image: none; background-color: transparent; z-index: 2; }
    .search .detail { font-size: 1.6em; padding: 0px 15px; }
    .home-courses a { margin-bottom: 15px; padding: 0px; }
    .quick-about strong { margin: 15px auto; }
    .further-info { padding: 45px 5px 0; }
    .further-info .surround { padding: 15px; }
    .further-info .heading strong { font-size: 2.15em; }
    .further-info .academy { margin: 0 -20px; width: auto; float: none; }
    .further-info .academy .surround { padding-top: 30px; }
    .further-info .postcode-search { padding-right: 40px; }
    .further-info .postcode-search i, .further-info .postcode-search .btn { width: 40px; }
    .further-info .testimonials { margin: -20px 0 0; width: auto; float: none; min-height: 0; }
    .further-info .testimonials .surround { width: 80%; padding: 15px 15px 30px; }
    .further-info .btn.white { margin-top: 15px; }
    .news .text { padding: 30px 21px; }
    .course.overview .banner .text h1 { margin-top: 30px; }
    .banner .text h1, .info-page .banner h1 { font-size: 2.8em; }
    .banner .text h2, .info-page .banner .text strong { font-size: 2.1em; }
    .banner .text span { font-size: 1.05em; }
    .popular-courses .buttons-text { font-size: 1.05em; }
    .ticks { margin-bottom: 15px; }
    .ticks .row { padding-left: 35px; margin-top: 15px; }
    .ticks .row i { width: 25px; height: 25px; font-size: 1.15em; }
    .ticks .row strong { font-size: 1.15em; line-height: 19px; }
    .qualification .info, .enroll .info { font-size: 1.05em; }
    .side .bs:nth-child(3) { margin-left: 25%; }
    .side .guide { min-height: 185px; }
    .course-type .option.on:hover { line-height: 1.4; }
    .course-type .option:hover { line-height: 20px; }
    .course-type .option.on { padding: 8px 5px; }
    .course-type .option { width: 32.6%; font-size: 1em; padding: 3px 10px; margin-right: 0; margin-left: 2px; }
    .course-options { padding-bottom: 30px; }
    .course-options .bs { margin-top: 15px; }
    .course-options .course-description { padding: 0; min-height: auto; }
    .course-options .course-description h2 { font-size: 1.5em; }
    .course-options .course-description .the-detail .info { font-size: 0.95em; }
    .more-info h2 { font-size: 1.6em; }
    .more-info span, .more-info .why .ticks .row strong { font-size: 1.05em; }
    .more--background .row { padding: 0 15px; }
    .video .salary { padding: 20px 15px; }
    .video .salary .image { top: 20px; left: 15px; width: 120px; }
    .video .salary .image strong { font-size: 4em; }
    .video .salary .text { padding-left: 115px; min-height: 100px; }
    .video .salary .amount { font-size: 4em; }
    .video .salary .description { font-size: 1.6em; }
    .video .salary em { margin-top: 20px; font-size: 1em; }
    .method-learning .placer { padding: 15px 10px; min-height: 130px; }
    .method-learning .placer img { width: 100px; }
    .method-learning .placer .text { padding: 0 10px 0 120px; font-size: 0.9em; }
    .method-learning .text span { margin-top: 10px; }
    .info-page .detail { font-size: 1.1em; }
    .info-page .segments { padding-bottom: 30px; }
    .info-page .segments .text { margin-top: 15px; }
    .info-page .intro, .location-options { padding-top: 30px; }
    .info-page .achievements .bs { padding-top: 15px; }
    .info-page .achievements .bs:nth-child(3) { clear: both; margin-top: 25px; }
    .info-page .achievements strong { font-size: 1.55em; }
    .info-page .achievements span { font-size: 1.15em; }
    .info-page .achievements i, .info-page .achievements strong { margin-bottom: 15px; }
    .info-page .course-guarantee { margin-top: 30px; }
    .info-page .segments h2, .info-page .about-confidence h2, .info-page .training-questions h2, .review-testimonials h2, .text-only h2 { font-size: 1.8em; }
    .info-page .about-confidence, .info-page .training-questions { padding: 30px 0; }
    .info-page .centres .bs { padding-bottom: 30px; }
    .info-page .centres .bs .bs { min-height: 225px; padding-bottom: 55px; }
    .info-page .centres .bs .title { padding: 30px 0 15px; font-size: 2.5em; }
    .info-page .centres .bs span { font-size: 1.05em; }
    #contactform label { font-size: 1em; }
    #contactform .g-recaptcha { margin: 0 auto 15px; width: 304px; }
    .location .location-options h2 { font-size: 1.65em; margin-bottom: 0px; }
    .location .map-section h2 { font-size: 1.8em; }
    .location-options .link-text { margin-top: 15px; }
    .location-options .link-text, .map-section .where-text { font-size: 1.15em; }
    .map-section #map { position: relative; width: 100%; height: 250px; }
    .location .map-section h2 { margin: 30px 0 15px; }
    .map-section .where-text br { }
    .map-section .btn { margin: 15px 0; }
    .review-testimonials { padding: 30px 0; }
    .review-testimonials h2 { margin-bottom: 20px; }
    .review-testimonials h3 { font-size: 1.4em; line-height: 20px; padding: 15px 45px 15px 15px; margin-bottom: 15px; }
    .review-testimonials .quote { padding: 10px 10px 10px 45px; margin-bottom: 15px; }
    .review-testimonials .quote i { width: 24px; height: 18px; }
    .review-testimonials .quote span, .review-testimonials .quote strong { font-size: 1.1em; }
    .text-only h2 { margin: 20px 0; }
    .text-only h2:first-child { margin: 0 0 20px; }
    .text-only .info { font-size: 1.15em; }
    #enquiryform .share { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; background-color: transparent; }
    #enquiryform .share:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #888; opacity: 0.8; }
    #enquiryform .share h2 { position: relative; }
    #enquiryform .share .bs { background-color: #062939; }
    #enquiryform .share .bs:nth-child(2) { background-color: #005b86; }
    #enquiryform .share .bs div { padding: 0; }
    #enquiryform .share .bs i { font-size: 1.2em; line-height: 20px; }
    .option-label { font-weight: 700; color: #062939; padding-bottom: 10px; display: block; font-size: 1.3em; }
    .location .banner .banner-text { padding: 30px 0 0px; }
    .location .banner .banner-text strong { margin-top: 0px; }

    #slider-popup .view { max-width: 320px; }
    #slider-popup .view .close .text { color: #fff; }
    #slider-popup .view .close .fas { color: #fff; }
    .slider__right { padding: 0 30px; margin: 30px auto; max-width: 100%; }
    .slider__form { padding: 50px 30px; }
    .basic-form .row { padding-left: 0px; margin-bottom: 0px; }
    .basic-form .editor-label { margin: 0 0 10px; width: 100%; position: relative; }
    .basic-form .editor-field.radio { margin-bottom: 15px; }
    .form-surround .training-questions span { font-size: 0.75em; }
    .read-our-reviews .buttons a { width: 50%; }
    #preview .form-surround { padding: 20px; }
    .form-surround .training-questions h2 { margin-top: 30px; }
    #preview .form-surround .training-questions #contactform .g-recaptcha div, .g-recaptcha { height: 48px !important; max-width: 302px !important; }
    .form-grid #preview .form-surround .training-questions #contactform .g-recaptcha div, .g-recaptcha { height: 45px; max-width: 235px; }
    .enquire-mobile { margin-top: 20px; background-color: #062939; height: 50px; line-height: 50px; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 700; font-size: 1.4em; border-radius: 3px; }
    .enquire-mobile:hover { color: #062939; background-color: #fff; }


    .amp-enquiry-drop { }
    .drop-button { cursor: pointer; display: block; text-align: center; margin-top: 15px; height: 50px; background-color: #005b86; border-radius: 5px; font-size: 15px }
    .drop-button a { color: #fff; font-weight: bold; line-height: 50px; padding-right: 0px }
    .enquiry-form { display: none }
    .sticky-contact { display: none !important; }
    .search-training-course { margin: 0px -15px; border-radius: 0px; }
    .banner--top img { margin-left: 5px; max-width: 90px; }
    .three__stage img.three-triangle { max-width: 50%; }
    .three__stage img { margin-top: 25px; }
    .banner__slider .bx-wrapper .bx-pager { bottom: 50px; left: 26px; }
    .home-content { margin-top: 70px; }
    .special--item { justify-content: flex-start; webkit-box-pack: flex-start; -ms-flex-pack: flex-start; flex-direction: initial; }
    .partners, .latest__news { margin-top: 50px; }
    .latest__news h2 { margin: 30px 0 10px; }
    .blog-feed { padding-bottom: 30px; clear: both; }
    .image__container { width: auto !important; height: auto !important; margin-bottom: 10px; }
    .image__container img { left: auto; position: initial; }
    .talk__experts .image__container .section { margin-left: auto; margin-right: auto; }
    .image__text { font-size: 3.5em; }
    .more-info .practising { padding-top: 0; }
    .more-info .practising .dw-md-7 { padding: 0; margin-top: 0; }
    .practising .block { padding: 5px; }
    .more--background { background-position: left; }
    .course-type { top: -32px; }
    .overview--content .stages .stage .info { font-size: 0.9em; bottom: auto; left: 0px; top: 90%; box-shadow: none; }
    .overview--content .stages .stage .info .number { top: -7px; font-size: 12em; left: -21px; z-index: 10; }
    .overview--content .stages .stage .info .inner-rel { padding: 30px 30px 30px 110px; background-color: #fff; box-shadow: 0px 11px 20px #00000026; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }
    .overview--content .why--become .image--container .spot--dec { width: 100px; height: 100px; position: absolute; bottom: -50px; left: -57px; z-index: -1; }
    .overview--content .why--become .right--content { padding: 0px 30px; margin-top: 150px; }
    .overview--content .why--become.sm-margin .right--content { margin-top: 45px; }
    .overview--content .why--become .right--content h3 { font-size: 2.1em; }
    .overview--content .is--right .left--content h2 { font-size: 2.5em; }
    .overview--content .is--right .left--content h3 { font-size: 1.8em; }
    .overview--content .stagger--chart .bar { height: 135px; }
    .overview--content .stagger--chart .bar .inner-bar .value { transform: none !important; font-size: 2.5em; font-weight: 600; line-height: 1; left: 20px; bottom: 21px; top: auto; }
    .overview--content .stagger--chart .bar .inner-bar .text { position: static; transform: none !important; max-width: 300px; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 1.2em; font-weight: 500; margin-top: 0px; margin-bottom: 15px; }
    .overview--content .is--right .image--container img { max-width: 76%; }
    .overview--content .is--right .image--container .info { max-width: 95%; top: auto; bottom: 0px; font-size: 0.9em; }
    .overview--content .is--right .image--container .info .inner { padding: 20px 20px 31px 70px; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.5em; line-height: 1.2; }
    .overview--content .is--right .image--container .info .inner img { top: 30px; left: 16px; width: 50px; }
    .overview--content .is--right .image--container .pentagon { bottom: 60px; left: 43px; transform: rotate(129deg) scale(1.7); }
    .overview--content .is--right .left--content a { display: none; }
    .overview--content .is--right .image--container { margin-top: 60px; }
    .overview--content .slider--container .dw-md-6 { max-width: calc( 100vw - 130px); }
    .pathways-explained .path .bottom { margin: 30px auto 60px; }
    .pathways-explained .top h2 { font-size: 2.6em; padding: 0px 15px; margin-bottom: 30px; }
    .pathways-explained .path .top .title { padding: 10px 0px 15px; font-size: 1.8em; }
    .pathways-explained .path .body { min-height: 3px; }
    .pathways-explained { margin-bottom: 0px; }
    .slider--container.noslide .spot--dec { left: 50%; transform: translateX(-155%); }
    .blog-feed .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height: 40px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -35px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -35px; }
    .blog-feed-item .btm { left: 15px; }
    .play-link { font-size: 1.2em; margin-bottom: 15px; }
    .play-link .play { width: 70px; height: 70px; }
    .play-link-bs { max-width: 100% !important; }
    .play-link .max-w-330 { max-width: calc(100% - 80px); padding-left: 15px; font-size: 1.5em; }

    .popup .xmas .usps { display: block; }
    .popup .xmas .usps > * { width: 100%; }
    .popup .xmas .usps .line { width: 100%; height: 1px; margin: 10px -0px; gap: 15px; }
    .popup .gift-top img { display: none; }
    .popup .view.xmas h2 { font-size: 8vw; margin-top: 30px; }

    .popup .view.xmas .txt { font-size: 4vw; }

    .popup .view.xmas .form input { height: 50px; }

    .popup .view.xmas .form .btn.orange { width: 100%; max-width: 100% !important; }
    .close.cssicon { top: 15px; right: 15px; }
    .popup .view.xmas .deskimg { display: none; }

    .close.cssicon .inner { width: 30px; height: 30px; }

    .popup .view.xmas .txt.sml { font-size: 4vw; }
    .popup .view.xmas .txt.xsml { font-size: 3vw; }

    .overview-card-grid .img-bg, .overview-card .img-bg { min-height: 230px; }

    .wickes.info-page .course-card.home { width: 100%; }

    .course-card.home { width: 100%; }
}

@media screen and (min-width:660px) and (max-width: 767px) {
    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }

    .banner--top a { font-size: 1em; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 50%; }
    .checka-box .bg { height: 500px; }
    .checka-box .bg .pop-link { left: 100px; bottom: 60px; }

    .faqs.new-new.course-packages .faq .a .featured-jobs .job-card { width: calc(100% - 50px); }
}




@media screen and (max-width:660px) {
    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }
    .blfrflex .rbt .bs { width: 100%; }
    .blfrflex .rbt .bs > div { display: flex; justify-content: center; margin: 0px; }
    .blfrflex .rbt .bs .nogap { max-width: 283px; }
    .blfrflex .rbt .hbuff { min-height: 10px !important; }

    .banner.homepage .logos .tp { width: 100vw; overflow: hidden; }
    .banner--top a .access-is { display: none; }
    .job-tags > div.see-less { display: flex; }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 30px; }
    .career-form .submit-flex { display: flex; height: 120px !important; align-items: center; justify-content: space-between; flex-direction: column; grid-gap: 15px; height: auto !important; }
    .career-form > .container, .open-form { padding: 30px 15px; }
    .career-form > .container > div:first-child, .open-container .fnt-scale-35 { font-size: 2.5em !important; }
    .banner--top { font-size: 1.1em; min-height: 45px; }
    .banner--top a { }
    .banner--top i { left: 15px; }
    .banner--top .smlbtn { margin-top: 0; font-size: 0.8em; }
    .masthead.scrolled { margin-top: 45px; border-bottom: 1px solid #005B86; }
    .overview--content .slider--container .dw-md-4 { width: calc(100vw - 115px) !important; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 60%; }
    .checka-box .bg { height: 400px; }
    .checka-box .bg .pop-link { left: 80px; bottom: 50px; padding: 15px; }
    .homesteps .stepno { max-width: 300px; font-size: 5.0em; }
    .homesteps .step { padding: 90px 15px 15px 15px; }
    .homesteps .step .txt-inner { padding: 15px; }
    .homesteps .step .txt-inner .title { font-size: 2.5em; }
    .youtube__video .info { position: static; padding: 15px; }
    .youtube__video .info h4 { font-size: 1.5em; }
    .youtube__video .info .dw-xs-3 { padding: 0px 5px; font-size: 0.7em; }
    .youtube__video .info .dw-xs-3.youtube-btn-wrapper { font-size: 1.1em; }
    .news .text strong { font-size: 1.7em; }

    .contact-submit-loader { position: absolute; left: 45%; top: 30%; }

    .faqs.new-new.course-packages .faq .a .featured-jobs .job-card { width: 100%; min-width: unset; }
}

@media screen and (max-width:630px) {
    .menu-mobile { display: none; }
    .info-page .centres .dw-xs-8, .info-page .centres .dw-xs-4, .info-page .centres .dw-xs-6 { width: 100%; float: none; }
    .info-page .centres .bs .bs { width: 50%; float: left; }
    .info-page .centres .bs .bs:nth-child(2n+1) { clear: both; }
    .course-options .course-description { padding: 0; }
    .course-options .image { display: none !important; }

    .home-courses .text { top: 18px; left: 3px; }
    .overview--content .why--become .image--container .info .dw-xs-4 { width: 100% !important; }
    .overview--content .why--become .image--container .info h4 { margin: 10px 0px 0px 0px !important; }
    #location-carousel .course--slide .inner { padding: 15px; height: 320px; display: grid; grid-template-columns: 1fr; }

    #location-carousel .course--slide .inner a { width: 100%; height: auto; font-size: 1em; line-height: initial; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; align-self: flex-end; padding: 15px 0; margin-top: 10px; }

    #location-carousel .course--slide .inner .title { font-size: 1.3em; line-height: 1.2; margin: 15px 0px 5px; min-height: initial; }

    #location-carousel .course--slide .inner .exp { max-width: 231px; line-height: 1; font-size: 0.8em; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
}

@media screen and (max-width:580px) {
    .banner--top a { font-size: 3.5vw; }

    .banner--top a .we-are { display: inline !important; }

    .open-days-rel .open-title { font-size: 1.5em; }
}

@media screen and (max-width: 575px) {
    .banner:has(.course-unavailable-banner), .course-banner:has(.course-unavailable-banner) { padding-top: 240px; }
}

@media screen and (max-width:550px) {
    .open-days-rel { font-size: 1.2em; }
    .footer .top .links .bs { width: 50%; }
    .footer .academies .dw-xs-8, .footer .academies .dw-xs-4 { float: none; width: 100% !important; }
    .footer .academies .dw-xs-4 .title { margin-top: 30px; }
    .footer .academies .bs .bs { width: 50%; float: left; }
    .search h1 { font-size: 2.5em; padding: 0 30px; margin-top: 0px !important; }
    .search .search-area { margin: 30px 0 0px; }
    /*.home-courses a { padding: 81px 0 0 0; }*/
    .home-courses img { top: 10px; }
    .quick-about .bs { float: none; width: 100%; margin-top: 25px; margin-left: 0 !important; }
    .partners .bs { width: 50%; }
    .partners .bs:nth-child(3), .partners .bs:nth-child(6) { clear: none; }
    .partners .bs:nth-child(2n+1) { clear: both; }
    .partners .bs:nth-child(1), .partners .bs:nth-child(6) { margin-left: 0; }
    .partners .bs:nth-child(7) { margin-left: 25%; }
    .popular-courses .buttons { margin-bottom: 15px; }
    .popular-courses .btn { display: none; margin: 14px 0; padding: 0 10px; }
    .popular-courses .btn:nth-child(1), .popular-courses .btn:nth-child(2), .popular-courses .btn:nth-child(3), .popular-courses .btn:nth-child(4) { display: block; }
    .further-info .academy { background-position: 45% top; }
    .further-info .academy .text { width: 95%; display: block; }
    .further-info .testimonials { background-position: 55% top; }
    .further-info .text { font-size: 0.95em; line-height: 18px; }
    .news .text span { font-size: 0.9em; }
    .news .text strong { font-size: 1.9em; max-width: 300px; }
    .side .dw-xs-6 { width: 100%; float: none; margin-left: 0px !important; }
    .side a, .side .guide { min-height: 185px; position: relative; }
    .side a strong { min-height: 0px; margin-bottom: 15px; }
    .side .btn { position: absolute; bottom: 15px; left: 15px; }
    .location-options .links a { margin: 15px 0 0; padding: 10px; display: block; max-width: 100%; }
    .method-learning .bs { width: 100%; float: none; }
    .method-learning .or { position: relative; height: auto; left: 0; margin-left: 0; top: 0; margin-top: 0; text-align: center; line-height: initial; padding: 10px 15px; }
    .banner.homepage { padding-top: 145px; }

    /*.course-card.home { width: 100%; }*/
}

@media screen and (max-width:520px) {
    .open-intro > div:first-child, .career-intro > div:first-child { margin-top: 100px; }
    .open-bottom { padding: 40px 0; }

    .open-bottom .fnt-scale-25 { font-size: 1.8em; }
    .open-intro > div:first-child, .career-intro > div:first-child { margin-top: 20px; }
}

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

    .banner.homepage .hero .top { color: #fff; display: block; font-size: 3em; line-height: 1.1; }
    .banner.homepage .hero strong { color: #f7941d; display: block; font-size: 3em; }

    .faqs.new-new h2 { font-size: 2.0em; }
    .faqs.new-new .faq .q strong { font-size: 1.3em; width: calc(100% - 30px); }
    .faqs.new-new .faq .a .txt { width: 100%; font-size: 1.3em; }
    .faqs.new-new .faq .q .ico { width: 30px; height: 30px; font-size: 1.4em; }

    .hidden-sub-500 { display: none; }
    .banner.homepage { background-image: url('images/banner/access-training-colab-mob.webp'); }
    .banner--overview#overview-gas { background-image: url(images/banner/gas-overview-mob.jpg); }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 30px; }
    .open-intro .fnt-scale-43, .carrer-intro .fnt-scale-43 { font-size: 2.8em !important; }
    .youtube__video .info { transform: none; }
    .info .dw-xs-3 { width: 100% !important; font-size: 1.1em; }
    .info-page .about-confidence .section { margin: 0; }
    .info-page .about-confidence .image { position: relative; padding: 0; }
    .info-page .about-confidence .top { float: none; padding-right: 0px; width: 100%; position: relative; margin-right: 0px }
    .info-page .about-confidence .top img { position: relative; width: 100%; max-width: 488px; right: 0px }
    .info-page .about-confidence .diff-section { float: none; margin: 0 -2px; width: initial; }
    .info-page .about-confidence .dbs { padding: 4px 2px 0; float: left; width: 50%; }
    .info-page .about-confidence .dbs:first-child { padding-top: 4px; }
    .centre-viewer a { padding: 10px; }
    .centre-viewer .miles { top: 0px; left: 0px; position: relative; float: left; height: auto; width: 25%; max-width: 95px; }
    .centre-viewer .centre { float: right; width: 75%; }
    .centre-viewer .btn { position: relative; top: 0px; right: 0px; max-width: 100%; clear: both; margin-top: 10px; }
    .centre-viewer .btn i { margin-left: 5px; }
    .blog-feed-item { padding: 0px; }

    .overview--content .stages .stage .info { font-size: 0.9em; bottom: auto; left: 0px; top: 90%; }
    .overview--content .stages .stage .info .number { top: -20px; font-size: 13em; left: 5px; width: 80px; }
    .overview--content .stages .stage .info .txt { font-size: 0.9em !important; }
    .overview--content .stages .stage .info .inner-rel { padding: 15px 15px 15px 95px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; font-size: 1.9em !important; }
    .overview--content .stages .stage .pentagon { position: absolute; bottom: 21%; left: 7%; transform: rotate(129deg) scale(1.4); z-index: -1; }
    .overview--content .stages .dw-md-6 { padding: 0px 0px 60px 0px; }
    .overview--content .stages .stage .spot--dec { width: 100px; height: 100px; right: -34px; top: -37px; }

    .overview--content .stages .why-choose { margin: 0px 30px !important; }
    .overview--content .stages .why-choose h2 { font-size: 2.6em; }
    .overview--content .stages .why-choose a { min-height: 60px; height: auto; line-height: 60px; font-size: 1.3em; }

    .overview--content h2.dblue { max-width: 300px; margin: 100px auto 50px !important; font-size: 2.3em; }
    .overview--content .check--list li { font-size: 1.2em; line-height: 1.2; padding-left: 30px; margin: 35px 0px; }
    .overview--content .check--list li i { font-size: 1.2em; }
    .overview--content .is--right .left--content span, .overview--content .why--become .right--content span { font-size: 1.2em; }

    .overview--content .is--right .image--container { margin: 80px -15px; }

    .overview--content .stages .stage { margin-bottom: 220px; }
    .overview--content .stages .stage.lrg-copy { margin-bottom: 480px; }
    .overview--content .slider--container .dw-md-3 { width: calc(100vw - 115px) !important; }

    .overview--content .slider--container .course--slide .inner a { width: 160px; }
    .banner__slider .trustpilot iframe { height: 40px !important; }

    .faqs .answer span { font-size: 0.9em; }
    .faqs.new .answer { max-height: 600px; font-size: 1.2em; }

    .slider--container.noslide .course--slide .inner { padding: 15px; }
    .overview--content .slider--container .course--slide .inner a { left: 25px; }

    .slider--container.noslide .dw-md-3 { width: 100% !important; }
    .overview--content { padding-bottom: 30px; }

    .play-link { border: none; display: flex; }


    h2.lg-white { font-size: 4.5vw; padding: 0px; width: fit-content; margin: 0px; margin-bottom: 5px !important; }

    .overview-card-grid { grid-gap: 1em; }

    .wickes.info-page #enquiryform.full-w-form .surround.checkatrade { gap: unset; }
    .wickes.info-page #enquiryform.full-w-form .surround.checkatrade > .editor-field { margin-bottom: 12px; }
    .wickes.info-page #enquiryform.full-w-form .surround.checkatrade .optin span { font-size: 0.875rem; line-height: 19px; font-weight: 200; max-width: 250px; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step { height: unset; min-height: 108px; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step .number { max-width: 15%; min-height: unset; align-items: center; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step .content { padding: 10px; }
    .wickes.info-page #enquiryform .surround.checkatrade .form-btm > .priv-mob { text-align: center; }

    .course.overview.electrical #ytvideo { aspect-ratio: 1; }
}

@media screen and (max-width: 450px) {
    .btn-cloud .btn.cont { width: 100%; max-width: 100% !important; }
    #vacform .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; margin-bottom: 25px; }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 45px 15px 30px; }

    .reverse-flex .map-section { padding: 0px; }
    .footer .bottom .links .split.xl, .footer .bottom .legal span, .footer .bottom .xxs { display: block; text-indent: -100000px; line-height: 0; }
    /*.home-courses a { padding-top: 15px; margin: 0 0 20px; }*/
    .home-courses a { margin: 0 0 20px; }
    .home-courses .dw-theme a img { height: initial; }
    .home-courses a img { height: 135px; }
    .home-courses .title { font-size: 1.13em; }
    .info-page .achievements .bs { float: none; width: 100%; margin-left: 0 !important; }
    .info-page .centres .bs { min-height: 242px; }
    .info-page .centres .bs .btn i { margin-left: 5px; }
    .ticks.cols .row { float: none; width: 100%; padding-right: 0px; }
    .video .salary { padding: 15px; }
    .video .salary .image { top: 0; left: 0; width: 120px; margin: 0 auto 15px; position: relative; }
    .video .salary .text { padding-left: 0; text-align: center; }
    .video .salary .amount { font-size: 3em; }
    .video .salary .description { font-size: 1.5em; }
    .video .salary em { margin-top: 15px; }
    .overview--content .why--become .right--content h2 { font-size: 2.5em; }


    .checka-box .bg { height: 350px; margin-bottom: 100px; }
    .checka-box .bg .pop-link { left: 50%; bottom: auto; padding: 15px; width: 222px; top: 105%; transform: translateX(-50%); }
    .contact-cta .btn { position: static; transform: none; margin: 30px auto 0px auto; font-size: 1.2em; max-width: 430px; line-height: 80px; height: 80px; }
    .popup .xmas .usps { font-size: 4vw; }

    .single-course-page div.flx-bx { flex-wrap: wrap; }

    .overview-card-grid .img-bg, .overview-card .img-bg { min-height: 230px; }

    .transport-card .transport-mean { left: 30px; }

    .pathways-explained.course-path .path .bottom { margin: 0 !important; }

    .pathways-explained .path .top .title.or { background-color: #f7941d; }

    .pathways-explained.course-path .path .top::before { content: ""; position: absolute; height: 800px; width: 1px; border-right: 2px dashed; top: 0; left: 50%; z-index: -1; }

    .faqs.new-new.course-packages .faq .a .featured-jobs .job-card div.fnt-scale-20 { font-size: 1.6rem; }
}


@media screen and (max-width:420px) {
    .banner.homepage { background-image: url('images/banner/access-training-colab-mobxs.webp'); }
}

@media screen and (max-width:360px) {
    .play-link { margin: 0px -15px; }
    .open-days-rel .open-title { padding: 12px; }
    .open-days .open-text { margin-top: 30px; }
    .career-form > .container, .open-form { padding: 30px 5px; }
    .open-container { padding: 0 !important; }
}

@media screen and (max-width:380px) {
    .info-page .centres .bs { width: 100%; float: none; clear: both; min-height: 0; }
    .info-page .centres .bs br { display: none; }
    .info-page .centres .bs .bs { width: 100%; float: none; min-height: 0; }
    .info-page .centres .bs .btn { max-width: 100%; }
    #enquiryform .call .btn, .landingpage.theme3 #enquiryform .call .btn { font-size: 1.1em; }
    .banner--top { font-size: 0.95em; }
    .banner--top a { padding: 12px 0 12px 0px; }
    .overview--content .stagger--chart .bar .inner-bar { font-size: 0.9em; }
    .overview--content .stagger--chart .bar .inner-bar:before { width: 100px !important; height: 100px !important; }
    .overview--content .is--right .image--container .info { font-size: 0.85em; }
    .checka-box .bg { height: 300px; }
    .mob-fix-bann-link { font-size: 1.1em; }
}

@media screen and (max-width:374px) {
    .app-btns-grid { grid-gap: 5px; }
    .app-btns-grid .btn { padding: 15px 7px; font-size: 0.85rem; }
    .wickes.info-page.internal--page .banner { height: 890px !important; }
}

@media screen and (max-width:340px) {
    .banner--top { font-size: 0.8em; }
    .banner--top a { padding: 17px 0 12px 0; }
    .banner--top img { margin-left: 5px; }
    .image__container { height: 290px; }
    .image__text { font-size: 4.75em; }
    .open-intro .fnt-scale-16, career-intro .fnt-scale-16 { font-size: 1.2em; }
    .home-featured-jobs .dw-theme .dw-nav [class*='dw-'] { background-color: #f7941d80 !important; transform: translateX(0); }
    .featured-jobs-wrapper { padding: 0; }
}

.background-lazy { background-image: none !important; }

.appr-blocklnk { display: block; background-color: #fff; padding: 15px; text-align: center; text-transform: uppercase; color: #000; font-size: 1.5rem; margin-bottom: 30px; position: relative; }
.appr-abs-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.appr-btn-preamble { max-height: 0; font-size: 1rem; text-transform: none; font-weight: 600; overflow: hidden; transition: max-height 0.3s; }
.appr-btn-preamble ul { color: #005b85; max-width: fit-content; text-align: initial; margin: 10px auto; }
.appr-blocklnk:hover .appr-btn-preamble { max-height: 220px; }
.appr-btn { margin: 0 auto; height: 40px; max-width: fit-content; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px 15px; color: #fff; background: rgb(0,27,54); background: linear-gradient(270deg, #001b36 0%, #005c86 100%); }
.btn.cont { max-width: fit-content !important; }

.inline-lnk.mint { color: #b2efd9; }
.inline-lnk.mint:hover { color: #f4921d; }
.inline-lnk.aqua { color: #72d4d1; }
.inline-lnk.aqua:hover { color: #f4921d; }
.inline-lnk.ul { text-decoration: underline; }
.inline-lnk.ul:hover { text-decoration: none; }
a.no-style { color: initial; font-weight: normal; }
.btn.orange:hover { background-color: #005b86; color: #fff; }

@media screen and (max-width:1025px) {
    .appr-btn { position: relative; }
    .appr-blocklnk:hover .appr-btn-preamble { max-height: 260px; }
}

@media screen and (max-width:821px) {
    .appr-btn { position: relative; }
    .appr-blocklnk:hover .appr-btn-preamble { max-height: 260px; }
}

@media screen and (max-width: 767px) {
    .chev-list .appr-blocklnk img { width: initial !important; }
}

@media screen and (max-width:500px) {
    .appr-card-flex { display: flex; justify-content: center; grid-gap: 15px; align-items: center; }
    .appr-blocklnk strong { font-size: 1.2rem; }
}

.enquiry-form.wide-white {float: none !important;width: 100% !important;max-width: 1550px;border: 4px solid #005B86;border-radius: 24px;background-color: #fff;margin-bottom: 30px !important;}
.enquiry-form.wide-white .call {display: none;}
.enquiry-form.wide-white .heading {display: flex;background-color: #fff !important;color: #151724;padding: 15px 0px !important;max-width: 1040px;margin: 0 auto;border-radius: 50px;}
.enquiry-form.wide-white .heading span{color: #151724; font-size: 2.8rem; margin-right: 10px; font-weight:500;}
.enquiry-form.wide-white .heading span:last-child{color: #f7941d; font-weight: 700;}
.enquiry-form.wide-white .heading br{display: none;} 
.enquiry-form.wide-white .surround {background-color: #fff !important;display: flex;flex-wrap: wrap;align-items: center;max-width: 1040px;padding: 0px 0px 15px 0px !important;margin: 0 auto;}
.enquiry-form.wide-white .surround > *{width: calc(100% / 3);}
.enquiry-form.wide-white .editor-field {padding-right: 10px; padding-left: 10px;}
.enquiry-form.wide-white .editor-field input[type="text"] { box-shadow: inset 0px 6px 6px #00000029; border: 1px solid #005B86; border-radius: 8px !important; height: 70px !important; font-size: 1.3rem; padding-left: 18%;}
.enquiry-form.wide-white .clear {display: none;}
.enquiry-form.wide-white .section {width: calc((100% / 3) * 2); display: flex; margin: 0px !important;}
.enquiry-form.wide-white .section > *{width: calc(50%); padding: 0px 10px;}
.enquiry-form.wide-white .editor-field.check{color: #045d88;padding-right: 30px !important;max-width: 265px;}
.enquiry-form.wide-white .optin span{font-size: 0.9rem !important;}
.enquiry-form.wide-white .privacy-note{color: #045d88;font-size: 0.9rem !important; margin-top: 0px !important; padding: 0px !important;}
.enquiry-form.wide-white input[type="submit"]{margin-top: 0px !important;border-radius: 8px;display: flex;justify-content: center;align-items: center;padding: 0px;}
.enquiry-form.wide-white input[type="submit"]:hover{background-color: #045d88 !important; color: #fff !important;}



@media screen and (min-width: 1500px) {
    .enquiry-form.wide-white.ab-right {position: absolute;right: 0px;top: 60px;max-width: 488px;}
    .enquiry-form.wide-white.ab-right .heading {display: block;}
    .enquiry-form.wide-white.ab-right .heading br{display: block !important;} 
    .enquiry-form.wide-white.ab-right .surround {max-width: 390px;}
    .enquiry-form.wide-white.ab-right .surround > *{width: 100%;}
    .enquiry-form.wide-white.ab-right .section {width: 100%; display: block;}
    .enquiry-form.wide-white.ab-right .section > * {width: 100%;}
    .enquiry-form.wide-white.ab-right .editor-field.check {max-width: 100%; margin-bottom: 15px !important; padding-left: 0px;}
    .enquiry-form.wide-white.ab-right .privacy-note {padding: 15px 0px !important;}
}

@media screen and (max-width: 1229px) {
    .enquiry-form.wide-white .heading span{font-size: 2.4rem; padding-left: 10px;}
}

@media screen and (max-width: 991px) {
    .enquiry-form.wide-white {max-width: 515px;}
    .enquiry-form.wide-white .heading {display: block;}
    .enquiry-form.wide-white .heading br{display: block !important;} 
    .enquiry-form.wide-white .surround {max-width: 390px;}
    .enquiry-form.wide-white .surround > *{width: 100%;}
    .enquiry-form.wide-white .section {width: 100%; display: block;}
    .enquiry-form.wide-white .section > * {width: 100%;}
    .enquiry-form.wide-white .editor-field.check {max-width: 100%; margin-bottom: 15px !important; padding-left: 0px;}
    .enquiry-form.wide-white .privacy-note {padding: 15px 0px !important;}
    .appr-btm-form {display: none;}

    .enquiry-form.wide-white.ab-right {position: relative; margin: 60px auto 30px !important ; max-width: 515px;}
    .enquiry-form.wide-white.ab-right:before {position: absolute;top: -50px;left: -53px;z-index:-1;content:"";display:block;width:300px;height:300px;background-image:url('images/assets/mint-shape.svg');background-size: contain;background-position: center;background-repeat: no-repeat;}
    .enquiry-form.wide-white.ab-right:after  {position: absolute;bottom: -49px;right: -55px;z-index:-1;content:"";display:block;width:300px;height:300px;background-image:url('images/assets/orange-shape.svg');background-size: contain;background-position: center;background-repeat: no-repeat;}
}
@media screen and (max-width: 767px) {
    .enquiry-form.wide-white {display: block;}
    .enquiry-form.wide-white .editor-field input[type="text"] {height: 50px !important;}
    .enquiry-form.wide-white .surround {padding: 0px 15px 15px 15px !important;}
}