/* Minification failed. Returning unminified contents.
(3,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(15,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(29,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(30,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(31,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(37,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dk'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(39,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dk'
(45,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(47,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(53,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dk'
(55,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(61,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(63,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(69,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dk'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(71,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dk'
(102,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-2'
(124,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(134,50): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(134,72): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(148,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-base'
(189,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(201,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-1'
(220,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(236,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(309,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(312,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(314,132): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(316,130): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(317,59): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(321,46): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(323,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(333,64): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(335,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(340,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(356,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(361,50): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(362,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(366,83): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(370,42): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(404,128): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(405,124): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(407,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(417,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(424,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(432,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(438,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(482,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(494,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(500,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(511,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(522,51): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(532,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(534,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(550,55): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(551,46): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(559,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(560,48): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(565,181): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(574,58): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(595,50): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(600,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(604,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(606,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(618,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(623,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(634,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(637,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(638,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(644,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(649,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(653,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(657,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(662,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(670,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(674,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(728,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
 */
/* Standard Button - Blue Button */
.btn {
    font-family: var(--ff-secondary);
    font-weight: 600;
    border-radius: .75rem;
    transition: all .6s;
}

.btn:hover {
    cursor: pointer;
    box-shadow: 1px 1px 6px rgba(157, 184, 209, 0.8);
}

.btn:hover i {
    color: var(--clr-ntrl-min);
}

.btn:not(.btn-sm):not(.btn-link) {
    padding: .75rem 1.75rem;
}

.btn-sm:not(.btn-link) {
    padding: .3rem 0.9rem;
}

/* Primary Button */
.btn-primary,
.btn-primary:visited {
    background: var(--clr-primary);
    color: var(--clr-ntrl-min);
    border-color: var(--clr-primary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: var(--clr-primary-dk);
    color: var(--clr-ntrl-min);
    border-color: var(--clr-primary-dk);
}

/* White Button */
.btn-ntrl-min,
.btn-ntrl-min:visited {
    background: var(--clr-ntrl-min);
    color: var(--bs-body-color);
    border-color: var(--clr-ntrl-min);
}

.btn-ntrl-min:hover,
.btn-ntrl-min:active,
.btn-ntrl-min:focus {
    background: var(--clr-ntrl-min);
    color: var(--clr-base-dk);
    border-color: var(--clr-ntrl-min);
}

/* Neutral Max Button */
.btn-ntrl-max,
.btn-ntrl-max:visited {
    background: var(--clr-ntrl-max);
    color: var(--clr-ntrl-min);
    border-color: var(--clr-ntrl-max);
}

.btn-ntrl-max:hover,
.btn-ntrl-max:active,
.btn-ntrl-max:focus {
    background: var(--clr-base-dk);
    color: var(--clr-ntrl-min);
    border-color: var(--clr-base-dk);
}

/* Button Link */
.btn-link {
    background: none;
}

/* Button Groups */
.btn-pack {
    display: inline-flex;
    flex-direction: column;
}

.btn-pack .btn:not(:first-child) {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .btn-pack .btn:not(:first-child) {
        margin-left: 20px;
        margin-top: 0;
    }

    .btn-pack {
        flex-direction: row;
    }
}

/* Card */
.card {
    border: 1px solid var(--clr-ntrl-mid-2);
    border-radius: 2.25rem;
    box-shadow: 0 0 1.25rem rgba(31,45,60,.05);
}
.card img.rounded { border-radius: 2.25rem 2.25rem 0 0 !important; }

/* Card Body */
.card-body { padding: 1.75rem; }

/* Card Img Borders */
.card-img,
.card-img-bottom { border-bottom-right-radius: calc(.75rem - 1px); border-bottom-left-radius: calc(.75rem - 1px); }

.card-img,
.card-img-top { border-top-left-radius: calc(.75rem - 1px); border-top-right-radius: calc(.75rem - 1px); }
/* Carousel */
.carousel {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    color: var(--clr-ntrl-min);
    text-align: left;
}
.carousel:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(50deg,var(--clr-ntrl-max) 0,var(--clr-ntrl-max) 100%) !important;
    opacity: 0.6;
    z-index: -1;
}
.carousel.no-overlay:before { background-image: none; }

/* Content Block */
.carousel .content-block { padding: 120px 0; }

@media(min-width: 992px) {
    .carousel .content-block { padding: 160px 0; }
}

