/* Minification failed. Returning unminified contents.
(106,17): run-time error CSS1039: Token not allowed after unary operator: '-fs-darkgrey-colour'
(170,28): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(262,28): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(263,24): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(269,28): run-time error CSS1039: Token not allowed after unary operator: '-fs-darkgrey-colour'
(270,24): run-time error CSS1039: Token not allowed after unary operator: '-fs-darkgrey-colour'
(283,28): run-time error CSS1039: Token not allowed after unary operator: '-fs-blue-colour'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,28): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(632,17): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(729,17): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(764,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(768,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(1014,32): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(1018,32): run-time error CSS1039: Token not allowed after unary operator: '-fs-blue-colour'
(1131,40): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(1137,40): run-time error CSS1039: Token not allowed after unary operator: '-fs-blue-colour'
(1231,32): run-time error CSS1039: Token not allowed after unary operator: '-fs-blue-colour'
(1235,32): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(1349,40): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
(1563,32): run-time error CSS1039: Token not allowed after unary operator: '-fs-red-colour'
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

table td, table th
{
    text-align: left;
}

a:visited, a:active, a:hover
{
    text-decoration: none;
}

a, img
{
    border: 0;
}

a, a:visited
{
    color: inherit;
    text-decoration: none;
}

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

textarea {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
}
body {
    font-family: "soleto",Arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: rgb(103, 103, 103);
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#MainPanel {
    flex: 1;
}


/*form {
    height: 100%;
}*/

.login-status-inner a {
    text-transform: uppercase;
    color: var(--fs-darkgrey-colour);
    font-weight: 600;
}

.page {
    min-width: 960px;
    margin-bottom: -278px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.fixed-content {
    padding: 50px 40px;
}

.page-content {
    margin-top: 50px;
    margin-bottom: 50px;
}

.content-center {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .content-center.wide {
        max-width: 1360px;
        padding: 0 40px;
    }

/* Header */

.header-container {
    width: 100%;
}

.header {
    /*  height: 85px;*/
    /* REVIEW */
    zoom: 1;
    position: relative;
    font-weight: 400;
    background: #fff;
    z-index: 1001;
    min-height: 85px;
}

.header-logo {
    max-width: 227px;
    /* margin:0 auto;*/
    display: block;
}

/* Footer */

.push, .footer {
    /* height: 278px;*/
}

.footer {
    /*    min-width: 960px;*/
    color: #FFFFFF;
    background-color: var(--fs-red-colour) !important;
    letter-spacing: -0.02em;
    /*  position: static;
    bottom: 0;*/
    width: 100%;
    margin-top: auto;
}

    .footer a, .footer a:visited {
        color: #FFFFFF;
    }

    .footer .column {
        float: left;
        font-size: 13px;
        line-height: 19px;
        font-weight: 400;
        margin-left: 28px;
    }

    .footer .column-right {
        float: right;
        width: 280px;
    }

    .footer .heading {
        font-size: 15px;
        font-weight: 700;
        margin-top: 40px;
        height: 31px;
        padding-top: 2px;
        line-height: 19px;
    }

    .footer .contact {
        background: url('../Images/Footer/contact-icon.png') no-repeat 0 2px;
        padding-left: 30px;
    }

    .footer .info {
        background: url('../Images/Footer/info-icon.png') no-repeat 0 0;
        padding-left: 30px;
    }

    .footer .follow-us {
        display: inline-block;
        margin-right: 4px;
    }

div.social {
    display: inline-block;
    position: relative;
    top: 12px;
}

    div.social a {
        margin-left: 4px;
        display: inline-block;
        width: 34px;
        height: 34px;
    }

        div.social a.fb {
            background: url('../Images/Contact/fb.png') no-repeat 0 0;
        }

        div.social a.gp {
            background: url('../Images/Contact/gp.png') no-repeat 0 0;
        }

        div.social a.li {
            background: url('../Images/Contact/li.png') no-repeat 0 0;
        }

        div.social a.tw {
            background: url('../Images/Contact/tw.png') no-repeat 0 0;
        }

        div.social a.yt {
            background: url('../Images/Contact/yt.png') no-repeat 0 0;
        }

div.copyright {
    position: absolute;
    right: 10px;
    bottom: 77px;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
}

.btn-primary {
    background-color: var(--fs-red-colour) !important;
    border-color: var(--fs-red-colour) !important;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-secondary {
    background-color: var(--fs-darkgrey-colour) !important;
    border-color: var(--fs-darkgrey-colour) !important;
    color: #fff !important;
    text-transform: uppercase;
}

/* Menu */

div.menu-container {
    position: relative;
    height: 44px;
}

div.menu li.red, div.menu-background-left {
    background-color: var(--fs-blue-colour);
    border-top: 1px solid #f7e1e2;
    /*  border-bottom: 1px solid #f0c3c4;*/
}

div.menu li, div.menu-background-right {
    background-color: #b1b1b1;
    border-top: 1px solid #E5E5E5;
    /*  border-bottom: 1px solid #CACACA;*/
}

div.menu-background-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}

div.menu-background-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 67%;
}

div.menu, div.menu-background-left, div.menu-background-right {
    height: 44px;
}

div.menu {
    margin-left: 17px;
}

    div.menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div.menu li {
        display: block;
        position: relative;
        float: left;
        white-space: nowrap;
        z-index: 1000;
    }

        div.menu li span.separator {
            background-color: #7D7D7D;
            display: block;
            width: 2px;
            height: 10px;
            position: absolute;
            right: 0;
            top: 16px;
        }

    div.menu ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
    }

        div.menu ul ul li {
            float: none;
            text-align: left;
            border: none;
        }

    div.menu ul li:hover > ul {
        display: block;
    }

    div.menu ul ul ul {
        position: absolute;
        left: 100%;
        top: 0;
    }

    div.menu a {
        color: #FFF;
        display: block;
        text-decoration: none;
        line-height: 43px;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        padding: 0 12px 0 10px;
        text-transform: uppercase;
    }