/* Carousel Headings */
.carousel h1 { color: var(--clr-ntrl-min); margin-bottom: 1.25rem; }
.carousel h2 {
    color: var(--clr-ntrl-min);
    font-weight: 300;
}

.brand-item { text-align: center; filter: grayscale(100%); display: flex; justify-content: center; align-items: center; height: 85px; max-width: 125px; margin: 0 auto; }
.brand-item img {
    max-height: 100%;
}

/* CSS Variables */
:root {

    /* Body text / Background */
    --bs-body-color: #444444;
    --clr-base: #444444;
    --clr-base-dk: #383838;

    /* Primary brand color */
    --clr-primary: #BA131A;
    --clr-primary-dk: #970E15;
    --clr-primary-rgb: 186,19,26;

        /* Secondary brand color */
    --clr-secondary: #13BAB3;
    --clr-secondary-rgb: 19,186,179;

    /* Neutral */
    --clr-ntrl-min-rgb: 255,255,255;
    --clr-ntrl-mid-1: #F3F3F3;
    --clr-ntrl-mid-2: #EDEDED;
    --clr-ntrl-min: #FFFFFF;

    --clr-ntrl-max-rgb: 0,0,0;
    --clr-ntrl-max: #000000;

}
/* Body Attributes */
body {
    font-family: var(--ff-base);
    color: var(--clr-base);
    line-height: 1.5;
    font-size: 18px;
}

/* Section */
section {
    padding: 2.813rem 0;
    position: relative;
}

section:nth-of-type(2n) {
    background-color: var(--clr-ntrl-mid-1);
}

section.w-angle {
    padding-top: 5.5rem;
}

@media(min-width: 992px) {
    section {
        padding: 5rem 0 2.813rem;
    }

    section.w-angle {
        padding-top: 7.5rem;
    }
}

/* Links */
a {
    color: var(--clr-primary);
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

/* Website Container */
.website-ct {
    position: relative;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    background: var(--clr-ntrl-min);
    min-height: 100vh;
}

/* Site Overlay */
.site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease;
    z-index: 11;
    cursor: pointer;
}

.site-overlay.visible {
    opacity: 1;
}

/* Margin between columns (to cater for stacked columns) */
.row:not(.bs-row) {
    margin-top: -1.875rem;
}

.row:not(.bs-row) > [class*="col"] {
    margin-top: 1.875rem;
}

/* Focus */
*:focus {
    box-shadow: none !important;
}

/* Icons */
[data-prefix='fas'] {
    margin-right: 5px;
}

/* Paragraph Tags */
p {
    margin-bottom: 2rem;
}

p:last-child {
    margin-bottom: 0;
}

/* Lists */
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}

/* Anchor */
.anchor {
    position: absolute;
    margin-top: -110px;
}

.contact-form-panel { display: none; }
#EnquiryResult { display: none; }
.cookie-notice { padding: 40px 0px; }
.cookie-notice p { margin: 0 0 20px 0; }
/*Event Solutions*/
#eventSolutions .card {
    text-align: left;
    background: none;
    border-color: transparent;
    box-shadow: none !important;
    color: var(--clr-ntrl-min);
}
#eventSolutions .card .content { display: flex; justify-content: space-between; }
#eventSolutions .card h3 { color: var(--clr-ntrl-min); font-weight: 600; margin-bottom: 5px; text-transform: uppercase; }

#eventsToSee .event-item { position: relative; z-index: 1; background-size: cover; background-position: center center; color: var(--clr-ntrl-min); overflow: hidden; border: none; }
#eventsToSee .event-item:hover { text-decoration: none; }
#eventsToSee .event-item::before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background: var(--clr-primary) !important; opacity: 0.75; z-index: -1; transition: all .6s; }
#eventsToSee .event-item:hover::before { background: var(--clr-ntrl-max) !important; opacity: .85;}

#eventsToSee .event-content { padding: 60px 30px }

#eventsToSee .event-content h3 { color: var(--clr-ntrl-max); font-size: 1.9rem; text-transform: uppercase; font-weight: 600; transition: all .6s; }
#eventsToSee .event-content:hover h3 {
    color: var(--clr-ntrl-min);
}
:root {
    /* Font Family */
    --ff-base: "Source Code Pro", monospace;
    --ff-secondary: 'Quicksand', sans-serif;
}

footer {
    position: relative;
    background: linear-gradient(0deg,var(--clr-primary) 0,var(--clr-ntrl-max) 105%) !important;
    padding: 3rem 0;
    color: var(--clr-ntrl-min);
    margin-bottom: 0;
}