.wf-active div.menu a, .wf-loading div.menu a {
    letter-spacing: 0.015em;
}

div.menu a.about {
    padding-left: 18px;
    /*  border-left: 1px solid #695556;*/
}

div.menu a.products {
    background: url('../Images/Navigation/nav-arrow.png') no-repeat 0 9px;
    padding: 0 21px 0 35px;
    font-size: 15px;
    font-weight: 500;
}

.wf-active div.menu a.products, .wf-loading div.menu a.products {
    font-size: 17px;
    letter-spacing: 0.05em;
}

div.menu ul.products-menu a {
    width: 150px;
}

div.menu a.dropdown {
    background-color: rgb(102, 102, 102);
    text-align: left;
    padding: 0 20px;
    border: 0;
}

    div.menu a.dropdown:hover, div.menu a.dropdown.selected {
        background-color: #3A3A3A;
    }

@media only screen and (max-width: 1020px) {
    .content-center {
        padding: 0 20px;
    }

    #MainPanel {
        margin-top:20px;
    }
}

/* core colour variables */
:root {
    --fs-red-colour: #c61d23;
    --fs-blue-colour: #003087;
    --fs-grey-colour: #B1B2B4;
    --fs-darkgrey-colour: #696D6F;
    /*    --header-bg-color: rgb(58, 58, 58);
    --header-text-color: #FFFFFF;
    --table-border-color: rgb(211, 211, 211);
    --table-bg-color: rgb(249, 249, 249);*/
}

p {
    margin: 10px 0 10px 0;
}

.clear {
    clear: both;
}


.btn-primary.btn-lg {
    min-width:200px;
}
/* Table */
/*
.table {
    border-collapse: collapse;
}

    .table th, .table td {
        text-align: center;
    }

    .table th {
        padding: 8px 8px 8px 10px;
        border: 1px solid rgb(124, 124, 124);
        border-left: 3px solid #fff;
        background-color: rgb(58, 58, 58);
        color: #FFFFFF;
        line-height: 25px;
        font-weight: 500;
        letter-spacing: -0.01em;
        text-transform: uppercase;
    }

        .table th.first {
            border-left: 1px solid rgb(124, 124, 124);
        }

    .table td {
        padding: 7px 8px 7px 10px;
        border: 1px solid rgb(211, 211, 211);
        background-color: rgb(249, 249, 249);
    }

        .table td a {
            text-decoration: underline;
        }

            .table td a:hover {
                text-decoration: none;
            }

            .table td a.button, .table-form td a.button {
                text-decoration: none;
                background-color: rgb(0, 91, 148);
                border: 1px solid rgb(116, 165, 195);
                display: inline-block;
                color: #fff;
                padding: 0 20px;
                text-transform: uppercase;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: -0.01em;
            }*/