footer a {
    color: var(--clr-ntrl-min);
}

@media(min-width: 992px) {
    footer {
        padding: 5rem 0 3rem;
    }
}

/* Footer Headings */
footer h1 {
    color: var(--clr-ntrl-min);
    margin-bottom: 30px;
}

footer h2 {
    color: var(--clr-ntrl-min);
    text-transform: uppercase;
}

/* Field Validation */
.input-validation-error { border: solid 1px var(--clr-primary) !important; z-index: 197; }
.field-validation-error { color: var(--clr-primary); font-size: 0.8rem; }
.field-validation-error { display: block; margin-top: 5px; }

/* Workaround to highlight bootstrap selectpicker elements which fail validation */
.field-validation-error + .bootstrap-select .dropdown-toggle { border-color: var(--clr-primary); }

/* Validation Summary */
.validation-summary-valid { display: none; }
.validation-summary-errors { color: var(--clr-primary); font-weight: bold; margin: 20px 0px; }
.validation-summary-errors ul { margin: 0 0 0 18px; padding: 0px; }
.gallery-image .thumbnail {
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 120px;
}

@media(min-width: 768px) {
    .gallery-image .thumbnail {
        height: 110px;
    }
}

@media(min-width: 1200px) {
    .gallery-image .thumbnail {
        height: 140px;
    }
}

@media(min-width: 1400px) {
    .gallery-image .thumbnail {
        height: 180px;
    }
}

.gallery-image .thumbnail img {
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
}

.get-in-touch { height: auto; background-size: cover; background-position: center; position: relative; z-index: 1; color: var(--clr-ntrl-min); text-align: left; }
.get-in-touch:before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background-color: var(--clr-primary); opacity: 0.9; z-index: -1; }

.get-in-touch h2 { color: var(--clr-ntrl-min); }
/* Header */
header { margin-bottom: 30px; }

/* Headings */
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5 {
    font-family: var(--ff-secondary);
}

.h1, h1 {
    font-size: 2.65rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--clr-primary);
    line-height: 1em;
    text-transform: uppercase;
}
.h2, h2 {
    font-size: 1.5rem;
    margin-bottom: 30px;
    font-weight: 500;
    color: var(--clr-ntrl-max);
    line-height: 1.2em;
}
.h3, h3 {
    font-size: 1.35rem;
    font-weight: 500;
    color: var(--clr-primary);
    line-height: 1em;
}
.h4, h4 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4em;
}
.h5, h5 {
    font-weight: 500;
}

@media(max-width: 575.98px) {
    .h1, h1 { font-size: 1.95rem; }
    .h2, h2 { font-size: 1.5rem; line-height: 1.2em; }
}

@media(min-width: 768px) {
    .h1, h1 { font-size: 3.4rem; }
    .h2, h2 { font-size: 1.75rem; }
    .h3, h3 { font-size: 1.65rem; }
    .h4, h4 { font-size: 1.35rem; }
}
.header-logo {
    width: 500px;
    margin-bottom: 45px;
}

.logo-footer-ct  {
    overflow: clip;
}

.logo-footer-ct .logo {
    margin-bottom: -3.5%;
}
.shape-ct-top { transform: rotate(180deg); overflow: hidden; min-height: 19px; position: absolute; top: 0; left: 0; right: 0; }
.shape-ct-bottom { overflow: hidden; min-height: 19px; position: absolute; bottom: 0; left: 0; right: 0; }

#ourServices .service-item {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    color: var(--clr-ntrl-min);
    overflow: hidden;
    border: none;
}
#ourServices .service-item:hover { text-decoration: none; }
#ourServices .service-item::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: var(--clr-primary) !important;
    opacity: 0.75;
    z-index: -1;
    transition: all .6s;
}
#ourServices .service-item:hover::before {
    background: var(--clr-ntrl-max) !important;
}

#ourServices .service-content { padding: 60px 20px 120px 20px; }

@media(min-width: 768px) {
    #ourServices .service-content { padding-left: 25px; padding-right: 25px; }
}


#ourServices .service-content h3 {
    color: var(--clr-ntrl-max);
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .6s;
}

@media(min-width: 768px) {
    #ourServices .service-content h3 { font-size: 1.9rem; }
}

#ourServices .service-item:hover h3 { color: var(--clr-ntrl-min); }