/* Pager */
.pager {
    margin-top: 10px;
}

    .pager a {
        border: 1px solid rgb(124, 124, 124);
        background-color: rgb(58, 58, 58);
        display: inline-block;
        padding: 5px;
        text-decoration: none;
        color: #fff;
    }

    .pager span {
        margin-left: 10px;
        font-weight: 400;
        text-transform: uppercase;
    }

.input-form {
    border-collapse: collapse;
}

    .input-form th, .input-form td {
        text-align: left;
        font-weight: normal;
        padding: 4px 4px 4px 0;
    }

/* Table Form */

.table-form {
    border-collapse: collapse;
}

    .table-form th {
        border: 1px solid rgb(124, 124, 124);
        border-bottom: 3px solid #fff;
        background-color: rgb(58, 58, 58);
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
    }

        .table-form th.last {
            border-bottom: 1px solid rgb(124, 124, 124);
        }

    .table-form td {
        border: 1px solid rgb(211, 211, 211);
        background-color: rgb(249, 249, 249);
    }

    .table-form th, .table-form td {
        text-align: left;
        padding: 8px 10px 8px 10px;
    }

        .table-form td a {
            text-decoration: underline;
        }

            .table-form td a:hover {
                text-decoration: none;
            }

/* Messages */

div.message-box {
    margin: 20px 0 0 0;
    height: 24px;
    padding-left: 30px;
    padding-top: 1px;
}

div.info {
    background-image: url('../Images/info.png');
    background-repeat: no-repeat;
}

div.warning {
    background-image: url('../Images/warning.png');
    background-repeat: no-repeat;
}

div.validation-messages {
    min-height: 24px;
    margin: 20px 0 -20px 0;
    padding-left: 30px;
    padding-top: 2px;
    background-image: url('../Images/warning.png');
    background-repeat: no-repeat;
}

    div.validation-messages ul {
        margin: 10px 0 10px 25px;
        list-style-type: disc;
    }

        div.validation-messages ul li {
            padding: 2px;
        }

div.save {
    margin-top: 20px;
}

a.red-button {
    background-color: var(--fs-red-colour);
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    padding: 0 20px;
    height: 41px;
    line-height: 43px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-top: 1px solid #d14a4f;
    border-left: 1px solid #d0454a;
    border-bottom: 1px solid #f0c3c4;
    border-right: 1px solid #f5d7d8;
}

    a.red-button:hover, a.red-button:active {
        background-color: rgb(221, 33, 42);
        text-decoration: none;
    }

div.page-title {
    font-family: Calibri,Arial;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    color: var(--fs-red-colour);
    margin-bottom: 10px;
}

#loader {
    border-radius: 15px 15px 0 0;
    background-color: rgb(58, 58, 58);
    border: 2px solid #fff;
    border-bottom: none;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    padding: 13px 18px;
    position: fixed;
    right: 15px;
    bottom: 0;
    display: block;
    z-index: 1000;
}

div.loading {
    background: url('../Images/loading.gif') no-repeat 0 0;
    display: block;
    height: 32px;
    width: 32px;
    position: relative;
    margin: 60px auto;
}

/* Lightbox */

div.lightbox {
    display: block;
    z-index: 2001;
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

    div.lightbox .content {
        padding: 20px;
    }

    div.lightbox a.close {
        background: url('../Images/Buttons/close_blue.png') no-repeat 0 0;
        position: absolute;
        top: -16px;
        right: -16px;
        display: block;
        height: 32px;
        width: 32px;
    }

        div.lightbox a.close:hover {
            background: url('../Images/Buttons/close_red.png') no-repeat 0 0;
        }

#overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    position: fixed;
    z-index: 2000;
    display: none;
}

.no-scroll {
    overflow: hidden;
}

/* Slideshow */

#slideshow .active {
    z-index: 2;
}

#slideshow {
    position: relative;
    height: 345px;
    overflow: hidden;
}

    #slideshow.no-content {
        height: 0;
    }


/* Page Title */

div.page-title {
    font-size: 33px;
    font-weight: 300;
    line-height: 31px;
    letter-spacing: -0.03em;
    color: var(--fs-red-colour);
    text-transform: uppercase;
    /* REVIEW: OVERRIDE INHERITED STYLES*/
    font-style: normal;
    font-family: "soleto",Arial,sans-serif;
    margin-bottom: 20px;
}

    div.page-title b, div.page-title.bold {
        font-weight: 400;
    }

    div.page-title.center {
        text-align: center;
    }

    div.page-title .grey {
        color: rgb(103, 103, 103);
    }

/* General Titles */

div.title {
    text-transform: uppercase;
}

    div.title b, div.title.bold {
        font-weight: 400;
    }

    div.title.center {
        text-align: center;
    }

    div.title.red {
        color: var(--fs-red-colour);
    }

    div.title .red-text {
        color: var(--fs-red-colour);
    }

/* Bars */

div.main-bar {
    background: url('../Images/Home/bar.png') repeat;
}

.red-strip {
    background: url('../Images/About/red-strip.jpg') no-repeat center center;
    height: 217px;
    padding-top: 1px;
    margin-top: -1px;
}

    .red-strip .title {
        margin-top: 60px;
        font-size: 27px;
        line-height: 25px;
        letter-spacing: -0.02em;
        color: #fff;
        text-align: center;
    }

/* Submit Form */

.submit-form .cell {
    margin: 0 14px 14px 0;
}

/*
.submit-form .cell {
    margin: 0 14px 14px 0;
    float: left;
}

    .submit-form .cell.last-column {
        margin-right: 0;
    }

    .submit-form .cell.last-row {
        margin-bottom: 0;
    }

    .submit-form .cell.full-width {
        width: 100%;
    }

    .submit-form .cell.full-height {
        height: 38px;
    }*/

/*.submit-form input[type="text"], .submit-form input[type="password"], .submit-form textarea, .submit-form select, .submit-form .input, .input {
    border: 1px solid rgb(211, 211, 211);
    background-color: rgb(249, 249, 249);
    height: 36px;
    width: 250px;
    line-height: 36px;
    padding: 0 14px;
    font-family: "soleto",Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.01em;
}*/

.submit-form textarea {
    padding: 14px;
    resize: none;
    line-height: 22px;
}

/*.submit-form select {
    height: 38px;
    line-height: 38px;
    padding-right: 0;
}*/

.placeholder {
    color: #aaa;
}

/* Check Box */

.check-box {
    height: 38px;
}

    .check-box label {
        display: inline-block;
        position: relative;
        top: 8px;
        left: 50px;
    }

        .check-box label a {
            text-decoration: underline;
        }

            .check-box label a:hover, .check-box label a:visited {
                text-decoration: none;
            }

    .check-box input[type="checkbox"] {
        display: none;
    }

/* Drop Down List */

.styled-select select {
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 0;
}

.styled-select {
    overflow: hidden;
    background: url('../Images/arrow.png') no-repeat center right;
    background-color: rgb(249, 249, 249);
    border: 1px solid #ccc;
    margin-right: 10px;
}

/* Hyphen List */

ul.hyphen-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.hyphen-list li {
        background: rgba(0, 0, 0, 0) url("../Images/hyphen.png") no-repeat 0 11px;
        margin: 0;
        padding: 0 0 0 12px;
    }


/* Login Page */

div.login-page .login-form input[type="text"], div.login-page .login-form input[type="password"] {
    width: 443px;
}

div.login-page .login-form .cell.wide {
    width: 473px;
    margin-top: 10px;
}

/* Account Page */

div.account-page .details-form input[type="text"], div.account-page .details-form input[type="password"] {
    width: 200px;
}

div.account-page .details-form .cell {
    margin-right: 10px;
}

    div.account-page .details-form .cell.last-column {
        margin-right: 0;
    }

    div.account-page .details-form .cell.last-row {
        margin-bottom: 0;
    }

div.account-page .details-form .red-button {
    padding: 0;
    width: 228px;
    height: 36px;
    line-height: 38px;
}

/* Register Page */

.register-page .page-title {
    margin-bottom: 30px;
}

.register-page .register-form {
    width: 614px;
    margin: 0 auto;
}

    .register-page .register-form input[type="text"], .register-page .register-form input[type="password"] {
        width: 263px;
    }

/* Gallery Page */

div.gallery-bg {
    margin: 0 auto 0;
    width: 700px;
}

div.gallery-container {
    margin-top: 30px;
}


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

    .home-list li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 0.7rem;
        text-transform: uppercase;
    }

        .home-list li:before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 700;
        }