/* Navigation Container */
#navBar {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 10;
    display: flex;
    background-color: var(--clr-ntrl-min);
    padding: 0;
    font-family: var(--ff-secondary);
    transition: all .4s;
    text-transform: uppercase;
    box-shadow: 0 0 1.25rem rgba(0,0,0,.25);
}

@media(max-width: 1199.98px) {
    #navBar { padding: 15px 0; }
}

/* Navbar Logo */
#navBar .logo { width: 200px; }

/* Nav Items */
#navBar .nav-items li { margin: 0; }
#navBar .nav-items li a:not(.btn) { padding: 25px 20px; color: inherit; display: block; font-weight: 600; }
#navBar .nav-items li a:hover:not(.btn) { color: var(--clr-primary); text-decoration: none; }
#navBar .nav-items li a.active { color: var(--clr-primary); }

.nav-items { align-items: center; }

@media(min-width: 1200px) { .nav-items { flex-direction: row; }
}

/* Navbar Toggler */
#navBar .navbar-toggler i { color: var(--clr-primary); }
#navBar.active .navbar-toggler i { color: var(--clr-ntrl-min); }


/********** SWIPE IN NAV ON SMALLER SCREENS **********/
@media(max-width: 1199.98px) { /* Nav Closed */
    #navBar .nav-ct { position: fixed; max-width: 450px; transform: translateX(-100%); height: 100%; top: 0; left: 0; overflow: hidden; padding: 0; z-index: 9999; background: var(--clr-ntrl-min); transition: all .6s ease; }

    /* Nav Open */
    #navBar .nav-ct.open { transform: translateX(0px); transform: translate(0); box-shadow: 0 0px 14px rgba(0,0,0,0.1); }

    /* Menu title and close icon */
    #navBar .menu-header { position: relative; height: 70px; display: flex; align-items: center; padding: 0 20px; }

    #navBar .menu-header .close-menu { position: absolute; top: 0; right: 1px; border: none; background: none; color: inherit; height: 100%; align-items: center; display: flex; padding: 0 23px; }
    #navBar .menu-header .close-menu:hover { color: var(--clr-primary); text-decoration: none; }
    #navBar .menu-header .close-menu,
    #navBar .menu-header .close-menu .svg-inline--fa { margin: 0; }
    #navBar .menu-header .close-menu i { }

    /* Shows scrollable navigation on smaller screens  */
    #navBar .nav-item-container { height: calc(100% - 70px); position: relative; }

    /* Nav Links */
    #navBar .nav-items { display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; height: auto; overflow-y: auto; }
    #navBar .nav-items li { text-align: center; }
    #navBar .nav-items li a:not(.btn) { position: relative; display: block; padding: 12px 20px; font-size: 1.5rem; }
    #navBar .nav-items li a:hover { text-decoration: none; }
    #navBar .nav-items a.btn { margin: 20px; display: block; font-size: 1.5rem; }

}

/* Stop body scrolling when nav is open */
body.nav-open { height: 100vh; overflow-y: hidden; }

/* Contact Sidebar */
.contact-sidebar { width: 100%; background: var(--clr-ntrl-min); top: 0px; right: 0px; padding: 40px; position: fixed; max-width: 450px; height: 100%; transform: translateX(100%); overflow: hidden; overflow-y: auto; box-shadow: 1px 1px 18px rgba(157, 184, 209, 0.5); z-index: 99; transition: all .6s ease; }

.contact-sidebar.open { transform: translateX(0px); transform: translate(0); box-shadow: 0 0px 14px rgba(0,0,0,0.1); }

.contact-sidebar a {
    color: var(--bs-body-color);
}

.contact-sidebar h1 { margin-bottom: 0; }
.contact-sidebar h2 { color: var(--clr-primary); margin-bottom: 5px; }

.contact-sidebar i { color: var(--clr-ntrl-max); }

.contact-sidebar .contact-toggle { position: absolute; right: 21px; font-size: 1.25rem; top: 5px; }

@media(min-width: 1200px) and (max-width: 1399.98px) {
    #navBar .logo {
        width: 150px;
    }
}
/* Slick Slider Dots */
.slick-dots { bottom: 55px; }
.slick-dots li button::before {
    color: var(--clr-ntrl-min);
    font-size: 12px;
}
.slick-dots li.slick-active button::before {
    opacity: .75;
    color: var(--clr-ntrl-min);
}
.slick-dotted.slick-slider { margin-bottom: 0; }