.home-item {
    color: #fff;
    position: relative;
}

.home-item-image {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 530px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #d9d9d9;
    overflow: hidden;
}

.home-item-text {
    padding-left: 20rem !important;
}

    .home-item-text-red {
        background-color: var(--fs-red-colour);
    }

    .home-item-text-blue {
        background-color: var(--fs-blue-colour);
    }

@media(max-width:991px){

    .home-bubbles {
        margin-top: 50px;
    }

    .home-item-image {
        top: auto;
        width: 200px;
        bottom: -100px;
        transform: none;
    }

    .home-item-text {
        padding-left: 0px !important;
    }
}

#homepage-video {
    width: 100%;
    /*margin-top:-240px;*/
}

div.home-page {
    margin-top: 0px;
}

    div.home-page .banner {
        height: 334px;
        margin: 0 auto;
        display: block;
        background: url('../Images/Home/banner.jpg') no-repeat center center;
    }

    div.home-page .show-title {
        text-align: center;
        margin: 20px;
        font-size: 26px;
    }

        div.home-page .show-title a {
            text-decoration: underline;
        }

            div.home-page .show-title a:hover {
                text-decoration: none;
            }


    div.home-page .show-desc {
        text-align: center;
        font-size: 24px;
        width: 900px;
        margin: 20px auto;
        text-transform: none;
    }

    div.home-page .show {
        height: 227px;
        margin: 0 auto;
        display: block;
        background: url('../Images/Home/offsite-show.png') no-repeat center center;
    }

    div.home-page div.intro {
        width: 550px;
        min-height: 278px;
        padding-left: 370px;
        background: url('../Images/Home/ipad.png') no-repeat;
        text-align: left;
        margin-top: 45px;
    }

        div.home-page div.intro b {
            font-weight: 400;
        }

        div.home-page div.intro div.title {
            font-size: 33px;
            line-height: 31px;
            letter-spacing: -0.03em;
            margin-bottom: 10px;
        }

    div.home-page .main-info {
        /* margin-top: 47px;*/
    }

        div.home-page .main-info .column {
            float: left;
            width: 473px;
            margin-right: 14px;
        }

        div.home-page .main-info .column-header {
            color: #FFF;
            height: 154px;
            font-size: 27px;
            line-height: 26px;
            letter-spacing: -0.04em;
            margin-bottom: 4px;
        }

            div.home-page .main-info .column-header b {
                font-weight: 500;
            }

            div.home-page .main-info .column-header.red {
                border-top: 1px solid #f7e1e2;
                border-bottom: 1px solid #dd777b;
                background-color: var(--fs-red-colour);
            }

            div.home-page .main-info .column-header.blue {
                border-top: 1px solid #dde9f1;
                border-bottom: 1px solid #669dbf;
                background-color: var(--fs-blue-colour);
            }

        div.home-page .main-info .title {
            padding: 23px 0 0 26px;
        }

        div.home-page .main-info .detail-1 {
            padding: 27px 20px 0 27px;
        }

        div.home-page .main-info .detail-2 {
            padding: 27px 20px 0 11px;
        }

        div.home-page .main-info .column.last {
            margin-right: 0;
        }

    div.home-page div.customers-container {
        position: relative;
        height: 150px;
    }

    div.home-page div.customers-content {
        height: 100%;
        overflow: hidden;
        position: relative;
    }

        div.home-page div.customers-content .customer {
            position: absolute;
            left: 100%;
            height: 100%;
            width: 100%;
        }

        div.home-page div.customers-content .logo {
            height: 70px;
            width: 100%;
            position: absolute;
            bottom: 5px;
        }

        div.home-page div.customers-content .quote {
            width: 960px;
            margin: 25px auto 0;
            font-size: 18px;
            line-height: 24px;
            text-align: center;
        }

    div.home-page a.scroll-left {
        display: none;
    }

    div.home-page a.scroll-right {
        display: none;
    }

    div.home-page div.step-discs {
        margin-top: 45px;
        margin-bottom: 50px;
        text-align: center;
    }

        /*   div.home-page div.step-discs .main-bar {
            width: 634px;
        }*/

        div.home-page div.step-discs .title {
            font-size: 27px;
            line-height: 20px;
            letter-spacing: -0.033em;
            margin: 23px 0 21px 0;
        }

.card {
    border-radius: 0 !important;
}

.card-img {
    border-radius: 0 !important;
}

.card-header {
    color: #fff !important;
    font-size: 27px;
    letter-spacing: -0.04em;
    font-weight: 600;
    border-radius: 0 !important;
}

    .card-header.blue {
        background-color: var(--fs-blue-colour) !important;
    }

    .card-header.red {
        background-color: var(--fs-red-colour) !important;
    }

.card .btn {
    font-weight: 600;
}


div.about-page {
}

    div.about-page .intro {
        width: 875px;
        margin: 0 auto;
        text-align: center;
    }

        div.about-page .intro b {
            font-weight: 500;
        }

    div.about-page div.award {
        width: 550px;
        min-height: 278px;
        padding-left: 410px;
        background: url('../Images/About/awards-ceremony.jpg') no-repeat;
        text-align: left;
        margin-top: 45px;
    }

    div.about-page .award a {
        text-decoration: underline;
    }

        div.about-page .award a:hover {
            text-decoration: none;
        }

    div.about-page div.award b {
        font-weight: 400;
    }

    div.about-page div.award div.title {
        font-size: 33px;
        line-height: 31px;
        letter-spacing: -0.03em;
        margin-bottom: 10px;
    }

    div.about-page .benefits {
        margin-top: 50px;
        position: relative;
    }

        div.about-page .benefits .grey-strip {
            background: url('../Images/About/grey-strip.jpg') no-repeat center center;
            height: 393px;
            padding-top: 1px;
            margin-top: -1px;
        }

        div.about-page .benefits .detail {
            margin-top: 20px;
            letter-spacing: -0.015em;
            color: #fff;
            text-align: center;
            width: 925px;
            margin: 20px 0 auto 0;
        }

        div.about-page .benefits .list {
            width: 480px;
            min-height: 284px;
            padding-left: 485px;
            background: url('../Images/About/benefits.jpg') no-repeat 0 7px;
            margin-top: 50px;
            line-height: 23px;
            letter-spacing: -0.015em;
        }

    div.about-page .steps {
        margin-top: 50px;
    }

        div.about-page .steps .title {
            font-size: 27px;
            line-height: 25px;
            letter-spacing: -0.02em;
            text-align: center;
        }

        div.about-page .steps .detail {
            letter-spacing: -0.015em;
            text-align: center;
            width: 720px;
            margin: 0 auto;
        }

        div.about-page .steps .column {
            float: left;
            width: 180px;
            height: 328px;
            padding: 20px 24px 0 23px;
            margin-right: 14px;
            background-color: rgb(209, 210, 212);
            border: 1px solid rgb(227,228,229);
        }

            div.about-page .steps .column.wide {
                width: 190px;
                padding: 20px 14px 0 23px;
            }

            div.about-page .steps .column.red {
                background-color: var(--fs-red-colour);
                border: 1px solid rgb(221, 122, 126);
                color: #fff;
            }

            div.about-page .steps .column.blue {
                background-color: rgb(30, 85, 128);
                border: 1px solid rgb(136,165,188);
                color: #fff;
            }

            div.about-page .steps .column.last {
                margin-right: 0;
            }

        div.about-page .steps img {
            margin-top: 5px;
            margin-right: 14px;
            float: left;
        }

            div.about-page .steps img.last {
                margin-right: 0;
            }

        div.about-page .steps .step-number {
            font-family: "myriad-pro", Arial;
            font-weight: 700;
            font-size: 51px;
            line-height: 31px;
            letter-spacing: -0.015em;
            margin-bottom: 15px;
            color: #fff;
        }

        div.about-page .steps .step-title {
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 10px;
            color: #000;
            font-weight: 400;
        }

        div.about-page .steps .column.red .step-title, div.about-page .steps .column.blue .step-title {
            color: #fff;
        }

        div.about-page .steps .step-detail {
            letter-spacing: -0.015em;
        }