/* Initialise Carousel when images have loaded  */
.slick-hide-default { display: none; }
.slick-initialized { display: block; }
.social-icons li:not(:last-of-type) { margin-right: 30px; }
.social-icons li a { display: flex; align-content: center; }
.social-icons li a:hover {
    text-decoration: none;
    color: var(--clr-ntrl-max);
}
.primary-bg {
    background-color: var(--clr-primary);
    color: var(--clr-ntrl-min);
}

/********** Section Colours **********/
/* Primary BG */
.primary-bg {
    background-color: var(--clr-primary) !important;
    color: var(--clr-ntrl-min);
}

.primary-bg h1 {
    color: var(--clr-ntrl-max);
}

.primary-bg h2 {
    color: var(--clr-ntrl-min);
}

.primary-bg i {
    color: var(--clr-ntrl-min);
}

/* Secondary BG */
.secondary-bg {
    background-color: var(--clr-ntrl-max) !important;
}

.secondary-bg h1 {
    color: var(--clr-ntrl-min);
}

.secondary-bg h2 {
    color: var(--clr-ntrl-min);
}

.secondary-bg i {
    color: var(--clr-ntrl-min);
}

/* Gutters for cols */
/* Small Col Gutters */
.sml-gutters > .col, .sml-gutters > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}


/* Visibility */
.v-none {
    visibility: hidden;
}

/********** Font Weight CSS **********/
/* Lead */
.lead {
    font-size: 1.125rem;
    font-weight: 500;
}

/* Font Weight Semi Bold */
.font-weight-semi-bold {
    font-weight: 600;
}


/********** Margin CSS **********/
/* Margin Bottom 6 */
.mb-6, .my-6 {
    margin-bottom: 4.5rem !important;
}

/* Margin Right 6 */
.me-6, .mx-6 {
    margin-bottom: 4.5rem !important;
}

/* Margin Top 6 */
.mt-6, .my-6 {
    margin-top: 4.5rem !important;
}

/********** Margin CSS **********/
/* Large Shadow */
.shadow-lg {
    box-shadow: 0 1rem 2.85rem rgba(6,86,149,.150) !important;
}

/********** Text Coolours **********/
/* White text */
.white-text {
    color: var(--clr-ntrl-min);
}

/* Rounded */
.rounded {
    border-radius: 2.25rem !important;
}

/* Horizontal Rule */
hr {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
@media(min-width: 1500px) {

    /* Enlarge size of container when screen width is at least 1500px */
    .container { max-width: 1500px; }

    /* XXL column widths */
    .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 15px; padding-left: 15px; position: relative; }
    .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; padding-right: 15px; padding-left: 15px; position: relative; }
    .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    /* XXL Display Flex */
    .d-xxl-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-xxl-none { display: none !important; }
    .d-xxl-inline-block { display: inline-block !important; }
    .d-xxl-block { display: block !important; }
    .d-xxl-table-cell { display: table-cell !important; }

    /********** Navbar Extend **********/
    /* Navbar Extend */
    .navbar-expand-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }


    /********** Margin **********/

    /* Margin Auto */
    .ms-xxl-auto, .mx-xxl-auto { margin-left: auto !important; }

    /* Margin Top/Bottom 0 */
    .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; }
    .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; }

    /* Margin Top/Bottom 2 */
    .mb-xxl-2, .my-xxl-2 { margin-bottom: .5rem !important; }
    .mt-xxl-0, .my-xxl-0 { margin-top: .5rem !important; }

    /* Margin Top/Bottom 3 */
    .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; }
    .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; }

    /* Margin Top/Bottom 4 */
    .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; }
    .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; }

    /* Margin Top/Bottom 5 */
    .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; }
    .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; }

    /* Margin Right/Left 5 */
    .me-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; }
    .ms-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; }

    /* Margin Right 6 */
    .me-xxl-6, .mx-xxl-6 { margin-right: 4.5rem !important; }

    /* Margin Left 0 */
    .ms-xxl-0, .mx-xxl-0 { margin-left: 0 !important; }


    /********** Text Alignment **********/

    /* Text-Align Left */
    .text-xxl-left { text-align: left !important; }


    /********** Justify Content **********/

    /* Justify Content End */
    .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }


    /********** Ordering **********/
    /* Order 0 */
    .order-xxl-0 { -ms-flex-order: 0; order: 0; }

}