div.modular-page {
}

    div.modular-page .intro {
        line-height: 21px;
    }

        div.modular-page .intro p {
            padding: 0;
            margin: 10px 0 0 0;
        }

    div.modular-page .modular-form input[type="text"] {
        width: 202px;
    }

    div.modular-page .modular-form .upload {
        display: block;
        height: 41px;
        line-height: 43px;
        cursor: pointer;
    }

    div.modular-page .modular-form .upload-arrow {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    div.modular-page .modular-form .cell {
        margin-right: 10px;
        position: relative;
    }

        div.modular-page .modular-form .cell.last-column {
            margin-right: 0;
        }

        div.modular-page .modular-form .cell.last-row {
            margin-bottom: 0;
        }


div.configure-page .selector {
    margin-top: 37px;
    position: relative;
    min-height: 500px;
}

div.configure-page .form-column {
  /*  float: left;
    width: 538px;*/
}

div.configure-page .image-column {
    /*  float: right;
    width: 422px;*/
    position: relative;
    height: 430px;
}

div.configure-page img.selector-image {
    border: 1px solid #c7cfdb;
    height: 420px;
    width: 420px;
    position: absolute;
    left: 0;
    top: 0;
}

div.configure-page .configure-form select {
   /* width: 255px;*/
}

div.configure-page .configure-form input[type="text"] {
    /*width: 225px;*/
}

div.configure-page .configure-form a.red-button {
    padding-left: 0;
    padding-right: 0;
   /* width: 253px;*/
}

/*div.configure-page .continue {
    position: absolute;
    right: 0;
    bottom: 0;
}

    div.configure-page .continue .title {
        margin-right: 15px;
        font-weight: 500;
        display: inline-block;
        vertical-align: top;
        text-transform: none;
    }*/

div.configure-page div.custom-value-validation {
    min-height: 24px;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-top: 2px;
    background-image: url('../Images/warning.png');
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 20px;
}

div.configure-page .load-image-container {
    border: 1px solid #c7cfdb;
    padding: 10px 0;
    background-color: #fff;
}

div.configure-page .max-load-image {
    width: 300px;
    display: block;
    margin: 0 auto;
}


div.product-page .product-options {
    /* width: 962px;
    margin: 35px auto 0 auto;*/
}

div.product-page .product-option {
    /* float: left;
    width: 320px;
    position: relative;*/
}

    div.product-page .product-option.red {
        /*margin-right: 2px;*/
    }

    div.product-page .product-option a {
        text-decoration: none;
    }

        div.product-page .product-option a:hover {
            text-decoration: none;
        }

    div.product-page .product-option .hover-overlay {
        height: 100%;
        margin: 0 7px 0 7px;
    }

/*    div.product-page .product-option.red .hover-overlay {
        margin: 0 5px 0 5px;
    }
*/
    div.product-page .product-option a:hover .hover-overlay {
        background-color: rgb(91, 91, 91);
        opacity: 0.6;
        z-index: 10;
        position: relative;
    }

    div.product-page .product-option.red a:hover .hover-overlay {
        background-color: var(--fs-red-colour);
    }

    div.product-page .product-option.blue a:hover .hover-overlay {
        background-color: rgb(30, 85, 128);
    }

    div.product-page .product-option .product-header {
        background: url('../Images/Brackets/grey-header.png') no-repeat center 0;
        height: 102px;
        z-index: 20;
        position: relative;
    }

    div.product-page .product-option.red .product-header {
        background: url('../Images/Brackets/red-header.png') no-repeat center 0;
    }

    div.product-page .product-option.blue .product-header {
        background: url('../Images/Brackets/blue-header.png') no-repeat center 0;
    }

    div.product-page .product-option .cut-strut {
        background: url('../Images/Brackets/cut-strut.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

    div.product-page .product-option .bracket {
        background: url('../Images/Brackets/bracket.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

    div.product-page .product-option .modular {
        background: url('../Images/Brackets/modular.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

    div.product-page .product-option .trapeze {
        background: url('../Images/Brackets/trapeze.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

    div.product-page .product-option .christmas-tree {
        background: url('../Images/Brackets/xmas.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

    div.product-page .product-option .h-frame {
        background: url('../Images/Brackets/hframe.jpg') no-repeat center 0;
        height: 264px;
        position: relative;
        top: -40px;
    }

div.product-page div.product-option .title {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    letter-spacing: -0.01em;
    text-align: center;
    padding-top: 28px;
}

div.product-page div.product-option div.description {
    padding-left: 18px;
    font-size: 15px;
    position: relative;
    top: -18px;
}

.hover-overlay {
    max-width: 308px;
    margin:0 auto !important;
}


div.quote-summary-page .page-title {
    margin-bottom: 27px;
}

div.quote-summary-page .quote-table {
    width: 100%;
}

    div.quote-summary-page .quote-table th, div.quote-summary-page .quote-table td {
        text-align: left;
    }

    div.quote-summary-page .quote-table td {
        vertical-align: top;
    }

div.quote-summary-page .form-title {
    font-size: 19px;
    letter-spacing: -0.01em;
    margin-top: 50px;
}

div.quote-summary-page .quote-form {
    margin-top: 32px;
}

    div.quote-summary-page .quote-form input[type="text"], div.quote-summary-page .quote-form input[type="date"] {
        width: 280px;
    }

div.quote-summary-page .confirmation-intro {
    margin-bottom: 25px;
    text-align: center;
    font-weight: 400;
}

div.quote-summary-page .quote-confirmation {
    width: 100%;
    margin: 0 auto 15px auto;
}

    div.quote-summary-page .quote-confirmation th {
        padding-left: 10px;
        line-height: 33px;
        font-weight: 500;
        border-bottom: 2px solid rgb(224,224,224);
    }

    div.quote-summary-page .quote-confirmation td {
        line-height: 33px;
        text-align: right;
        border-bottom: 2px solid rgb(224,224,224);
        padding-right: 10px;
    }

    div.quote-summary-page .quote-confirmation .total {
        background-color: rgb(249,249,249);
    }

        div.quote-summary-page .quote-confirmation .total td {
            font-weight: 500;
        }

div.quote-summary-page .confirmation-title {
    margin-top: 40px;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.02em;
}

div.quote-summary-page .brochure {
    width: 550px;
    height: 274px;
    padding-left: 370px;
    text-align: left;
    margin-top: 45px;
    position: relative;
}

    div.quote-summary-page .brochure b {
        font-weight: 400;
    }

    div.quote-summary-page .brochure .title {
        font-size: 33px;
        line-height: 31px;
        letter-spacing: -0.03em;
        padding-top: 55px;
    }

div.quote-summary-page .brochure-link {
    display: block;
    height: 274px;
    width: 394px;
    background: url('../Images/Quote/brochure.png') no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

div.quote-summary-page .order-form-column {
/*    display: inline-block;
    width: 450px;*/
    margin-top: 30px;
}

    div.quote-summary-page .order-form-column .title {
        margin-bottom: 10px;
    }

div.quote-summary-page .order-form {
   /* width: 450px;*/
}

    div.quote-summary-page .order-form input[type="text"] {
        /*width: 420px;*/
    }

div.quote-summary-page ul.summary-list {
    margin-top: 15px;
}

    div.quote-summary-page ul.summary-list li {
        margin-bottom: 10px;
    }

div.quote-summary-page a.delete {
    background: url('../Images/delete.png') no-repeat 0 0;
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
    left: 5px;
}


div.contact-page {
}

    div.contact-page .contact-form {
        width: 637px;
        position: relative;
    }

        div.contact-page .contact-form input[type="text"] {
            width: 281px;
        }

    div.contact-page div.contact-card {
        /*position: absolute;
        right: 0;
        top: 0;*/
        /*width: 285px;*/
    }

    div.contact-page .contact-card .title {
        font-size: 24px;
    }

    div.contact-page .contact-card .bar {
        background: url('../Images/Contact/bar.png') no-repeat;
        background-size:cover;
        height: 2px;
        margin-top: 15px;
    }

    div.contact-page .contact-card .bar-2 {
        background: url('../Images/Contact/bar-2.png') no-repeat;
        background-size: cover;
        height: 2px;
        margin-top: 6px;
    }

    div.contact-page .contact-card .detail {
        margin-top: 15px;
        font-size: 17px;
        line-height: 23px;
    }

        div.contact-page .contact-card .detail b {
            font-weight: 500;
        }

    div.contact-page .contact-card .detail-2 {
        margin-top: 8px;
        line-height: 17px;
    }

        div.contact-page .contact-card .detail-2 span {
           display:inline-block;
           float:right;
        }

    div.contact-page .contact-card table td {
        padding-bottom: 10px;
    }

        div.contact-page .contact-card table td.text {
            padding-left: 15px;
            vertical-align: middle;
        }

        div.contact-page .contact-card table td.icon {
            text-align: center;
            vertical-align: middle;
        }

    div.contact-page .map-canvas {
        width: 100%;
        height: 306px;
        margin-top: 45px;
    }