﻿body {
    padding: 0;
    margin: 0;
    color: #fff;
    line-height: 1.5;
    background-color: #ededed;
    font-family: helvetica;
    font-size: 16px;
}

    body h1, body h2, body h3, body h4 {
        color: #333;
        font-style: normal;
        font-weight: normal;
        font-family: helvetica;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    body h1 {
        font-size: 60px;
        line-height: normal;
    }

    body h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 32px;
    }

    body h3 {
        font-size: 20px;
    }

.spinner {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #333;
    opacity: 0.9;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

    .spinner span {
        padding-top: 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 20px;
    }

    .spinner i {
        font-size: 120px;
        top: 50%;
        left: 50%;
    }

    .spinner.spin {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.wrapper {
    margin: 0 auto;
}

.full-height {
    min-height: 100vh;
}

a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    a:hover {
        color: #777;
    }

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.display-none {
    display: none;
}

section {
    width: 100%;
}

form {
    margin-bottom: 0px;
}

.form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .form-wrapper .form-column {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
    }

        .form-wrapper .form-column.full-width {
            width: 100%;
        }

        .form-wrapper .form-column .form-group-wrapper .form-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            padding-bottom: 20px;
        }

            .form-wrapper .form-column .form-group-wrapper .form-group .button {
                background-color: #fcdd21;
                line-height: 49px;
                padding: 0pc 20px;
                text-transform: uppercase;
                cursor: pointer;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                .form-wrapper .form-column .form-group-wrapper .form-group .button:hover {
                    background-color: #777;
                }

        .form-wrapper .form-column .add-child {
            color: #fcdd21;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            line-height: 40px;
            font-size: 18px;
        }

            .form-wrapper .form-column .add-child:hover {
                cursor: pointer;
            }

            .form-wrapper .form-column .add-child.hidden {
                display: none;
            }

            .form-wrapper .form-column .add-child i {
                line-height: 40px;
                padding: 0px 20px;
            }

        .form-wrapper .form-column .child {
            display: block;
        }

            .form-wrapper .form-column .child.inactive {
                display: none;
            }

            .form-wrapper .form-column .child .divider {
                background-color: #fcdd21;
                width: 50px;
                height: 2px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 15px;
                display: none;
            }

            .form-wrapper .form-column .child .form-group-wrapper .form-group.date-of-birth {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .form-wrapper .form-column .child .form-group-wrapper .form-group.date-of-birth select {
                    width: 100%;
                }

                    .form-wrapper .form-column .child .form-group-wrapper .form-group.date-of-birth select.left {
                        margin-right: 10px;
                    }

                    .form-wrapper .form-column .child .form-group-wrapper .form-group.date-of-birth select.middle {
                        margin: 0px 10px;
                    }

                    .form-wrapper .form-column .child .form-group-wrapper .form-group.date-of-birth select.right {
                        margin-left: 10px;
                    }

            .form-wrapper .form-column .child ~ .child .divider {
                display: block;
            }

.select-wrapper {
    position: relative;
    background-color: #fcfcfc !important;
    border-radius: 1px;
}

    .select-wrapper::before {
        font-family: FontAwesome;
        font-size: 20px;
        content: "\f0d7";
        padding-right: 10px;
        text-align: right;
        position: absolute;
        top: 50%;
        right: 5px;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        color: #fcdd21;
    }

    .select-wrapper select {
        padding-right: 40px;
        width: 100%;
        background-color: transparent;
    }

    .select-wrapper:hover {
        cursor: pointer;
    }

    .select-wrapper .select-icon-wrapper {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 40px;
        font-size: 30px;
    }

        .select-wrapper .select-icon-wrapper i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

input, select, textarea {
    border: none;
    border-radius: 1px;
    font-family: helvetica;
    font-size: 16px;
    outline-color: #333;
    background-color: #fcfcfc;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #333;
    outline: none;
}

    input.capitalise {
        text-transform: capitalize;
    }

textarea {
    min-height: 114px;
    max-height: 400px;
    resize: vertical;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

    select:hover {
        cursor: pointer;
    }

button.button {
    font-family: helvetica;
    border: none;
}

.field-validation-error {
    color: #fcdd21;
    padding-top: 5px;
    padding-bottom: 0px;
}

.check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .check-container:hover > input ~ .checkmark {
        background-color: #cccccc;
    }

    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

        .check-container input:checked ~ .checkmark {
            background-color: #333;
        }

            .check-container input:checked ~ .checkmark::after {
                display: block;
            }

    .check-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50%;
        border: solid 1px #969696;
    }

        .check-container .checkmark::after {
            content: "";
            position: absolute;
            display: none;
            top: 9px;
            left: 9px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #fff;
        }

.flaggable label {
    cursor: pointer;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .flaggable label input {
        display: none;
    }

        .flaggable label input[type=checkbox] ~ .icon::before {
            content: "";
            font-family: FontAwesome;
            line-height: 47px;
        }

        .flaggable label input[type=checkbox]:checked ~ .icon::before {
            content: "\f00c";
            color: #fcdd21;
        }

    .flaggable label .icon {
        height: 47px;
        width: 47px;
        min-width: 51px;
        max-width: 51px;
        display: inline-block;
        vertical-align: top;
        border-radius: 1px;
        font-size: 30px;
        line-height: 52px;
        text-align: center;
        background-color: #fcfcfc;
        border: solid 1px #333;
    }

    .flaggable label .flaggable-text {
        line-height: 1.2em;
        padding: 0px 10px;
    }

        .flaggable label .flaggable-text a {
            color: #fcdd21;
            text-transform: none;
            font-size: 18px;
        }

            .flaggable label .flaggable-text a:hover {
                color: #777;
            }

@media screen and (max-width: 1200px) {
    .form-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .form-wrapper .form-column {
            width: 100%;
            padding: 0px;
        }
}

@media screen and (max-width: 1023px) {
    body {
        font-size: 14px;
    }

        body h2 {
            font-size: 28px;
        }

        body h3 {
            font-size: 18px;
        }

        body h4 {
            font-size: 16px;
        }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    input, select, textarea {
        line-height: 35px;
    }

    .form-wrapper .form-column {
        width: 100%;
    }

        .form-wrapper .form-column .form-group-wrapper .form-group {
            padding-bottom: 15px;
        }

    .flaggable label .flaggable-text {
        line-height: 1.2em;
        padding: 0px 10px;
        font-size: 14px;
    }

        .flaggable label .flaggable-text a {
            font-size: 14px;
        }
}

#staticPage {
    position: relative;
}

    #staticPage.show-borders {
        margin-left: 30px;
        margin-right: 30px;
    }

        #staticPage.show-borders section {
            padding-top: 30px;
        }

            #staticPage.show-borders section.navigation-wrapper {
                padding-top: 0px;
            }

            #staticPage.show-borders section.navigation {
                padding-top: 0px;
            }

@media screen and (max-width: 1023px) {
    #staticPage.show-borders {
        margin-left: 20px;
        margin-right: 20px;
    }

        #staticPage.show-borders section {
            padding-top: 20px;
        }
}

@media screen and (max-width: 500px) {
    #staticPage.show-borders {
        margin-left: 10px;
        margin-right: 10px;
    }

        #staticPage.show-borders section {
            padding-top: 10px;
        }

            #staticPage.show-borders section.navigation-wrapper {
                padding-top: 0px;
            }
}

.hero.contrast .text-image-wrapper {
    background-color: #fcdd21;
}

    .hero.contrast .text-image-wrapper .overlay {
        background-color: #fcdd21;
    }

    .hero.contrast .text-image-wrapper .text-wrapper .text .line {
        background-color: #333;
    }

.hero.medium .text-image-wrapper .text-wrapper {
    min-height: 300px;
}

.hero.large .text-image-wrapper .text-wrapper {
    min-height: 400px;
}

.hero.no-text-shadow .text-image-wrapper .text-wrapper .text, .hero.no-text-shadow .text-image-wrapper .text-wrapper .label, .hero.no-text-shadow .text-image-wrapper .text-wrapper h2, .hero.no-text-shadow .text-image-wrapper .text-wrapper h3 {
    text-shadow: none;
}

.hero {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .hero .text-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: 300px;
        background: no-repeat center;
        background-size: cover;
        position: relative;
        background-color: #333;
    }

        .hero .text-image-wrapper:hover > .text-wrapper > .text > h2 {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .hero .text-image-wrapper:hover > .text-wrapper > .text > h1 {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .hero .text-image-wrapper:hover > .text-wrapper > .text > .line {
            width: 150px;
        }

        .hero .text-image-wrapper .overlay {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: #333;
            opacity: 0;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }

        .hero .text-image-wrapper .text-wrapper {
            width: 100%;
            border-radius: 2px;
            overflow-x: hidden;
            min-height: 200px;
        }

            .hero .text-image-wrapper .text-wrapper .text {
                position: relative;
                top: 50%;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
                padding: 30px 70px;
                color: white;
                text-shadow: 1px 1px grey;
            }

                .hero .text-image-wrapper .text-wrapper .text h1 {
                    font-size: 50px;
                    margin-bottom: 20px;
                    font-weight: bold;
                }

                .hero .text-image-wrapper .text-wrapper .text h2, .hero .text-image-wrapper .text-wrapper .text h1 {
                    margin-top: 0px;
                    line-height: 1.2em;
                    color: #fff;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                    max-width: 60%;
                }

                .hero .text-image-wrapper .text-wrapper .text .line {
                    background-color: #fcdd21;
                    width: 100px;
                    height: 3px;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .hero .text-image-wrapper .text-wrapper .text h3 {
                    line-height: 1.2em;
                    color: #fff;
                    max-width: 60%;
                    margin-top: 40px;
                    margin-bottom: 0px;
                }

                .hero .text-image-wrapper .text-wrapper .text p {
                    text-transform: none;
                }

@media screen and (max-width: 1023px) {
    .hero .text-image-wrapper .text-wrapper .text h1 {
        font-size: 42px;
    }
}

@media screen and (max-width: 767px) {
    .hero .text-image-wrapper .text-wrapper .text {
        padding: 10px 30px;
    }

        .hero .text-image-wrapper .text-wrapper .text h1 {
            font-size: 36px;
        }

        .hero .text-image-wrapper .text-wrapper .text h2, .hero .text-image-wrapper .text-wrapper .text h1 {
            width: 100%;
            max-width: 100%;
        }

        .hero .text-image-wrapper .text-wrapper .text h3 {
            width: 100%;
            max-width: 100%;
        }
}

.tile-links.contrast .tile-wrapper .aspect-container .tile a:hover > .overlay {
    background-color: #fcdd21;
}

.tile-links {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .tile-links .tile-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .tile-links .tile-wrapper .aspect-container {
            position: relative;
            padding-top: 25%;
            width: 100%;
        }

            .tile-links .tile-wrapper .aspect-container .tile {
                overflow-x: hidden;
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow: hidden;
            }

#staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile {
    margin-left: 15px;
    margin-right: 15px;
}

.tile-links .tile-wrapper .aspect-container .tile.first {
    margin-left: 0px;
}

#staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile.first {
    margin-right: 15px;
    margin-left: 0px;
}

.tile-links .tile-wrapper .aspect-container .tile.last {
    margin-right: 0px;
}

#staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile.last {
    margin-left: 15px;
    margin-right: 0px;
}

.tile-links .tile-wrapper .aspect-container .tile a:hover > .overlay {
    background-color: #333;
    opacity: 0.5;
}

.tile-links .tile-wrapper .aspect-container .tile a:hover > .label {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50px, 0);
    transform: translate3d(-50%, -50px, 0);
}

.tile-links .tile-wrapper .aspect-container .tile a:hover > .image {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tile-links .tile-wrapper .aspect-container .tile a:hover > .content > .line {
    width: 150px;
}

.tile-links .tile-wrapper .aspect-container .tile a:hover > .content > h3 {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.tile-links .tile-wrapper .aspect-container .tile a .image {
    position: relative;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.tile-links .tile-wrapper .aspect-container .tile a .overlay {
    display: block;
    position: absolute;
    top: 0px;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tile-links .tile-wrapper .aspect-container .tile a .content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-transform: none;
    width: 100%;
}

    .tile-links .tile-wrapper .aspect-container .tile a .content .line {
        width: 100px;
        height: 5px;
        background-color: #fcdd21;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .tile-links .tile-wrapper .aspect-container .tile a .content h3 {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        font-size: 40px;
        color: #fff;
        line-height: 1.2em;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px grey;
        margin-bottom: 30px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

@media screen and (max-width: 1023px) {
    .tile-links .tile-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .tile-links .tile-wrapper .aspect-container {
            padding-top: 75%;
        }

    #staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px;
    }

        #staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile.first, #staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile.last {
            margin-left: 0px;
            margin-right: 0px;
        }

        #staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile.first {
            padding-top: 0px;
        }
}

@media screen and (max-width: 767px) {
    .tile-links .tile-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .tile-links .tile-wrapper .aspect-container {
            padding-top: 75%;
        }

    #staticPage.show-borders .tile-links .tile-wrapper .aspect-container .tile {
        padding-top: 10px;
    }

    .tile-links .tile-wrapper .aspect-container .tile a .content h3 {
        font-size: 30px;
    }
}

.text-image.white .text-image-wrapper .text-wrapper, .text-image.white .text-image-wrapper .image-wrapper {
    background-color: #fcfcfc;
    color: #333;
}

    .text-image.white .text-image-wrapper .text-wrapper .text h2, .text-image.white .text-image-wrapper .text-wrapper .text h3, .text-image.white .text-image-wrapper .image-wrapper .text h2, .text-image.white .text-image-wrapper .image-wrapper .text h3 {
        color: #333;
    }

    .text-image.white .text-image-wrapper .text-wrapper .text .footer a, .text-image.white .text-image-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text-image.white .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text-image.white .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text-image.white .text-image-wrapper .text-wrapper .text .footer a:hover, .text-image.white .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text-image.white .text-image-wrapper .text-wrapper .image .overlay, .text-image.white .text-image-wrapper .image-wrapper .image .overlay {
    background-color: #333;
}

.text-image.contrast .text-image-wrapper .text-wrapper, .text-image.contrast .text-image-wrapper .image-wrapper {
    background-color: #fcdd21;
}

#staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .text-wrapper .text, #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .image-wrapper .text {
    color: #333;
}

    #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .text-wrapper .text h2, #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .text-wrapper .text h3, #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .image-wrapper .text h2, #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .image-wrapper .text h3 {
        color: #333;
    }

.text-image.contrast .text-image-wrapper .text-wrapper .text .line, .text-image.contrast .text-image-wrapper .image-wrapper .text .line {
    background-color: #333;
}

.text-image.contrast .text-image-wrapper .text-wrapper .text .footer a, .text-image.contrast .text-image-wrapper .image-wrapper .text .footer a {
    background-color: #333;
}

#staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text-image.contrast .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text-image.contrast .text-image-wrapper .text-wrapper .text .footer a:hover, .text-image.contrast .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text-image.contrast .text-image-wrapper .text-wrapper .text-imageSlides .image .overlay, .text-image.contrast .text-image-wrapper .image-wrapper .text-imageSlides .image .overlay {
    background-color: #333;
}

.text-image.contrast .text-image-wrapper .text-wrapper .image-thumbs ul li .overlay, .text-image.contrast .text-image-wrapper .image-wrapper .image-thumbs ul li .overlay {
    background-color: #fcdd21;
}

.text-image.transparent .text-image-wrapper .text-wrapper, .text-image.transparent .text-image-wrapper .image-wrapper {
    background-color: transparent;
    color: #333;
}

    .text-image.transparent .text-image-wrapper .text-wrapper .text h2, .text-image.transparent .text-image-wrapper .text-wrapper .text h3, .text-image.transparent .text-image-wrapper .image-wrapper .text h2, .text-image.transparent .text-image-wrapper .image-wrapper .text h3 {
        color: #333;
    }

    .text-image.transparent .text-image-wrapper .text-wrapper .text .footer a, .text-image.transparent .text-image-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text-image.transparent .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text-image.transparent .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text-image.transparent .text-image-wrapper .text-wrapper .text .footer a:hover, .text-image.transparent .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text-image.transparent .text-image-wrapper .text-wrapper .image .overlay, .text-image.transparent .text-image-wrapper .image-wrapper .image .overlay {
    background-color: #333;
}

.text-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .text-image .text-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .text-image .text-image-wrapper:hover > .text-wrapper > .text > .header > h2 {
            -webkit-transform: translateY(-7px);
            -ms-transform: translateY(-7px);
            transform: translateY(-7px);
        }

        .text-image .text-image-wrapper:hover > .text-wrapper > .text > .header > .line {
            width: 150px;
        }

        .text-image .text-image-wrapper .text-wrapper {
            background-color: #333;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .text-image .text-image-wrapper .text-wrapper .text {
                padding: 30px 70px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .text-image .text-image-wrapper .text-wrapper .text h2 {
                    line-height: 1.2em;
                    color: #fff;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .text-image .text-image-wrapper .text-wrapper .text .line {
                    width: 100px;
                    height: 3px;
                    background-color: #fcdd21;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .text-image .text-image-wrapper .text-wrapper .text h3 {
                    line-height: 1em;
                    color: #fff;
                }

                .text-image .text-image-wrapper .text-wrapper .text .body {
                    text-align: justify;
                }

                .text-image .text-image-wrapper .text-wrapper .text .footer {
                    margin-top: 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                }

                    .text-image .text-image-wrapper .text-wrapper .text .footer a {
                        background-color: #fcdd21;
                        padding: 15px 15px;
                        border-radius: 1px;
                        margin-right: 15px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        margin-bottom: 15px;
                    }

#staticPage.reverse-contrast-text .text-image .text-image-wrapper .text-wrapper .text .footer a {
    color: #333;
}

.text-image .text-image-wrapper .text-wrapper .text .footer a:hover {
    background-color: #777;
}

.text-image .text-image-wrapper .image-wrapper {
    position: relative;
    background-color: #333;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .text-image .text-image-wrapper .image-wrapper .textImageSlides.initial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .text-image .text-image-wrapper .image-wrapper .textImageSlides {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .text-image .text-image-wrapper .image-wrapper .textImageSlides .image {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            position: relative;
            min-height: 550px;
            background-size: cover;
            background-position: center;
        }

            .text-image .text-image-wrapper .image-wrapper .textImageSlides .image:hover {
                cursor: pointer;
            }

                .text-image .text-image-wrapper .image-wrapper .textImageSlides .image:hover > .overlay {
                    opacity: 0.5;
                }

                .text-image .text-image-wrapper .image-wrapper .textImageSlides .image:hover > .label {
                    opacity: 1;
                    -webkit-transform: translate3d(-50%, 0px, 0);
                    transform: translate3d(-50%, 0px, 0);
                }

            .text-image .text-image-wrapper .image-wrapper .textImageSlides .image .label {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: absolute;
                color: white;
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%, 100px, 0);
                transform: translate3d(-50%, 100px, 0);
                opacity: 0;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                padding: 15px;
                border: solid 2px #fff;
                border-radius: 2px;
                font-size: 40px;
                font-family: "Oswald", sans-serif;
                line-height: 1;
            }

            .text-image .text-image-wrapper .image-wrapper .textImageSlides .image .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: #fcdd21;
                opacity: 0;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

    .text-image .text-image-wrapper .image-wrapper .image-thumbs {
        position: absolute;
        bottom: 0px;
        border-top: 1px solid #fcdd21;
    }

        .text-image .text-image-wrapper .image-wrapper .image-thumbs ul {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            list-style: none;
            margin: 0px;
            padding: 0px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
        }

            .text-image .text-image-wrapper .image-wrapper .image-thumbs ul li {
                margin: 0px;
                border-right: 1px solid #fcdd21;
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .text-image .text-image-wrapper .image-wrapper .image-thumbs ul li .img {
                    width: 100px;
                    height: 80px;
                    background-size: cover;
                    background-position: center;
                    cursor: pointer;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .text-image .text-image-wrapper .image-wrapper .image-thumbs ul li .overlay {
                    position: absolute;
                    background-color: #333;
                    height: 100%;
                    width: 100%;
                    top: 0px;
                    left: 0px;
                    opacity: 0;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                .text-image .text-image-wrapper .image-wrapper .image-thumbs ul li:hover {
                    cursor: pointer;
                }

                    .text-image .text-image-wrapper .image-wrapper .image-thumbs ul li:hover > .overlay {
                        opacity: 0.5;
                    }

#staticPage.show-borders .text-image .text-image-wrapper .left {
    margin-right: 15px;
}

#staticPage.show-borders .text-image .text-image-wrapper .right {
    margin-left: 15px;
}

.text-image .text-image-wrapper .right .image-thumbs {
    right: 0px;
}

    .text-image .text-image-wrapper .right .image-thumbs ul li {
        border-left: 1px solid #fcdd21;
        border-right: none;
    }

@media screen and (max-width: 1200px) {
    #textImage .text-image-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #textImage .text-image-wrapper .left {
            margin-right: 0px;
        }

        #textImage .text-image-wrapper .right {
            margin-left: 0px;
            margin-top: 30px;
        }

        #textImage .text-image-wrapper .text-wrapper .text {
            position: static;
        }

        #textImage .text-image-wrapper .image-wrapper .textImageSlides .image {
            min-height: 600px;
        }
}

@media screen and (max-width: 1023px) {
    .text-image .text-image-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .text-image .text-image-wrapper.reverse {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

    #staticPage.show-borders .text-image .text-image-wrapper.reverse .left {
        margin-right: 0px;
        margin-top: 20px;
    }

    #staticPage.show-borders .text-image .text-image-wrapper.reverse .right {
        margin-left: 0px;
        margin-top: 0px;
    }

    #staticPage.show-borders .text-image .text-image-wrapper .left {
        margin-right: 0px;
    }

    #staticPage.show-borders .text-image .text-image-wrapper .right {
        margin-left: 0px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .text-image .text-image-wrapper .text-wrapper .text {
        text-align: center;
        padding: 10px 30px;
    }

        .text-image .text-image-wrapper .text-wrapper .text h2 {
            font-size: 30px;
        }

        .text-image .text-image-wrapper .text-wrapper .text h3 {
            font-size: 18px;
        }

        .text-image .text-image-wrapper .text-wrapper .text .line {
            margin-left: auto;
            margin-right: auto;
        }

        .text-image .text-image-wrapper .text-wrapper .text .footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0px 0px 10px;
        }

            .text-image .text-image-wrapper .text-wrapper .text .footer a {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                margin: 5px 0px;
                padding: 10px;
            }

    .text-image .text-image-wrapper .image-wrapper {
        margin-top: 10px;
    }

        .text-image .text-image-wrapper .image-wrapper .textImageSlides .image {
            min-height: 400px;
        }

        .text-image .text-image-wrapper .image-wrapper .image-thumbs {
            display: none;
        }
}

@media screen and (max-width: 767px) {
    .text-image .text-image-wrapper.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #staticPage.show-borders .text-image .text-image-wrapper.reverse .left {
        margin-top: 10px;
    }

    #staticPage.show-borders .text-image .text-image-wrapper .right {
        margin-top: 10px;
    }
}

.text.white .text-image-wrapper .text-wrapper, .text.white .text-image-wrapper .image-wrapper {
    background-color: #fcfcfc;
    color: #333;
}

    .text.white .text-image-wrapper .text-wrapper .text h1, .text.white .text-image-wrapper .text-wrapper .text h2, .text.white .text-image-wrapper .text-wrapper .text h3, .text.white .text-image-wrapper .text-wrapper .text h4, .text.white .text-image-wrapper .image-wrapper .text h1, .text.white .text-image-wrapper .image-wrapper .text h2, .text.white .text-image-wrapper .image-wrapper .text h3, .text.white .text-image-wrapper .image-wrapper .text h4 {
        color: #333;
    }

    .text.white .text-image-wrapper .text-wrapper .text .footer a, .text.white .text-image-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text.white .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text.white .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text.white .text-image-wrapper .text-wrapper .text .footer a:hover, .text.white .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text.contrast .text-image-wrapper .text-wrapper, .text.contrast .text-image-wrapper .image-wrapper {
    background-color: #fcdd21;
}

#staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .text-wrapper, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .image-wrapper {
    color: #333;
}

    #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .text-wrapper .text, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .image-wrapper .text {
        color: #333;
    }

        #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .text-wrapper .text h2, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .text-wrapper .text h3, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .image-wrapper .text h2, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .image-wrapper .text h3 {
            color: #333;
        }

.text.contrast .text-image-wrapper .text-wrapper .text .line, .text.contrast .text-image-wrapper .image-wrapper .text .line {
    background-color: #333;
}

.text.contrast .text-image-wrapper .text-wrapper .text .footer a, .text.contrast .text-image-wrapper .image-wrapper .text .footer a {
    background-color: #333;
}

#staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text.contrast .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text.contrast .text-image-wrapper .text-wrapper .text .footer a:hover, .text.contrast .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text.transparent .text-image-wrapper .text-wrapper, .text.transparent .text-image-wrapper .image-wrapper {
    background-color: transparent;
    color: #333;
}

    .text.transparent .text-image-wrapper .text-wrapper .text h1, .text.transparent .text-image-wrapper .text-wrapper .text h2, .text.transparent .text-image-wrapper .text-wrapper .text h3, .text.transparent .text-image-wrapper .text-wrapper .text h4, .text.transparent .text-image-wrapper .image-wrapper .text h1, .text.transparent .text-image-wrapper .image-wrapper .text h2, .text.transparent .text-image-wrapper .image-wrapper .text h3, .text.transparent .text-image-wrapper .image-wrapper .text h4 {
        color: #333;
    }

    .text.transparent .text-image-wrapper .text-wrapper .text .footer a, .text.transparent .text-image-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text.transparent .text-image-wrapper .text-wrapper .text .footer a, #staticPage.reverse-contrast-text .text.transparent .text-image-wrapper .image-wrapper .text .footer a {
    color: #fff;
}

.text.transparent .text-image-wrapper .text-wrapper .text .footer a:hover, .text.transparent .text-image-wrapper .image-wrapper .text .footer a:hover {
    background-color: #777;
}

.text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .text .text-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .text .text-image-wrapper:hover > .text-wrapper > .text > h2 {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .text .text-image-wrapper:hover > .text-wrapper > .text > .line {
            width: 150px;
        }

        .text .text-image-wrapper .text-wrapper {
            background-color: #333;
            border-radius: 2px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .text .text-image-wrapper .text-wrapper .text.center {
                text-align: center;
                max-width: 1200px;
            }

                .text .text-image-wrapper .text-wrapper .text.center .line {
                    margin-left: auto;
                    margin-right: auto;
                }

            .text .text-image-wrapper .text-wrapper .text.right {
                text-align: right;
            }

                .text .text-image-wrapper .text-wrapper .text.right .line {
                    margin-left: auto;
                }

            .text .text-image-wrapper .text-wrapper .text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                text-align: left;
                margin-left: 60px;
                margin-right: 60px;
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
                padding: 70px 70px;
            }

                .text .text-image-wrapper .text-wrapper .text h2 {
                    line-height: 1em;
                    color: #fff;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                    margin-top: 30px;
                }

                .text .text-image-wrapper .text-wrapper .text .line {
                    width: 100px;
                    height: 3px;
                    background-color: #fcdd21;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .text .text-image-wrapper .text-wrapper .text h3 {
                    line-height: 1em;
                    color: #fff;
                    margin-top: 20px;
                }

                .text .text-image-wrapper .text-wrapper .text .body {
                    margin-top: 20px;
                }

                .text .text-image-wrapper .text-wrapper .text .footer {
                    padding-top: 30px;
                    padding-bottom: 30px;
                }

                    .text .text-image-wrapper .text-wrapper .text .footer a {
                        background-color: #fcdd21;
                        margin-right: 15px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        padding: 15px 15px;
                        letter-spacing: 1px;
                    }

#staticPage.reverse-contrast-text .text .text-image-wrapper .text-wrapper .text .footer a {
    color: #333;
}

.text .text-image-wrapper .text-wrapper .text .footer a:hover {
    background-color: #777;
}

@media screen and (max-width: 767px) {
    .text .text-image-wrapper {
        width: 100%;
    }

        .text .text-image-wrapper:hover > .text-wrapper > .text > h2 {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .text .text-image-wrapper .text-wrapper .text.center {
            max-width: 100%;
        }

        .text .text-image-wrapper .text-wrapper .text.right {
            text-align: center;
            max-width: 100%;
        }

        .text .text-image-wrapper .text-wrapper .text {
            margin-left: 10px;
            margin-right: 10px;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding: 10px 30px;
            text-align: center;
        }

            .text .text-image-wrapper .text-wrapper .text .line {
                margin-left: auto;
                margin-right: auto;
            }

            .text .text-image-wrapper .text-wrapper .text .body {
                margin-top: 30px;
                text-align: justify;
            }

            .text .text-image-wrapper .text-wrapper .text .footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-top: 20px;
                padding-bottom: 20px;
            }

                .text .text-image-wrapper .text-wrapper .text .footer a {
                    margin-bottom: 10px;
                }
}

@media screen and (max-width: 500px) {
    .text .text-image-wrapper .text-wrapper .text .body {
        margin-top: 0px;
    }

    .text .text-image-wrapper .text-wrapper .text .footer {
        padding: 20px 0px;
    }

        .text .text-image-wrapper .text-wrapper .text .footer a {
            width: 100%;
            margin: 5px 0px;
            padding: 10px;
        }
}

.banner.contrast .text-image-wrapper a .text-wrapper .overlay {
    background-color: #fcdd21;
}

.banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .banner .text-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: 300px;
        background: no-repeat center fixed;
        background-size: cover;
        position: relative;
    }

        .banner .text-image-wrapper a {
            cursor: pointer;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

            .banner .text-image-wrapper a:hover > .text-wrapper > .overlay {
                opacity: 0.5;
            }

            .banner .text-image-wrapper a:hover > .text-wrapper > .text h2 {
                -webkit-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            .banner .text-image-wrapper a:hover > .text-wrapper > .text .line {
                width: 150px;
            }

        .banner .text-image-wrapper .text-wrapper {
            overflow-x: hidden;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .banner .text-image-wrapper .text-wrapper .overlay {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                background-color: #333;
                opacity: 0;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .banner .text-image-wrapper .text-wrapper .button {
                padding: 50px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: relative;
            }

                .banner .text-image-wrapper .text-wrapper .button .label {
                    background-color: #fcdd21;
                    text-shadow: none;
                    padding: 20px;
                    color: #fcfcfc;
                    min-width: 150px;
                    text-align: center;
                }

#staticPage.reverse-contrast-text .banner .text-image-wrapper .text-wrapper .button .label {
    color: #333;
}

.banner .text-image-wrapper .text-wrapper .text {
    position: relative;
    color: #fcfcfc;
    text-shadow: 1px 1px grey;
    padding: 40px 70px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .banner .text-image-wrapper .text-wrapper .text h2 {
        margin-top: 0px;
        line-height: 1.2em;
        color: #fff;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .banner .text-image-wrapper .text-wrapper .text .line {
        background-color: #fcdd21;
        width: 100px;
        height: 3px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .banner .text-image-wrapper .text-wrapper .text h3 {
        line-height: 1.2em;
        color: #fff;
        margin-top: 40px;
        margin-bottom: 0px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .banner .text-image-wrapper .text-wrapper .text .body {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .banner .text-image-wrapper .text-wrapper .text .body p {
            text-transform: none;
            font-size: 18px;
        }

@media screen and (max-width: 1023px) {
    .banner .text-image-wrapper .text-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .banner .text-image-wrapper .text-wrapper .text {
            padding: 30px;
            text-align: center;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .banner .text-image-wrapper .text-wrapper .text .line {
                margin-left: auto;
                margin-right: auto;
            }

        .banner .text-image-wrapper .text-wrapper .button {
            padding: 0px 30px 30px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .banner .text-image-wrapper .text-wrapper .button .label {
                text-align: center;
                padding: 15px 30px;
            }
}

@media screen and (max-width: 767px) {
    .banner .text-image-wrapper {
        background: no-repeat center scroll;
        background-size: cover;
    }
}

section.navigation {
    position: relative;
    width: 100%;
    height: 100px;
}

    section.navigation.show-notification-bar {
        height: 130px;
    }

    section.navigation .nav-container {
        width: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        background-color: #333;
        z-index: 1000;
    }

        section.navigation .nav-container .navigation-notification-bar {
            width: 100%;
            height: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            background-color: #fcdd21;
        }

            section.navigation .nav-container .navigation-notification-bar .notification {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                position: relative;
            }

                section.navigation .nav-container .navigation-notification-bar .notification .text {
                    position: absolute;
                    left: 0px;
                    right: 0px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    text-align: left;
                    padding-left: 10px;
                }

#staticPage.reverse-contrast-text section.navigation .nav-container .navigation-notification-bar .notification .text {
    color: #333;
}

section.navigation .nav-container .navigation-notification-bar .login {
    height: 30px;
    padding-right: 40px;
    position: relative;
}

#staticPage.reverse-contrast-text section.navigation .nav-container .navigation-notification-bar .login {
    color: #333;
}

section.navigation .nav-container .navigation-notification-bar .login a {
    position: absolute;
    top: 50%;
    right: 10px;
    min-width: 160px;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    color: #fcfcfc;
}

#staticPage.reverse-contrast-text section.navigation .nav-container .navigation-notification-bar .login a {
    color: #333;
}

section.navigation .nav-container .navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100px;
    position: relative;
}

    section.navigation .nav-container .navigation-wrapper .title {
        font-size: 30px;
        color: #fff;
        margin-left: 30px;
        line-height: 100px;
    }

    section.navigation .nav-container .navigation-wrapper .logo {
        margin-left: 30px;
        height: 100px;
    }

        section.navigation .nav-container .navigation-wrapper .logo img {
            height: 100px;
            padding: 10px 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    section.navigation .nav-container .navigation-wrapper .main-nav {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    section.navigation .nav-container .navigation-wrapper ul {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0px;
        padding-right: 30px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        section.navigation .nav-container .navigation-wrapper ul li {
            margin: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            section.navigation .nav-container .navigation-wrapper ul li:hover > .sub-navigation {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                opacity: 1;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            section.navigation .nav-container .navigation-wrapper ul li.active {
                background-color: #fcdd21;
            }

            section.navigation .nav-container .navigation-wrapper ul li a {
                padding: 0px 12px;
                text-align: center;
                color: #fff;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                font-size: 16px;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                transition: 0.3s;
                flex-grow: 1;
                height: 100px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                section.navigation .nav-container .navigation-wrapper ul li a:hover {
                    background-color: #fcdd21;
                }

#staticPage.reverse-contrast-text section.navigation .nav-container .navigation-wrapper ul li a:hover {
    color: #333;
}

section.navigation .nav-container .navigation-wrapper ul li .sub-navigation {
    display: none;
    position: absolute;
    background-color: #fcfcfc;
    left: 0px;
    right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    opacity: 0;
    top: 100px;
}

    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0px 300px;
    }

        section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column {
            padding: 20px 30px;
            line-height: 1.3em;
            color: #333;
            text-shadow: none;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: bold;
        }

            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column a {
                padding: 0px;
                height: 50px;
            }

            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .sub-title {
                padding-bottom: 5px;
                text-align: left;
                color: #333;
                margin-left: 0px;
                font-size: 18px;
                line-height: 1.2em;
            }

            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .line {
                width: 50px;
                height: 3px;
                background-color: #fcdd21;
            }

            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul {
                padding: 0px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin: 20px 0px;
            }

                section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li {
                    list-style: none;
                    margin: 0px;
                    padding: 0px;
                    min-width: 130px;
                }

                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li a {
                        padding: 0px;
                        color: #333;
                        text-shadow: none;
                        font-weight: 400;
                        text-transform: capitalize;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        height: 25px;
                        text-align: left;
                    }

                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li:hover {
                        cursor: pointer;
                        color: #fcdd21;
                    }

                        section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li:hover > a {
                            background-color: #fcfcfc;
                            color: #fcdd21;
                        }

section.navigation .nav-container .navigation-wrapper .nav-burger, section.navigation .nav-container .navigation-wrapper .nav-close {
    display: none;
    height: 100px;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0px;
}

    section.navigation .nav-container .navigation-wrapper .nav-burger:hover, section.navigation .nav-container .navigation-wrapper .nav-close:hover {
        cursor: pointer;
    }

    section.navigation .nav-container .navigation-wrapper .nav-burger i, section.navigation .nav-container .navigation-wrapper .nav-close i {
        line-height: 50px;
        font-size: 26px;
        padding: 0px 20px;
    }

    section.navigation .nav-container .navigation-wrapper .nav-burger.show, section.navigation .nav-container .navigation-wrapper .nav-close.show {
        display: none;
    }

    section.navigation .nav-container .navigation-wrapper .nav-burger.hide, section.navigation .nav-container .navigation-wrapper .nav-close.hide {
        display: none;
    }

@media screen and (max-width: 1400px) {
    section.navigation .nav-container .navigation-wrapper .main-nav ul li a {
        font-size: 14px;
        padding: 0px 10px;
    }
}

@media screen and (max-width: 1200px) {
    section.navigation.show-notification-bar {
        height: 105px;
    }

        section.navigation.show-notification-bar .nav-container .navigation-wrapper .main-nav {
            top: 130px;
        }

    section.navigation .nav-container .navigation-wrapper {
        font-size: 16px;
    }

        section.navigation .nav-container .navigation-wrapper .logo {
            margin-left: 20px;
        }

            section.navigation .nav-container .navigation-wrapper .logo img {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

        section.navigation .nav-container .navigation-wrapper .main-nav {
            position: fixed;
            top: 100px;
            bottom: 0px;
            left: 100%;
            width: 100%;
            padding-left: 0px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow-x: hidden;
            overflow-y: scroll;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            section.navigation .nav-container .navigation-wrapper .main-nav.open {
                -webkit-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                transform: translateX(-100%);
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        section.navigation .nav-container .navigation-wrapper ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0px 0px;
            position: relative;
            width: 90%;
            max-width: 300px;
            margin-left: auto;
            background-color: #333;
            height: 100%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
        }

            section.navigation .nav-container .navigation-wrapper ul li {
                text-align: left;
            }

                section.navigation .nav-container .navigation-wrapper ul li:hover > .sub-navigation {
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    opacity: 1;
                }

                section.navigation .nav-container .navigation-wrapper ul li a {
                    padding: 0px 30px;
                    height: 50px;
                    text-align: right;
                }

                section.navigation .nav-container .navigation-wrapper ul li .sub-navigation {
                    position: fixed;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                    top: 0px;
                    bottom: 0px;
                    left: 100%;
                    width: 90%;
                    max-width: 300px;
                    padding-left: 0px;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    overflow-x: hidden;
                    overflow-y: scroll;
                    -webkit-transition: 0.9s;
                    -o-transition: 0.9s;
                    transition: 0.9s;
                    z-index: 1000;
                }

                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation.open {
                        -webkit-transform: translateX(-100%);
                        -ms-transform: translateX(-100%);
                        transform: translateX(-100%);
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        opacity: 1;
                    }

                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns {
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        padding: 0px;
                    }

                        section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column {
                            padding: 20px 0px;
                        }

                            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .sub-title {
                                text-align: right;
                                padding-right: 10px;
                            }

                            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .line {
                                margin-left: auto;
                                margin-right: 10px;
                            }

                            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul {
                                background-color: #fcfcfc;
                                -webkit-box-shadow: none;
                                box-shadow: none;
                                width: 100%;
                            }

                                section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li {
                                    margin: 0px;
                                    height: 40px;
                                }

                                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column ul li a {
                                        text-align: right;
                                        font-size: 14px;
                                        height: 40px;
                                        padding: 0px 10px;
                                    }

        section.navigation .nav-container .navigation-wrapper .nav-burger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            section.navigation .nav-container .navigation-wrapper .nav-burger.show, section.navigation .nav-container .navigation-wrapper .nav-close.show {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            section.navigation .nav-container .navigation-wrapper .nav-burger.hide, section.navigation .nav-container .navigation-wrapper .nav-close.hide {
                display: none;
            }

        section.navigation .nav-container .navigation-wrapper .basket-nav {
            display: none;
        }
}

@media screen and (max-width: 1023px) {
    section.navigation {
        height: 75px;
    }

        section.navigation.show-notification-bar {
            height: 105px;
        }

            section.navigation.show-notification-bar .nav-container .navigation-wrapper .main-nav {
                top: 105px;
            }

        section.navigation .nav-container .navigation-wrapper {
            height: 75px;
            font-size: 16px;
        }

            section.navigation .nav-container .navigation-wrapper .title {
                font-size: 20px;
                height: 75px;
                line-height: 75px;
            }

            section.navigation .nav-container .navigation-wrapper .logo {
                margin-left: 20px;
                height: 75px;
            }

                section.navigation .nav-container .navigation-wrapper .logo img {
                    height: 75px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

            section.navigation .nav-container .navigation-wrapper .main-nav {
                position: fixed;
                top: 75px;
                bottom: 0px;
                left: 100%;
                width: 100%;
                padding-left: 0px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow-x: hidden;
                overflow-y: scroll;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                section.navigation .nav-container .navigation-wrapper .main-nav.open {
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

            section.navigation .nav-container .navigation-wrapper ul {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0px 0px;
                position: relative;
                width: 90%;
                max-width: 300px;
                margin-left: auto;
                background-color: #333;
                height: 100%;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
                box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
            }

                section.navigation .nav-container .navigation-wrapper ul li {
                    text-align: left;
                    position: relative;
                }

                    section.navigation .nav-container .navigation-wrapper ul li:hover > .menuDropDown {
                        opacity: 0;
                        top: 0px;
                    }

                    section.navigation .nav-container .navigation-wrapper ul li a {
                        padding: 0px 30px;
                        line-height: 50px;
                        text-align: right;
                    }

                    section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column {
                        padding: 20px 0px;
                    }

                        section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .sub-title {
                            text-align: right;
                            padding-right: 10px;
                        }

                        section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .line {
                            margin-left: auto;
                            margin-right: 10px;
                        }

                            section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .line li {
                                margin: 0px;
                                height: 40px;
                            }

                                section.navigation .nav-container .navigation-wrapper ul li .sub-navigation .columns .column .line li a {
                                    text-align: right;
                                    font-size: 14px;
                                    height: 40px;
                                    padding: 0px;
                                }

            section.navigation .nav-container .navigation-wrapper .nav-burger {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            section.navigation .nav-container .navigation-wrapper .nav-burger, section.navigation .nav-container .navigation-wrapper .nav-close {
                height: 75px;
            }

                section.navigation .nav-container .navigation-wrapper .nav-burger.show, section.navigation .nav-container .navigation-wrapper .nav-close.show {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                section.navigation .nav-container .navigation-wrapper .nav-burger.hide, section.navigation .nav-container .navigation-wrapper .nav-close.hide {
                    display: none;
                }

            section.navigation .nav-container .navigation-wrapper .basket-nav {
                display: none;
            }
}

@media screen and (max-width: 500px) {
    section.navigation .nav-container .navigation-notification-bar .notification {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    section.navigation .nav-container .navigation-wrapper .logo {
        margin-left: 10px;
    }
}

section.slideshow .slideshow-wrapper {
    background-color: #fcdd21;
    padding: 70px;
}

    section.slideshow .slideshow-wrapper:hover > .text h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    section.slideshow .slideshow-wrapper:hover > .text > .line {
        width: 150px;
    }

    section.slideshow .slideshow-wrapper .text {
        margin-bottom: 30px;
    }

#staticPage.reverse-contrast-text section.slideshow .slideshow-wrapper .text {
    color: #333;
}

section.slideshow .slideshow-wrapper .text h2, section.slideshow .slideshow-wrapper .text h3 {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
}

#staticPage.reverse-contrast-text section.slideshow .slideshow-wrapper .text h2, #staticPage.reverse-contrast-text section.slideshow .slideshow-wrapper .text h3 {
    color: #333;
}

section.slideshow .slideshow-wrapper .text .line {
    background: #333;
    width: 100px;
    height: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

section.slideshow .slideshow-wrapper .text .footer {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    section.slideshow .slideshow-wrapper .text .footer a {
        background-color: #333;
        padding: 15px 15px;
        border-radius: 1px;
        margin-right: 15px;
        color: #fff;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-bottom: 15px;
    }

        section.slideshow .slideshow-wrapper .text .footer a:hover {
            background-color: #777;
        }

section.slideshow .slideshow-wrapper .slides, section.slideshow .slideshow-wrapper .text {
    max-width: 1300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    section.slideshow .slideshow-wrapper .slides .aspect-container, section.slideshow .slideshow-wrapper .text .aspect-container {
        display: none;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

        section.slideshow .slideshow-wrapper .slides .aspect-container.initial, section.slideshow .slideshow-wrapper .text .aspect-container.initial {
            display: block;
        }

        section.slideshow .slideshow-wrapper .slides .aspect-container .mySlides, section.slideshow .slideshow-wrapper .text .aspect-container .mySlides {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            section.slideshow .slideshow-wrapper .slides .aspect-container .mySlides.initial, section.slideshow .slideshow-wrapper .text .aspect-container .mySlides.initial {
                display: block;
            }

        section.slideshow .slideshow-wrapper .slides .aspect-container .hero-image, section.slideshow .slideshow-wrapper .text .aspect-container .hero-image {
            height: 100%;
            width: 100%;
            background: no-repeat center;
            background-size: cover;
        }

        section.slideshow .slideshow-wrapper .slides .aspect-container .hero-text, section.slideshow .slideshow-wrapper .text .aspect-container .hero-text {
            position: absolute;
            top: 50%;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
            padding-left: 150px;
            padding-right: 150px;
            margin-top: 0px;
            margin-bottom: 0px;
            color: white;
        }

            section.slideshow .slideshow-wrapper .slides .aspect-container .hero-text h1, section.slideshow .slideshow-wrapper .text .aspect-container .hero-text h1 {
                line-height: 1.2em;
                color: #fff;
                text-shadow: 0px 0px 10px rgba(30, 28, 28, 0.6);
            }

            section.slideshow .slideshow-wrapper .slides .aspect-container .hero-text h2, section.slideshow .slideshow-wrapper .text .aspect-container .hero-text h2 {
                max-width: 600px;
                line-height: 1.2em;
                color: #fff;
                text-shadow: 0px 0px 10px rgba(30, 28, 28, 0.6);
            }

    section.slideshow .slideshow-wrapper .slides .left, section.slideshow .slideshow-wrapper .slides .right, section.slideshow .slideshow-wrapper .text .left, section.slideshow .slideshow-wrapper .text .right {
        font-size: 60px;
        padding: 20px 20px;
        opacity: 0.7;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer;
    }

        section.slideshow .slideshow-wrapper .slides .left:hover, section.slideshow .slideshow-wrapper .slides .right:hover, section.slideshow .slideshow-wrapper .text .left:hover, section.slideshow .slideshow-wrapper .text .right:hover {
            opacity: 1;
        }

    section.slideshow .slideshow-wrapper .slides .left, section.slideshow .slideshow-wrapper .text .left {
        position: absolute;
        background-color: #333;
        top: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        line-height: 1;
    }

    section.slideshow .slideshow-wrapper .slides .right, section.slideshow .slideshow-wrapper .text .right {
        position: absolute;
        background-color: #333;
        top: 50%;
        right: 0px;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        line-height: 1;
    }

    section.slideshow .slideshow-wrapper .slides .buttons, section.slideshow .slideshow-wrapper .text .buttons {
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

        section.slideshow .slideshow-wrapper .slides .buttons ul, section.slideshow .slideshow-wrapper .text .buttons ul {
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            padding-left: 0px;
        }

            section.slideshow .slideshow-wrapper .slides .buttons ul li, section.slideshow .slideshow-wrapper .text .buttons ul li {
                color: #333;
                font-size: 20px;
                padding: 0px 5px;
                opacity: 0.8;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

                section.slideshow .slideshow-wrapper .slides .buttons ul li.active, section.slideshow .slideshow-wrapper .text .buttons ul li.active {
                    color: #fcdd21;
                    cursor: pointer;
                    opacity: 1;
                }

                section.slideshow .slideshow-wrapper .slides .buttons ul li:hover, section.slideshow .slideshow-wrapper .text .buttons ul li:hover {
                    color: #fcdd21;
                    cursor: pointer;
                    opacity: 1;
                }

.fade {
    -webkit-animation: slideshow-fade-in;
    animation: slideshow-fade-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.fade-out {
    -webkit-animation: slideshow-fade-out;
    animation: slideshow-fade-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes slideshow-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideshow-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes slideshow-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes slideshow-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {
    section.slideshow .slideshow-wrapper .text .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        section.slideshow .slideshow-wrapper .text .footer a {
            margin-bottom: 10px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
}

@media screen and (max-width: 767px) {
    section.slideshow .slideshow-wrapper {
        padding: 10px 30px 30px;
    }

        section.slideshow .slideshow-wrapper .aspect-container .mySlides .hero-text {
            left: 0px;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-left: 30px;
            padding-right: 30px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            text-align: center;
        }

            section.slideshow .slideshow-wrapper .aspect-container .mySlides .hero-text h1 {
                font-size: 30px;
            }

            section.slideshow .slideshow-wrapper .aspect-container .mySlides .hero-text h2 {
                font-size: 18px;
            }

        section.slideshow .slideshow-wrapper .slides .left, section.slideshow .slideshow-wrapper .slides .right {
            font-size: 30px;
            padding: 10px 10px;
            opacity: 0.7;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            cursor: pointer;
        }

        section.slideshow .slideshow-wrapper .slides .buttons {
            position: absolute;
            bottom: 0px;
            left: 50%;
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
        }

            section.slideshow .slideshow-wrapper .slides .buttons ul {
                margin-bottom: 10px;
            }

                section.slideshow .slideshow-wrapper .slides .buttons ul li {
                    color: #333;
                    font-size: 14px;
                    padding: 0px 5px;
                    opacity: 0.8;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                }

        section.slideshow .slideshow-wrapper .text {
            margin-bottom: 10px;
        }

            section.slideshow .slideshow-wrapper .text .footer {
                padding: 10px 0px;
            }

                section.slideshow .slideshow-wrapper .text .footer a {
                    width: 100%;
                    margin: 5px 0px;
                    padding: 10px;
                }
}

.footer {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

    .footer .line {
        width: 50px;
        height: 3px;
        background-color: #fcdd21;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .footer .copyright {
        padding: 30px;
        background-color: #333;
        text-align: center;
    }

    .footer .footer-images-wrapper {
        padding: 20px 70px;
        background-color: #333;
    }

        .footer .footer-images-wrapper .title {
            text-transform: uppercase;
            font-size: 20px;
            margin-bottom: 15px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    .footer .footer-wrapper {
        background-color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 300px;
        padding: 20px 30px;
    }

        .footer .footer-wrapper .company-details .column {
            padding: 40px;
        }

            .footer .footer-wrapper .company-details .column:hover > .company > .line {
                width: 75px;
            }

            .footer .footer-wrapper .company-details .column:hover > .company > .title {
                -webkit-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                transform: translateY(-15px);
            }

            .footer .footer-wrapper .company-details .column .item {
                margin-top: 15px;
            }

                .footer .footer-wrapper .company-details .column .item .title {
                    text-transform: uppercase;
                }

            .footer .footer-wrapper .company-details .column .company .title {
                text-transform: uppercase;
                font-size: 20px;
                margin-bottom: 15px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        .footer .footer-wrapper .text {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .footer .footer-wrapper .text .links-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .footer .footer-wrapper .text .links-wrapper .column {
                    list-style: none;
                    padding: 0px;
                    margin: 0px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding: 40px;
                    overflow-x: hidden;
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                }

                    .footer .footer-wrapper .text .links-wrapper .column:hover > .line {
                        width: 75px;
                    }

                    .footer .footer-wrapper .text .links-wrapper .column:hover > .title {
                        -webkit-transform: translateY(-15px);
                        -ms-transform: translateY(-15px);
                        transform: translateY(-15px);
                    }

                    .footer .footer-wrapper .text .links-wrapper .column .title {
                        font-size: 20px;
                        margin-bottom: 15px;
                        text-transform: uppercase;
                        min-width: 75px;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

                    .footer .footer-wrapper .text .links-wrapper .column ul {
                        list-style: none;
                        padding-left: 0px;
                    }

                        .footer .footer-wrapper .text .links-wrapper .column ul li {
                            margin-left: 0px;
                        }

                    .footer .footer-wrapper .text .links-wrapper .column .social {
                        padding-top: 30px;
                    }

                        .footer .footer-wrapper .text .links-wrapper .column .social i {
                            font-size: 50px;
                            margin-right: 20px;
                        }

                    .footer .footer-wrapper .text .links-wrapper .column a {
                        color: #fff;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

                        .footer .footer-wrapper .text .links-wrapper .column a:hover {
                            color: #fcdd21;
                            cursor: pointer;
                        }

@media screen and (max-width: 767px) {
    .footer .footer-images-wrapper {
        padding: 0px 30px 30px;
    }

    .footer .footer-wrapper {
        padding: 20px 0px;
    }

        .footer .footer-wrapper .text .links-wrapper .column {
            padding: 20px 30px 0px 30px;
            min-width: 175px;
        }

        .footer .footer-wrapper .company-details .column {
            padding: 30px;
        }
}

#messagepop {
    z-index: 100;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 400px;
    font-family: "Oswald", sans-serif;
    -webkit-box-shadow: 0px 0px 4px rgba(122, 122, 122, 0.5);
    box-shadow: 0px 0px 4px rgba(122, 122, 122, 0.5);
    border-top-left-radius: 3px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translate3d(0, calc(100% - 50px), 0);
    transform: translate3d(0, calc(100% - 50px), 0);
}

    #messagepop .messagepop-wrapper .message-head {
        height: 50px;
        background-color: #fcdd21;
        display: table-cell;
        vertical-align: middle;
        width: 400px;
        text-align: center;
        font-family: "Oswald", sans-serif;
        font-size: 18px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        #messagepop .messagepop-wrapper .message-head:hover {
            cursor: pointer;
            background-color: #fcdd21;
        }

        #messagepop .messagepop-wrapper .message-head span {
            padding-left: 30px;
        }

    #messagepop .messagepop-wrapper .message-body {
        background-color: #fcdd21;
        padding: 30px;
    }

        #messagepop .messagepop-wrapper .message-body form {
            margin: 0px;
            color: #fff;
        }

            #messagepop .messagepop-wrapper .message-body form .form-group {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding-bottom: 10px;
            }

                #messagepop .messagepop-wrapper .message-body form .form-group input {
                    padding: 7px;
                    border: none;
                    font-family: "Oswald", sans-serif;
                }

                #messagepop .messagepop-wrapper .message-body form .form-group textarea {
                    height: 100px;
                    font-family: "Oswald", sans-serif;
                }

            #messagepop .messagepop-wrapper .message-body form .btns {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

                #messagepop .messagepop-wrapper .message-body form .btns button, #messagepop .messagepop-wrapper .message-body form .btns .btn {
                    width: 100%;
                    height: 50px;
                    background-color: #333;
                    border: solid 1px #fff;
                    color: #fff;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                    font-family: "Oswald", sans-serif;
                    font-size: 18px;
                    line-height: 50px;
                }

                    #messagepop .messagepop-wrapper .message-body form .btns button:hover, #messagepop .messagepop-wrapper .message-body form .btns .btn:hover {
                        cursor: pointer;
                        color: #333;
                        background-color: #fff;
                    }

                    #messagepop .messagepop-wrapper .message-body form .btns button.left, #messagepop .messagepop-wrapper .message-body form .btns .btn.left {
                        margin-right: 5px;
                    }

                    #messagepop .messagepop-wrapper .message-body form .btns button.right, #messagepop .messagepop-wrapper .message-body form .btns .btn.right {
                        margin-left: 5px;
                    }

                    #messagepop .messagepop-wrapper .message-body form .btns button.cancel, #messagepop .messagepop-wrapper .message-body form .btns .btn.cancel {
                        background-color: #fcdd21;
                        text-align: center;
                        display: inline-block;
                    }

                        #messagepop .messagepop-wrapper .message-body form .btns button.cancel:hover, #messagepop .messagepop-wrapper .message-body form .btns .btn.cancel:hover {
                            cursor: pointer;
                            color: #333;
                            background-color: #fff;
                        }

    #messagepop.show {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        #messagepop.show .message-head {
            opacity: 1;
            cursor: pointer;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            background-color: #fcdd21;
        }

@media screen and (max-width: 767px) {
    #messagepop {
        display: none;
    }
}

#divider + #divider .top {
    height: 0px;
}

#divider + section {
    padding-top: 0px;
}

#divider {
    width: 100%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    #divider .top {
        height: 30px;
        background-color: #333;
    }

    #divider .bottom {
        height: 30px;
        background-color: #fcdd21;
    }

    #divider .middle {
        position: relative;
        height: 30px;
        background-color: none;
        width: 100%;
        overflow: hidden;
    }

        #divider .middle .top {
            position: absolute;
            top: 0px;
            height: 150px;
            width: 100%;
            background-color: #333;
        }

        #divider .middle .bottom {
            position: absolute;
            bottom: 0px;
            height: 15px;
            width: 100%;
            background-color: #fcdd21;
        }

        #divider .middle .left {
            position: absolute;
            width: 30%;
            height: 15px;
            background-color: #333;
            border-bottom-right-radius: 15px;
            top: 15px;
        }

        #divider .middle .middle {
            position: absolute;
            width: 40%;
            height: 15px;
            left: 30%;
            background-color: #fcdd21;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
        }

        #divider .middle .right {
            position: absolute;
            width: 30%;
            height: 15px;
            background-color: #333;
            top: 15px;
            right: 0px;
            border-bottom-left-radius: 15px;
        }

    #divider.left .middle .left {
        display: none;
    }

    #divider.left .middle .middle {
        width: 40%;
        left: 0px;
        border-top-left-radius: 0px;
    }

    #divider.left .middle .right {
        width: 60%;
    }

    #divider.right .middle .left {
        width: 60%;
        left: 0px;
    }

    #divider.right .middle .middle {
        width: 40%;
        right: 0px;
        left: 60%;
        border-top-right-radius: 0px;
    }

    #divider.right .middle .right {
        display: none;
    }

    #divider.accent-to-primary .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-primary .bottom {
        background-color: #333;
    }

    #divider.accent-to-primary .middle .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-primary .middle .bottom {
        background-color: #333;
    }

    #divider.accent-to-primary .middle .left {
        background-color: #fcdd21;
    }

    #divider.accent-to-primary .middle .middle {
        background-color: #333;
    }

    #divider.accent-to-primary .middle .right {
        background-color: #fcdd21;
    }

    #divider.transparent-to-primary .top {
        background-color: #ededed;
    }

    #divider.transparent-to-primary .bottom {
        background-color: #333;
    }

    #divider.transparent-to-primary .middle .top {
        background-color: #ededed;
    }

    #divider.transparent-to-primary .middle .bottom {
        background-color: #333;
    }

    #divider.transparent-to-primary .middle .left {
        background-color: #ededed;
    }

    #divider.transparent-to-primary .middle .middle {
        background-color: #333;
    }

    #divider.transparent-to-primary .middle .right {
        background-color: #ededed;
    }

    #divider.primary-to-transparent .top {
        background-color: #333;
    }

    #divider.primary-to-transparent .bottom {
        background-color: #ededed;
    }

    #divider.primary-to-transparent .middle .top {
        background-color: #333;
    }

    #divider.primary-to-transparent .middle .bottom {
        background-color: #ededed;
    }

    #divider.primary-to-transparent .middle .left {
        background-color: #333;
    }

    #divider.primary-to-transparent .middle .middle {
        background-color: #ededed;
    }

    #divider.primary-to-transparent .middle .right {
        background-color: #333;
    }

    #divider.transparent-to-accent .top {
        background-color: #ededed;
    }

    #divider.transparent-to-accent .bottom {
        background-color: #fcdd21;
    }

    #divider.transparent-to-accent .middle .top {
        background-color: #ededed;
    }

    #divider.transparent-to-accent .middle .bottom {
        background-color: #fcdd21;
    }

    #divider.transparent-to-accent .middle .left {
        background-color: #ededed;
    }

    #divider.transparent-to-accent .middle .middle {
        background-color: #fcdd21;
    }

    #divider.transparent-to-accent .middle .right {
        background-color: #ededed;
    }

    #divider.accent-to-transparent .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-transparent .bottom {
        background-color: #ededed;
    }

    #divider.accent-to-transparent .middle .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-transparent .middle .bottom {
        background-color: #ededed;
    }

    #divider.accent-to-transparent .middle .left {
        background-color: #fcdd21;
    }

    #divider.accent-to-transparent .middle .middle {
        background-color: #ededed;
    }

    #divider.accent-to-transparent .middle .right {
        background-color: #fcdd21;
    }

    #divider.white-to-primary .top {
        background-color: #fcfcfc;
    }

    #divider.white-to-primary .bottom {
        background-color: #333;
    }

    #divider.white-to-primary .middle .top {
        background-color: #fcfcfc;
    }

    #divider.white-to-primary .middle .bottom {
        background-color: #333;
    }

    #divider.white-to-primary .middle .left {
        background-color: #fcfcfc;
    }

    #divider.white-to-primary .middle .middle {
        background-color: #333;
    }

    #divider.white-to-primary .middle .right {
        background-color: #fcfcfc;
    }

    #divider.primary-to-white .top {
        background-color: #333;
    }

    #divider.primary-to-white .bottom {
        background-color: #fcfcfc;
    }

    #divider.primary-to-white .middle .top {
        background-color: #333;
    }

    #divider.primary-to-white .middle .bottom {
        background-color: #fcfcfc;
    }

    #divider.primary-to-white .middle .left {
        background-color: #333;
    }

    #divider.primary-to-white .middle .middle {
        background-color: #fcfcfc;
    }

    #divider.primary-to-white .middle .right {
        background-color: #333;
    }

    #divider.white-to-accent .top {
        background-color: #fcfcfc;
    }

    #divider.white-to-accent .bottom {
        background-color: #fcdd21;
    }

    #divider.white-to-accent .middle .top {
        background-color: #fcfcfc;
    }

    #divider.white-to-accent .middle .bottom {
        background-color: #fcdd21;
    }

    #divider.white-to-accent .middle .left {
        background-color: #fcfcfc;
    }

    #divider.white-to-accent .middle .middle {
        background-color: #fcdd21;
    }

    #divider.white-to-accent .middle .right {
        background-color: #fcfcfc;
    }

    #divider.accent-to-white .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-white .bottom {
        background-color: #fcfcfc;
    }

    #divider.accent-to-white .middle .top {
        background-color: #fcdd21;
    }

    #divider.accent-to-white .middle .bottom {
        background-color: #fcfcfc;
    }

    #divider.accent-to-white .middle .left {
        background-color: #fcdd21;
    }

    #divider.accent-to-white .middle .middle {
        background-color: #fcfcfc;
    }

    #divider.accent-to-white .middle .right {
        background-color: #fcdd21;
    }

.article-tiles {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .article-tiles .headings h2, .article-tiles .headings h3 {
        color: #333;
        text-align: center;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .article-tiles .headings h3 {
        max-width: 600px;
        margin-top: 40px;
        line-height: 1em;
    }

    .article-tiles .article-tiles-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

#staticPage.show-borders .article-tiles .article-tiles-wrapper:first-child {
    padding-left: 0px;
}

.article-tiles .article-tiles-wrapper .all-articles {
    background-color: #fcdd21;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 40px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .article-tiles .article-tiles-wrapper .all-articles:hover {
        background-color: #777;
    }

        .article-tiles .article-tiles-wrapper .all-articles:hover > .text {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        .article-tiles .article-tiles-wrapper .all-articles:hover > .line {
            width: 150px;
        }

    .article-tiles .article-tiles-wrapper .all-articles .text {
        margin-bottom: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .article-tiles .article-tiles-wrapper .all-articles .line {
        width: 100px;
        height: 5px;
        background-color: #333;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.article-tiles .article-tiles-wrapper .article-tile {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#staticPage.show-borders .article-tiles .article-tiles-wrapper .article-tile.first {
    padding-left: 0px;
}

#staticPage.show-borders .article-tiles .article-tiles-wrapper .article-tile.last {
    padding-right: 0px;
}

#staticPage.show-borders .article-tiles .article-tiles-wrapper .article-tile {
    padding-right: 15px;
    padding-left: 15px;
}

.article-tiles .article-tiles-wrapper .article-tile:hover {
    cursor: pointer;
}

    .article-tiles .article-tiles-wrapper .article-tile:hover > .article > .image-wrapper > .aspect-container > .image > .title-wrapper > .title {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .article-tiles .article-tiles-wrapper .article-tile:hover > .article > .image-wrapper > .aspect-container > .image > .title-wrapper > .overlay {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    .article-tiles .article-tiles-wrapper .article-tile:hover > .article > .text-wrapper > .button-wrapper > .button {
        background-color: #fcdd21;
    }

.article-tiles .article-tiles-wrapper .article-tile .article {
    background-color: #fcfcfc;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper {
        width: 100%;
        position: relative;
    }

        .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container {
            position: relative;
            padding-top: 75%;
            width: 100%;
        }

            .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image {
                background-size: cover;
                background-color: transparent;
                background-position: center;
                width: 100%;
                overflow: hidden;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: 100%;
            }

                .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image .title-wrapper {
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    bottom: -100%;
                    -webkit-transform: translateY(-80px);
                    -ms-transform: translateY(-80px);
                    transform: translateY(-80px);
                    left: 0px;
                    color: #fff;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    letter-spacing: 1px;
                }

                    .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image .title-wrapper .overlay {
                        background-color: #333;
                        opacity: 0.8;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                    }

                    .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image .title-wrapper .title {
                        position: relative;
                        height: 80px;
                        z-index: 2;
                        font-size: 20px;
                        line-height: normal;
                        letter-spacing: 1px;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        text-align: left;
                    }

                        .article-tiles .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image .title-wrapper .title span {
                            position: absolute;
                            top: 50%;
                            width: 100%;
                            text-align: left;
                            -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            transform: translateY(-50%);
                            padding-left: 30px;
                        }

    .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper {
        position: relative;
        background-color: #fcfcfc;
        color: #333;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .subtitle {
            font-size: 16px;
            padding: 20px 30px 10px 30px;
        }

        .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .description {
            padding: 10px 30px 25px 30px;
            font-size: 16px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            letter-spacing: normal;
            text-transform: none;
        }

        .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .button-wrapper {
            padding: 20px 30px 50px 30px;
        }

            .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .button-wrapper .button {
                background-color: #333;
                color: #fff;
                padding: 15px;
                border: solid 1px #fff;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

.article-tiles.contrast .article-tiles-wrapper .article-tile .article .image-wrapper .aspect-container .image .title-wrapper .overlay {
    background-color: #fcdd21;
}

@media screen and (max-width: 1200px) {
    .article-tiles .article-tiles-wrapper .article-tile {
        width: 33.33333%;
    }

        .article-tiles .article-tiles-wrapper .article-tile.last-but-one {
            display: none;
        }
}

@media screen and (max-width: 1023px) {
    .article-tiles .article-tiles-wrapper .article-tile {
        display: none;
        width: 50%;
    }

        .article-tiles .article-tiles-wrapper .article-tile.first {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-right: 10px;
        }

        .article-tiles .article-tiles-wrapper .article-tile.last {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 10px;
        }

    #staticPage.show-borders .article-tiles .article-tiles-wrapper:first-child .article-tile.first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 10px;
    }

    #staticPage.show-borders .article-tiles .article-tiles-wrapper:first-child .article-tile.last {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .article-tiles {
        padding: 10px 10px 0px 10px;
    }
}

@media screen and (max-width: 500px) {
    .article-tiles {
        padding: 0px;
    }

        .article-tiles .article-tiles-wrapper .all-articles {
            padding: 40px 30px;
        }

        .article-tiles .article-tiles-wrapper .article-tile {
            width: 100%;
        }

            .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .button-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0px 30px 30px;
            }

                .article-tiles .article-tiles-wrapper .article-tile .article .text-wrapper .button-wrapper .button {
                    text-align: center;
                    padding: 10px;
                }

    #staticPage.show-borders .article-tiles .article-tiles-wrapper:first-child .article-tile.first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0px;
    }

    #staticPage.show-borders .article-tiles .article-tiles-wrapper:first-child .article-tile.last {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0px;
        margin-top: 10px;
    }
}

.product-category-tiles + section {
    padding-top: 15px;
}

.product-category-tiles {
    padding: 15px 15px 0px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .product-category-tiles .breadcrumb-wrapper {
        padding: 15px 15px 15px 15px;
        color: #333;
        font-family: "Oswald", sans-serif;
        font-size: 18px;
    }

        .product-category-tiles .breadcrumb-wrapper a {
            color: #333;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .product-category-tiles .breadcrumb-wrapper a:hover {
                cursor: pointer;
                color: #777;
            }

        .product-category-tiles .breadcrumb-wrapper span {
            color: #fcdd21;
        }

    .product-category-tiles .product-category-tiles-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .product-category-tiles .product-category-tiles-wrapper .product-category-tile {
            width: 25%;
            padding: 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .product-category-tiles .product-category-tiles-wrapper .product-category-tile:hover {
                cursor: pointer;
            }

                .product-category-tiles .product-category-tiles-wrapper .product-category-tile:hover > .product-category > .image-wrapper > .aspect-container > .overlay {
                    opacity: 0.5;
                }

                .product-category-tiles .product-category-tiles-wrapper .product-category-tile:hover > .product-category > .text-wrapper > .button-wrapper > .button {
                    background-color: #777;
                }

            .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category {
                background-color: #fcfcfc;
                width: 100%;
                overflow: hidden;
                position: relative;
            }

                .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper {
                    width: 100%;
                    position: relative;
                }

                    .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container {
                        position: relative;
                        padding-top: 75%;
                        width: 100%;
                    }

                        .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container .image {
                            background-size: cover;
                            background-color: transparent;
                            background-position: center;
                            width: 100%;
                            border-top-left-radius: 3px;
                            border-top-right-radius: 3px;
                            overflow: hidden;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            height: 100%;
                        }

                        .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container .overlay {
                            background-color: #333;
                            opacity: 0;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            -webkit-transition: 0.5s;
                            -o-transition: 0.5s;
                            transition: 0.5s;
                        }

                        .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container .title {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            width: 100%;
                            -webkit-transform: translate(-50%, -50%);
                            -ms-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            font-family: "Anton", sans-serif;
                            font-size: 20px;
                            line-height: normal;
                            -webkit-transition: 0.3s;
                            -o-transition: 0.3s;
                            transition: 0.3s;
                            text-align: center;
                            color: #fcfcfc;
                            padding: 20px;
                            font-size: 24px;
                            text-shadow: 0px 0px 10px rgba(30, 28, 28, 0.6);
                        }

                            .product-category-tiles .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container .title span {
                                text-align: center;
                            }

    .product-category-tiles.contrast .product-category-tiles-wrapper .product-category-tile .product-category .image-wrapper .aspect-container .overlay {
        background-color: #fcdd21;
    }

@media screen and (max-width: 1200px) {
    .product-category-tiles .product-category-tiles-wrapper .product-category-tile {
        width: 33.33333%;
    }
}

@media screen and (max-width: 1023px) {
    .product-category-tiles .product-category-tiles-wrapper .product-category-tile {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .product-category-tiles {
        padding: 10px 10px 0px 10px;
    }

        .product-category-tiles .product-category-tiles-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .product-category-tiles .product-category-tiles-wrapper .product-category-tile {
                width: 100%;
                padding: 5px 0px;
            }
}

.product-details {
    padding: 30px 30px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .product-details .footer-links {
        padding-bottom: 10px;
    }

        .product-details .footer-links a {
            color: #fcdd21;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .product-details .footer-links a:hover {
                color: #777;
            }

    .product-details .product-details-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .product-details .product-details-wrapper .product-overview {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper {
                width: 50%;
                background-color: #fcfcfc;
                padding: 70px 35px 70px 70px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
            }

                .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container {
                    position: relative;
                    padding-top: 75%;
                    width: 100%;
                }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container:hover {
                        cursor: pointer;
                    }

                        .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container:hover > .overlay {
                            opacity: 0.5;
                        }

                        .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container:hover > .label {
                            opacity: 1;
                            -webkit-transform: translate3d(-50%, 0px, 0);
                            transform: translate3d(-50%, 0px, 0);
                        }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container img {
                        position: absolute;
                        height: 100%;
                        width: 100%;
                        top: 0px;
                        -o-object-fit: cover;
                        object-fit: cover;
                    }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .overlay {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        right: 0px;
                        bottom: 0px;
                        background-color: #fcdd21;
                        opacity: 0;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .label {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        position: absolute;
                        color: white;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate3d(-50%, 100px, 0);
                        transform: translate3d(-50%, 100px, 0);
                        opacity: 0;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                        padding: 15px;
                        border: solid 2px #fff;
                        border-radius: 2px;
                        font-size: 40px;
                        font-family: "Oswald", sans-serif;
                        line-height: 1;
                    }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .left {
                        display: none;
                        position: absolute;
                        background-color: #333;
                        top: 50%;
                        left: 0px;
                        font-size: 80px;
                        padding-right: 25px;
                        padding-left: 10px;
                        border-top-right-radius: 50%;
                        border-bottom-right-radius: 50%;
                        opacity: 0.8;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                        cursor: pointer;
                        -webkit-transform: translate3d(0, -50%, 0);
                        transform: translate3d(0, -50%, 0);
                        line-height: 1;
                    }

                        .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .left:hover {
                            background-color: #fcdd21;
                        }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .right {
                        display: none;
                        position: absolute;
                        background-color: #333;
                        top: 50%;
                        right: 0px;
                        font-size: 80px;
                        padding-right: 10px;
                        padding-left: 25px;
                        border-top-left-radius: 50%;
                        border-bottom-left-radius: 50%;
                        opacity: 0.8;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                        cursor: pointer;
                        -webkit-transform: translate3d(0, -50%, 0);
                        transform: translate3d(0, -50%, 0);
                        line-height: 1;
                    }

                        .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .aspect-container .right:hover {
                            background-color: #fcdd21;
                        }

                .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    position: relative;
                }

                    .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                        flex-direction: row;
                        position: relative;
                        padding-top: 20px;
                    }

                        .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper {
                            position: relative;
                            width: 25%;
                            padding: 0px 10px;
                        }

                            .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper.first {
                                padding-left: 0px;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper.last {
                                padding-right: 0px;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper .aspect-container {
                                position: relative;
                                padding-top: 75%;
                                width: 100%;
                            }

                                .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper .aspect-container .img {
                                    position: absolute;
                                    top: 0px;
                                    left: 0px;
                                    right: 0px;
                                    bottom: 0px;
                                    -o-object-fit: cover;
                                    object-fit: cover;
                                }

                                .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper .aspect-container .overlay {
                                    position: absolute;
                                    top: 0px;
                                    left: 0px;
                                    right: 0px;
                                    bottom: 0px;
                                    background-color: #333;
                                    opacity: 0;
                                    -webkit-transition: 0.3s;
                                    -o-transition: 0.3s;
                                    transition: 0.3s;
                                }

                            .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper:hover {
                                cursor: pointer;
                            }

                                .product-details .product-details-wrapper .product-overview .product-overview-image-wrapper .thumbnails .row .thumbnail-wrapper:hover > .aspect-container > .overlay {
                                    opacity: 0.5;
                                }

            .product-details .product-details-wrapper .product-overview .product-overview-text {
                padding: 30px 70px 70px 35px;
                width: 50%;
                background-color: #fcfcfc;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #333;
            }

                .product-details .product-details-wrapper .product-overview .product-overview-text h1 {
                    font-size: 32px;
                    color: #333;
                }

                .product-details .product-details-wrapper .product-overview .product-overview-text .price {
                    font-size: 28px;
                    padding-bottom: 20px;
                }

                .product-details .product-details-wrapper .product-overview .product-overview-text .product-form {
                    font-family: "Oswald", sans-serif;
                }

                    .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                        flex-direction: row;
                        width: 100%;
                    }

                        .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group {
                            -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                            flex-grow: 1;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            padding-bottom: 10px;
                        }

                            .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group .qty {
                                max-width: 60px;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group label {
                                padding-bottom: 5px;
                                font-size: 16px;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group input, .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group textarea {
                                padding: 7px;
                                font-family: "Raleway", sans-serif;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group textarea {
                                height: 60px;
                                resize: vertical;
                                max-height: 200px;
                                min-height: 50px;
                            }

                            .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group button {
                                padding: 15px;
                                background-color: #fcdd21;
                                border: solid 1px #fff;
                                font-family: "Oswald", sans-serif;
                                font-size: 18px;
                                color: #fff;
                                -webkit-transition: 0.3s;
                                -o-transition: 0.3s;
                                transition: 0.3s;
                            }

                                .product-details .product-details-wrapper .product-overview .product-overview-text .product-form .form-group-container .form-group button:hover {
                                    cursor: pointer;
                                    background-color: #777;
                                }

        .product-details .product-details-wrapper .product-information {
            margin: 30px 0px 0px 0px;
            background-color: #fcfcfc;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            color: #333;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .product-details .product-details-wrapper .product-information h2 {
                color: #333;
            }

            .product-details .product-details-wrapper .product-information .product-description {
                width: 50%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 30 75px;
            }

            .product-details .product-details-wrapper .product-information .product-features {
                width: 50%;
                padding: 30px 75px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .product-details .product-details-wrapper .product-information .product-features ul {
                    margin: 0px;
                    padding: 0px 0px 0px 15px;
                }

.testimonials.contrast .testimonials-wrapper {
    background-color: #fcdd21;
}

.testimonials.contrast .line {
    background-color: #333;
}

.testimonials.contrast .testamonial-wrapper .buttons ul li {
    color: #fcfcfc;
}

    .testimonials.contrast .testamonial-wrapper .buttons ul li.active {
        color: #333;
    }

    .testimonials.contrast .testamonial-wrapper .buttons ul li:hover {
        color: #333;
    }

.testimonials.contrast .testamonial-wrapper .quotation .left-quote {
    color: #333;
}

.testimonials.contrast .testamonial-wrapper .quotation .right-quote {
    color: #333;
}

.testimonials.white {
    color: #333;
}

    .testimonials.white h2 {
        color: #333;
    }

    .testimonials.white .testimonials-wrapper {
        background-color: #fcfcfc;
    }

    .testimonials.white .line {
        background-color: #fcdd21;
    }

    .testimonials.white .testamonial-wrapper .buttons ul li {
        color: #333;
    }

        .testimonials.white .testamonial-wrapper .buttons ul li.active {
            color: #fcdd21;
        }

        .testimonials.white .testamonial-wrapper .buttons ul li:hover {
            color: #fcdd21;
        }

    .testimonials.white .testamonial-wrapper .quotation .left-quote {
        color: #333;
    }

    .testimonials.white .testamonial-wrapper .quotation .right-quote {
        color: #333;
    }

.testimonials.transparent {
    color: #333;
}

    .testimonials.transparent h2 {
        color: #333;
    }

    .testimonials.transparent .testimonials-wrapper {
        background-color: #ededed;
    }

    .testimonials.transparent .line {
        background-color: #fcdd21;
    }

    .testimonials.transparent .testamonial-wrapper .buttons ul li {
        color: #333;
    }

        .testimonials.transparent .testamonial-wrapper .buttons ul li.active {
            color: #fcdd21;
        }

        .testimonials.transparent .testamonial-wrapper .buttons ul li:hover {
            color: #fcdd21;
        }

    .testimonials.transparent .testamonial-wrapper .quotation .left-quote {
        color: #333;
    }

    .testimonials.transparent .testamonial-wrapper .quotation .right-quote {
        color: #333;
    }

.testimonials {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fcfcfc;
}

    .testimonials .testimonials-wrapper {
        background-color: #333;
        padding: 60px 30px 50px;
    }

        .testimonials .testimonials-wrapper:hover > h2 {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .testimonials .testimonials-wrapper:hover > .line {
            width: 150px;
        }

        .testimonials .testimonials-wrapper:hover > .testamonial-wrapper > .my-testamonials > .quotation > .left-quote {
            -webkit-transform: translate3d(-20px, -20px, 0);
            transform: translate3d(-20px, -20px, 0);
        }

        .testimonials .testimonials-wrapper:hover > .testamonial-wrapper > .my-testamonials > .quotation > .right-quote {
            -webkit-transform: translate3d(20px, -20px, 0);
            transform: translate3d(20px, -20px, 0);
        }

    .testimonials h2 {
        text-align: center;
        color: #fcfcfc;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .testimonials .line {
        width: 100px;
        height: 3px;
        background-color: #fcdd21;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .testimonials .testamonial-wrapper {
        padding: 0px 30px 0px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .testimonials .testamonial-wrapper .quotation {
            padding: 0px 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-top: 10px;
        }

            .testimonials .testamonial-wrapper .quotation i {
                color: #fcdd21;
                font-size: 80px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        .testimonials .testamonial-wrapper .my-testamonials {
            display: none;
            min-height: 150px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .testimonials .testamonial-wrapper .my-testamonials .text {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                margin-top: 30px;
                text-align: center;
                max-width: 900px;
            }

                .testimonials .testamonial-wrapper .my-testamonials .text .name {
                    font-weight: bold;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    padding-top: 10px;
                }

                .testimonials .testamonial-wrapper .my-testamonials .text .testimonial p {
                    margin-top: 0px;
                }

            .testimonials .testamonial-wrapper .my-testamonials.initial {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

        .testimonials .testamonial-wrapper .buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .testimonials .testamonial-wrapper .buttons ul {
                list-style: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                padding-left: 0pc;
            }

                .testimonials .testamonial-wrapper .buttons ul li {
                    color: #fcfcfc;
                    font-size: 20px;
                    padding: 0px 5px;
                    opacity: 0.8;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                }

                    .testimonials .testamonial-wrapper .buttons ul li.active {
                        color: #fcdd21;
                        cursor: pointer;
                        opacity: 1;
                    }

                    .testimonials .testamonial-wrapper .buttons ul li:hover {
                        color: #fcdd21;
                        cursor: pointer;
                        opacity: 1;
                    }

.fade {
    -webkit-animation: slideshow-fade-in;
    animation: slideshow-fade-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.fade-out {
    -webkit-animation: slideshow-fade-out;
    animation: slideshow-fade-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@keyframes slideshow-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideshow-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media screen and (max-width: 1200px) {
    .testimonials .testimonials-wrapper {
        padding: 30px 30px 30px;
    }

        .testimonials .testimonials-wrapper .testamonial-wrapper {
            padding: 0px;
        }

    .testimonials .my-testamonials .text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .testimonials .my-testamonials .quotation {
        padding: 10px 30px;
    }

        .testimonials .my-testamonials .quotation i {
            font-size: 70px;
        }
}

@media screen and (max-width: 1023px) {
    .testimonials .testimonials-wrapper .my-testamonials .quotation i {
        font-size: 50px;
    }
}

@media screen and (max-width: 767px) {
    .testimonials .testimonials-wrapper:hover > .testamonial-wrapper > .my-testamonials > .quotation > .left-quote {
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }

    .testimonials .testimonials-wrapper:hover > .testamonial-wrapper > .my-testamonials > .quotation > .right-quote {
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }

    .testimonials .testimonials-wrapper .my-testamonials {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .testimonials .testimonials-wrapper .my-testamonials .text {
            margin-top: 10px;
        }

        .testimonials .testimonials-wrapper .my-testamonials .quotation {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 20px;
        }

            .testimonials .testimonials-wrapper .my-testamonials .quotation.right {
                display: none;
            }

            .testimonials .testimonials-wrapper .my-testamonials .quotation i {
                font-size: 40px;
            }
}

.text-tiles.contrast .text-tile-wrapper {
    background-color: #fcdd21;
}

#staticPage.reverse-contrast-text .text-tiles.contrast .text-tile-wrapper {
    color: #333;
}

.text-tiles.contrast .text-tile-wrapper h2, .text-tiles.contrast .text-tile-wrapper h3 {
    color: #fff;
}

#staticPage.reverse-contrast-text .text-tiles.contrast .text-tile-wrapper h2, #staticPage.reverse-contrast-text .text-tiles.contrast .text-tile-wrapper h3 {
    color: #333;
}

.text-tiles.contrast .text-tile-wrapper .text-tile .line {
    background-color: #333;
}

.text-tiles.contrast .text-tile-wrapper .text-tile .tile-content .footer a {
    background-color: #333;
}

#staticPage.reverse-contrast-text .text-tiles.contrast .text-tile-wrapper .text-tile .tile-content .footer a {
    color: #fff;
}

.text-tiles.contrast .text-tile-wrapper .text-tile .tile-content .footer a:hover {
    background-color: #777;
}

.text-tiles.white .text-tile-wrapper {
    background-color: #fcfcfc;
    color: #333;
}

    .text-tiles.white .text-tile-wrapper h2, .text-tiles.white .text-tile-wrapper h3 {
        color: #333;
    }

    .text-tiles.white .text-tile-wrapper .text-tile .tile-content .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text-tiles.white .text-tile-wrapper .text-tile .tile-content .footer a {
    color: #fff;
}

.text-tiles.white .text-tile-wrapper .text-tile .tile-content .footer a:hover {
    background-color: #777;
}

.text-tiles.transparent .text-tile-wrapper {
    background-color: transparent;
    color: #333;
}

    .text-tiles.transparent .text-tile-wrapper h2, .text-tiles.transparent .text-tile-wrapper h3 {
        color: #333;
    }

    .text-tiles.transparent .text-tile-wrapper .text-tile .tile-content .footer a {
        background-color: #333;
    }

#staticPage.reverse-contrast-text .text-tiles.transparent .text-tile-wrapper .text-tile .tile-content .footer a {
    color: #fff;
}

.text-tiles.transparent .text-tile-wrapper .text-tile .tile-content .footer a:hover {
    background-color: #777;
}

.text-tiles {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .text-tiles .text-tile-wrapper {
        padding: 50px 20px;
        background-color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .text-tiles .text-tile-wrapper h2 {
            line-height: 1.2em;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .text-tiles .text-tile-wrapper h2, .text-tiles .text-tile-wrapper h3 {
            color: #fff;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .text-tiles .text-tile-wrapper .text-tile {
            min-width: 25%;
            padding: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .text-tiles .text-tile-wrapper .text-tile .line {
                height: 3px;
                width: 100px;
                background-color: #fcdd21;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .text-tiles .text-tile-wrapper .text-tile .tile-content {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .text-tiles .text-tile-wrapper .text-tile .tile-content .body {
                    text-align: justify;
                    padding-bottom: 30px;
                    margin-top: auto;
                    margin-bottom: auto;
                }

                    .text-tiles .text-tile-wrapper .text-tile .tile-content .body ul {
                        padding-left: 20px;
                    }

                .text-tiles .text-tile-wrapper .text-tile .tile-content .footer {
                    padding-top: 30px;
                    padding-bottom: 30px;
                }

                    .text-tiles .text-tile-wrapper .text-tile .tile-content .footer a {
                        background-color: #fcdd21;
                        margin-right: 15px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        padding: 15px 15px;
                    }

#staticPage.reverse-contrast-text .text-tiles .text-tile-wrapper .text-tile .tile-content .footer a {
    color: #333;
}

.text-tiles .text-tile-wrapper .text-tile .tile-content .footer a:hover {
    background-color: #777;
}

.text-tiles .text-tile-wrapper .text-tile:hover > h2 {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.text-tiles .text-tile-wrapper .text-tile:hover > .line {
    width: 150px;
}

@media screen and (max-width: 1400px) {
    .text-tiles .text-tile-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .text-tiles .text-tile-wrapper .text-tile {
            width: 50%;
        }
}

@media screen and (max-width: 767px) {
    .text-tiles .text-tile-wrapper {
        padding: 20px 0px;
    }

        .text-tiles .text-tile-wrapper .text-tile {
            padding-top: 10px;
            width: 100%;
        }
}

#image-gallery + #image-gallery {
    padding-top: 0px;
}

#image-gallery {
    padding: 15px 15PX 0PX 15PX;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #image-gallery .gallery-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #image-gallery .gallery-wrapper .gallery-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            #image-gallery .gallery-wrapper .gallery-row .image-wrapper {
                width: 100%;
                padding: 15px;
                position: relative;
            }

                #image-gallery .gallery-wrapper .gallery-row .image-wrapper .aspect-container {
                    position: relative;
                    padding-top: 75%;
                    width: 100%;
                }

                    #image-gallery .gallery-wrapper .gallery-row .image-wrapper .aspect-container .image {
                        border-radius: 2px;
                        background: no-repeat center;
                        background-size: cover;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        height: 100%;
                    }

    #image-gallery h2 {
        padding-top: 15px;
        text-align: center;
    }

    #image-gallery + section {
        padding-top: 15px;
    }

@media screen and (max-width: 767px) {
    #image-gallery {
        padding: 0px 10px;
    }

        #image-gallery .gallery-wrapper .gallery-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            #image-gallery .gallery-wrapper .gallery-row .image-wrapper {
                padding: 5px 0px;
            }

        #image-gallery + section {
            padding-top: 5px;
        }
}

.pfa-hero {
    position: relative;
    overflow: hidden;
}

#staticPage.show-borders .pfa-hero {
    padding-top: 30px;
}

.pfa-hero .hero-wrapper {
    height: 400px;
    width: 100%;
    background-color: #333;
    position: relative;
}

    .pfa-hero .hero-wrapper:hover > .content > .text > .line {
        width: 150px;
    }

    .pfa-hero .hero-wrapper:hover > .content > .search-form > h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .pfa-hero .hero-wrapper:hover > .content > .search-form > .line {
        width: 150px;
    }

    .pfa-hero .hero-wrapper .background-image {
        width: 100%;
        height: 400px;
        position: absolute;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .pfa-hero .hero-wrapper .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #fcdd21;
        top: 0px;
        left: 0px;
        opacity: 0;
    }

    .pfa-hero .hero-wrapper .foreground-image {
        position: absolute;
        left: 50px;
        top: 50px;
        width: 250px;
        height: 250px;
        opacity: 0.75;
        background-size: cover;
        background-position: contain;
        background-repeat: no-repeat;
    }

    .pfa-hero .hero-wrapper .content {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 50%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        color: white;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .pfa-hero .hero-wrapper .content h1 {
            color: white;
            font-size: 45px;
            font-weight: bold;
            text-shadow: 2px 2px grey;
            padding-right: 50px;
        }

        .pfa-hero .hero-wrapper .content h2 {
            color: white;
            font-size: 45px;
            text-shadow: 1px 1px grey;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-hero .hero-wrapper .content h3 {
            color: white;
            padding-right: 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 24px;
            text-shadow: 1px 1px grey;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-hero .hero-wrapper .content .line {
            width: 100px;
            height: 4px;
            background-color: #fcdd21;
            margin-bottom: 30px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-hero .hero-wrapper .content .text {
            width: 100%;
        }

        .pfa-hero .hero-wrapper .content .search-form {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-bottom: 50px;
        }

            .pfa-hero .hero-wrapper .content .search-form .form-group {
                font-size: 20px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

                .pfa-hero .hero-wrapper .content .search-form .form-group .icon {
                    background-color: #fcdd21;
                    height: 50px;
                    width: 50px;
                    margin-right: 10px;
                    position: relative;
                }

                    .pfa-hero .hero-wrapper .content .search-form .form-group .icon i {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        font-size: 30px;
                    }

                .pfa-hero .hero-wrapper .content .search-form .form-group input {
                    font-size: 20px;
                    height: 50px;
                    border: none;
                    margin-right: 10px;
                    padding: 0px 20px;
                    width: 300px;
                }

                .pfa-hero .hero-wrapper .content .search-form .form-group button {
                    background-color: #fcdd21;
                    border: none;
                    color: #fcfcfc;
                    font-family: helvetica;
                    font-size: 20px;
                    height: 50px;
                    padding: 0px 20px;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }

#staticPage.reverse-contrast-text .pfa-hero .hero-wrapper .content .search-form .form-group button {
    color: #333;
}

.pfa-hero .hero-wrapper .content .search-form .form-group a.button {
    background-color: #fcdd21;
    border: none;
    color: #fcfcfc;
    font-family: Helvetica;
    font-size: 16px;
    padding: 10px 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#staticPage.reverse-contrast-text .pfa-hero .hero-wrapper .content .search-form .form-group a.button {
    color: #333;
}

@media screen and (max-width: 1400px) {
    .pfa-hero .hero-wrapper {
        height: 350px;
    }

        .pfa-hero .hero-wrapper .foreground-image {
            width: 220px;
            height: 220px;
        }

        .pfa-hero .hero-wrapper .content h1 {
            font-size: 40px;
        }

        .pfa-hero .hero-wrapper .content h2 {
            font-size: 30px;
        }
}

@media screen and (max-width: 1023px) {
    #staticPage.show-borders .pfa-hero {
        padding-top: 20px;
    }

    .pfa-hero .hero-wrapper {
        height: 350px;
    }

        .pfa-hero .hero-wrapper .foreground-image {
            width: 200px;
            height: 200px;
        }

        .pfa-hero .hero-wrapper .content h1 {
            font-size: 36px;
        }

        .pfa-hero .hero-wrapper .content h2 {
            font-size: 24px;
        }

        .pfa-hero .hero-wrapper .content .search-form .form-group button, .pfa-hero .hero-wrapper .content .search-form .form-group a.button {
            font-size: 14px;
        }
}

@media screen and (max-width: 767px) {
    .pfa-hero .hero-wrapper {
        height: 300px;
    }

        .pfa-hero .hero-wrapper .foreground-image {
            display: none;
        }

        .pfa-hero .hero-wrapper .content {
            width: 100%;
            padding: 40px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .pfa-hero .hero-wrapper .content .line {
                margin-left: auto;
                margin-right: auto;
            }

            .pfa-hero .hero-wrapper .content h1 {
                font-size: 30px;
                padding-right: 0px;
            }

            .pfa-hero .hero-wrapper .content h2 {
                font-size: 20px;
            }

            .pfa-hero .hero-wrapper .content .search-form .form-group button, .pfa-hero .hero-wrapper .content .search-form .form-group a.button {
                font-size: 14px;
                margin-left: auto;
                margin-right: auto;
            }
}

@media screen and (max-width: 500px) {
    #staticPage.show-borders .pfa-hero {
        padding-top: 10px;
    }
}

.video-hero {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .video-hero .Video-wrapper {
        position: relative;
    }

        .video-hero .Video-wrapper:hover > .text-wrapper > .text > h1 {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        .video-hero .Video-wrapper:hover > .text-wrapper > .text > .line {
            width: 150px;
        }

        .video-hero .Video-wrapper video {
            width: 100%;
        }

        .video-hero .Video-wrapper .overlay {
            position: absolute;
            height: 100%;
            width: 100%;
            background-color: #333;
            opacity: 0;
        }

        .video-hero .Video-wrapper .text-wrapper {
            position: absolute;
            text-align: center;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            width: 100%;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

            .video-hero .Video-wrapper .text-wrapper .text {
                position: relative;
                width: 100%;
                text-align: center;
                -webkit-transform: translateY(-60px);
                -ms-transform: translateY(-60px);
                transform: translateY(-60px);
                font-weight: bold;
                color: #fff;
            }

                .video-hero .Video-wrapper .text-wrapper .text .line {
                    width: 100px;
                    height: 5px;
                    background-color: #fcdd21;
                    margin-left: auto;
                    margin-right: auto;
                    -webkit-transition: 0.3s ease-in-out;
                    -o-transition: 0.3s ease-in-out;
                    transition: 0.3s ease-in-out;
                }

                .video-hero .Video-wrapper .text-wrapper .text h1 {
                    font-size: 65px;
                    font-weight: bold;
                    text-shadow: 2px 2px grey;
                    margin-top: 0px;
                    margin-bottom: 20px;
                    -webkit-transition: 0.3s ease-in-out;
                    -o-transition: 0.3s ease-in-out;
                    transition: 0.3s ease-in-out;
                }

                .video-hero .Video-wrapper .text-wrapper .text h1, .video-hero .Video-wrapper .text-wrapper .text h2, .video-hero .Video-wrapper .text-wrapper .text h3 {
                    position: relative;
                    color: #fff;
                    font-weight: bold;
                }

                .video-hero .Video-wrapper .text-wrapper .text h2 {
                    margin-bottom: 40px;
                    text-shadow: 1px 1px grey;
                }

                .video-hero .Video-wrapper .text-wrapper .text a {
                    color: #fff;
                    background-color: #fcdd21;
                    padding: 20px 40px;
                    position: relative;
                    font-size: 20px;
                    display: inline-block;
                    letter-spacing: 1px;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                    .video-hero .Video-wrapper .text-wrapper .text a:hover {
                        cursor: pointer;
                        background-color: #777;
                    }

                    .video-hero .Video-wrapper .text-wrapper .text a .line {
                        position: absolute;
                        width: 0%;
                        height: 4px;
                        bottom: 0px;
                        left: 0px;
                        background-color: #333;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

@media screen and (max-width: 1200px) {
    #hero-video {
        min-height: 600px;
    }

        #hero-video .Video-wrapper .text-wrapper .text a {
            font-size: 14px;
            padding: 10px 20px;
        }
}

@media screen and (max-width: 1023px) {
    #hero-video {
        min-height: 500px;
    }

        #hero-video .Video-wrapper .text-wrapper .text a {
            font-size: 16px;
            padding: 15px 25px;
        }
}

@media screen and (max-width: 767px) {
    #hero-video {
        min-height: 400px;
    }

        #hero-video .Video-wrapper .text-wrapper .text a {
            font-size: 14px;
            padding: 10px 20px;
        }
}

.text-tiles-over-image.contrast .image-wrapper {
    background-color: #333;
}

    .text-tiles-over-image.contrast .image-wrapper .title .line {
        width: 150px;
        height: 5px;
        background-color: #fcdd21;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .text-tiles-over-image.contrast .image-wrapper .tiles-wrapper .tile {
        background-color: #fcdd21;
        color: #fff;
    }

        .text-tiles-over-image.contrast .image-wrapper .tiles-wrapper .tile h3 {
            color: #fff;
        }

        .text-tiles-over-image.contrast .image-wrapper .tiles-wrapper .tile .line {
            background-color: #333;
        }

        .text-tiles-over-image.contrast .image-wrapper .tiles-wrapper .tile .footer .button {
            color: #333;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .text-tiles-over-image.contrast .image-wrapper .tiles-wrapper .tile .footer .button:hover {
                cursor: pointer;
                color: #777;
            }

.text-tiles-over-image.white .image-wrapper {
    background-color: #333;
}

    .text-tiles-over-image.white .image-wrapper .title .line {
        width: 150px;
        height: 5px;
        background-color: #fcdd21;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .text-tiles-over-image.white .image-wrapper .tiles-wrapper .tile {
        background-color: #fcfcfc;
        color: #333;
    }

        .text-tiles-over-image.white .image-wrapper .tiles-wrapper .tile h3 {
            color: #333;
        }

        .text-tiles-over-image.white .image-wrapper .tiles-wrapper .tile .line {
            background-color: #fcdd21;
        }

        .text-tiles-over-image.white .image-wrapper .tiles-wrapper .tile .footer .button {
            color: #333;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .text-tiles-over-image.white .image-wrapper .tiles-wrapper .tile .footer .button:hover {
                cursor: pointer;
                color: #777;
            }

.text-tiles-over-image .image-wrapper {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 60px 30px;
    background-color: #fcdd21;
}

    .text-tiles-over-image .image-wrapper:hover > .title > h2 {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    .text-tiles-over-image .image-wrapper:hover > .title > .line {
        width: 225px;
    }

    .text-tiles-over-image .image-wrapper .title {
        text-align: center;
    }

        .text-tiles-over-image .image-wrapper .title h2 {
            color: #fcfcfc;
            font-size: 45px;
            text-shadow: 2px 2px grey;
            font-weight: bold;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            letter-spacing: 1px;
        }

        .text-tiles-over-image .image-wrapper .title .line {
            width: 150px;
            height: 5px;
            background-color: #333;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    .text-tiles-over-image .image-wrapper .tiles-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

        .text-tiles-over-image .image-wrapper .tiles-wrapper .tile {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 300px;
            min-width: 300px;
            background-color: #333;
            margin: 30px;
            padding: 30px;
            min-height: 100px;
            color: #fff;
        }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile:hover > h3 {
                -webkit-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                transform: translateY(-15px);
            }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile:hover > .line {
                width: 150px;
            }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile h3 {
                color: #fff;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                margin-bottom: 10px;
            }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile .line {
                width: 100px;
                height: 3px;
                background-color: #fcdd21;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile .footer .button {
                color: #fcdd21;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                .text-tiles-over-image .image-wrapper .tiles-wrapper .tile .footer .button:hover {
                    cursor: pointer;
                    color: #777;
                }

@media screen and (max-width: 1400px) {
    .text-tiles-over-image .image-wrapper .tiles-wrapper .tile {
        margin: 15px;
        max-width: 270px;
    }
}

@media screen and (max-width: 1023px) {
    .text-tiles-over-image .image-wrapper {
        padding: 20px;
    }

        .text-tiles-over-image .image-wrapper .tiles-wrapper .tile {
            margin: 10px;
            max-width: 260px;
        }
}

@media screen and (max-width: 500px) {
    .text-tiles-over-image .image-wrapper {
        padding: 20px 20px;
    }

        .text-tiles-over-image .image-wrapper .tiles-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .text-tiles-over-image .image-wrapper .tiles-wrapper .tile {
                margin: 15px 10px;
                max-width: 100%;
                min-width: 100px;
            }
}

.pfa-find-centre {
    position: relative;
    overflow: hidden;
}

    .pfa-find-centre .search-results {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

#staticPage.show-borders .pfa-find-centre .search-results {
    margin-top: 30px;
}

.pfa-find-centre .search-results:hover > .title > h2 {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.pfa-find-centre .search-results:hover > .title > .line {
    width: 150px;
}

.pfa-find-centre .search-results .title {
    background-color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}

    .pfa-find-centre .search-results .title h2, .pfa-find-centre .search-results .title h3 {
        color: #fff;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .pfa-find-centre .search-results .title .line {
        width: 100px;
        height: 4px;
        background-color: #fcdd21;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.pfa-find-centre .search-results .results {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .pfa-find-centre .search-results .results .result {
        margin-left: 30px;
        background-color: #fcdd21;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 30px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .pfa-find-centre .search-results .results .result:hover {
            cursor: pointer;
            background-color: #777;
        }

            .pfa-find-centre .search-results .results .result:hover > .name {
                -webkit-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            .pfa-find-centre .search-results .results .result:hover > .line {
                width: 80px;
            }

        .pfa-find-centre .search-results .results .result .name {
            font-size: 24px;
            margin-bottom: 10px;
            color: #fff;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-find-centre .search-results .results .result .distance {
            font-size: 18px;
            color: #fff;
        }

        .pfa-find-centre .search-results .results .result .line {
            width: 50px;
            height: 3px;
            background-color: #333;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

.pfa-find-centre .all-centres {
    background-color: #fcfcfc;
    padding: 50px 30px;
}

    .pfa-find-centre .all-centres:hover > h2 {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .pfa-find-centre .all-centres:hover > .line {
        width: 150px;
    }

    .pfa-find-centre .all-centres h2, .pfa-find-centre .all-centres h3 {
        text-align: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

#staticPage.show-borders .pfa-find-centre .all-centres {
    margin-top: 0px;
}

.pfa-find-centre .all-centres .line {
    background-color: #fcdd21;
    width: 100px;
    height: 4px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pfa-find-centre .all-centres .centre-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .pfa-find-centre .all-centres .centre-listing .region {
        padding: 15px;
        color: #333;
        min-width: 200px;
        max-width: 300px;
    }

        .pfa-find-centre .all-centres .centre-listing .region .title {
            margin-bottom: 10px;
            text-transform: uppercase;
            font-size: 24px;
            text-align: center;
        }

        .pfa-find-centre .all-centres .centre-listing .region .line {
            width: 50px;
            height: 3px;
        }

        .pfa-find-centre .all-centres .centre-listing .region .centre {
            font-size: 18px;
            text-transform: capitalize;
            text-align: center;
            padding-bottom: 5px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .pfa-find-centre .all-centres .centre-listing .region .centre a {
                font-size: 18px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                .pfa-find-centre .all-centres .centre-listing .region .centre a:hover {
                    color: #fcdd21;
                    cursor: pointer;
                }

.pfa-find-centre .hero-wrapper {
    height: 300px;
    width: 100%;
    background-color: #333;
    position: relative;
}

    .pfa-find-centre .hero-wrapper:hover > .content > .search-form > h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .pfa-find-centre .hero-wrapper:hover > .content > .search-form > .line {
        width: 150px;
    }

    .pfa-find-centre .hero-wrapper .background-image {
        width: 100%;
        height: 300px;
        position: absolute;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .pfa-find-centre .hero-wrapper .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #fcdd21;
        top: 0px;
        left: 0px;
        opacity: 0;
    }

    .pfa-find-centre .hero-wrapper .content {
        position: absolute;
        padding-left: 30px;
        text-align: left;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        color: white;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .pfa-find-centre .hero-wrapper .content h1 {
            color: white;
            font-size: 65px;
            font-weight: bold;
            text-shadow: 2px 2px grey;
            padding-right: 50px;
        }

        .pfa-find-centre .hero-wrapper .content h2 {
            color: white;
            font-size: 45px;
            text-shadow: 1px 1px grey;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-find-centre .hero-wrapper .content .line {
            width: 100px;
            height: 4px;
            background-color: #fcdd21;
            margin-bottom: 30px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .pfa-find-centre .hero-wrapper .content .text {
            width: 100%;
        }

        .pfa-find-centre .hero-wrapper .content .search-form {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-bottom: 50px;
        }

            .pfa-find-centre .hero-wrapper .content .search-form .form-group {
                font-size: 20px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

                .pfa-find-centre .hero-wrapper .content .search-form .form-group .icon {
                    background-color: #fcdd21;
                    height: 50px;
                    width: 50px;
                    margin-right: 10px;
                    position: relative;
                }

                    .pfa-find-centre .hero-wrapper .content .search-form .form-group .icon i {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        font-size: 30px;
                    }

                .pfa-find-centre .hero-wrapper .content .search-form .form-group input {
                    font-size: 20px;
                    height: 50px;
                    border: none;
                    margin-right: 10px;
                    padding: 0px 20px;
                    width: 300px;
                }

                .pfa-find-centre .hero-wrapper .content .search-form .form-group button {
                    background-color: #fcdd21;
                    border: none;
                    color: #fcfcfc;
                    font-family: helvetica;
                    font-size: 20px;
                    height: 50px;
                    padding: 0px 20px;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }

@media screen and (max-width: 1023px) {
    .pfa-find-centre .all-centres .centre-listing .region .title {
        font-size: 20px;
    }

    .pfa-find-centre .all-centres .centre-listing .region .centre a {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .pfa-find-centre .search-results {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pfa-find-centre .search-results .results {
            padding-top: 20px;
        }

            .pfa-find-centre .search-results .results .result {
                margin-left: 0px;
            }
}

@media screen and (max-width: 500px) {
    .pfa-find-centre .search-results .results {
        padding-top: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pfa-find-centre .search-results .results .result {
            margin-left: 0px;
            margin-top: 10px;
        }
}

.profile-pictures.white .profile-pictures-wrapper {
    background-color: #fcfcfc;
}

    .profile-pictures.white .profile-pictures-wrapper .content .title h2, .profile-pictures.white .profile-pictures-wrapper .content .title h3, .profile-pictures.white .profile-pictures-wrapper .content .title p {
        color: #333;
    }

.profile-pictures.contrast .profile-pictures-wrapper {
    background-color: #fcdd21;
}

    .profile-pictures.contrast .profile-pictures-wrapper .content .title .line {
        background-color: #333;
    }

    .profile-pictures.contrast .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile .text {
        background-color: #333;
    }

.profile-pictures.transparent .profile-pictures-wrapper {
    background-color: #ededed;
}

    .profile-pictures.transparent .profile-pictures-wrapper .content .title h2, .profile-pictures.transparent .profile-pictures-wrapper .content .title h3, .profile-pictures.transparent .profile-pictures-wrapper .content .title p {
        color: #333;
    }

.profile-pictures .profile-pictures-wrapper {
    min-height: 500px;
    background-color: #333;
    padding: 60px 100px;
}

    .profile-pictures .profile-pictures-wrapper .content {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

        .profile-pictures .profile-pictures-wrapper .content .title {
            text-align: center;
        }

            .profile-pictures .profile-pictures-wrapper .content .title h2 {
                color: #fcfcfc;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                letter-spacing: 1px;
            }

            .profile-pictures .profile-pictures-wrapper .content .title h3 {
                color: #fcfcfc;
            }

            .profile-pictures .profile-pictures-wrapper .content .title .line {
                width: 150px;
                height: 5px;
                background-color: #fcdd21;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

        .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 30px;
            flex-wrap: wrap;
        }

            .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper {
                width: 20%;
                position: relative;
                padding: 15px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper:hover > .tile-aspect-container > .tile > .text {
                    opacity: 1;
                }

                .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container {
                    position: relative;
                    padding-top: 133.3333333333%;
                }

                    .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile {
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        overflow: hidden;
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: #fcfcfc;
                    }

                        .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile .image {
                            background-color: #fcfcfc;
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                        }

                        .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile .text {
                            min-height: 55px;
                            background-color: #fcdd21;
                            position: absolute;
                            bottom: 0px;
                            left: 0px;
                            right: 0px;
                            opacity: 0.8;
                            text-transform: uppercase;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-transition: 0.3s;
                            -o-transition: 0.3s;
                            transition: 0.3s;
                        }

                            .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile .text .title {
                                text-align: center;
                                font-weight: bold;
                            }

                            .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper .tile-aspect-container .tile .text .sub-title {
                                font-size: 14px;
                                text-transform: capitalize;
                                text-align: center;
                            }

@media screen and (max-width: 1400px) {
    .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper {
        width: 25%;
    }
}

@media screen and (max-width: 1023px) {
    .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper {
        width: 33.333333333%;
    }
}

@media screen and (max-width: 767px) {
    .profile-pictures .profile-pictures-wrapper {
        padding: 20px;
    }

        .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper {
            padding-top: 0px;
        }

            .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper {
                width: 50%;
                padding: 10px;
            }
}

@media screen and (max-width: 500px) {
    .profile-pictures .profile-pictures-wrapper {
        padding: 20px;
    }

        .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper {
            padding-top: 0px;
        }

            .profile-pictures .profile-pictures-wrapper .content .tiles-wrapper .tile-wrapper {
                width: 50%;
                padding: 10px;
            }
}

.contact-form.white .contact-wrapper {
    background-color: #fcfcfc;
}

    .contact-form.white .contact-wrapper .content {
        color: #333;
    }

        .contact-form.white .contact-wrapper .content h2, .contact-form.white .contact-wrapper .content h3, .contact-form.white .contact-wrapper .content body {
            color: #333;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

.contact-form.transparent .contact-wrapper {
    background-color: #ededed;
}

    .contact-form.transparent .contact-wrapper .content {
        color: #333;
    }

        .contact-form.transparent .contact-wrapper .content h2, .contact-form.transparent .contact-wrapper .content h3, .contact-form.transparent .contact-wrapper .content body {
            color: #333;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

.contact-form.contrast .contact-wrapper {
    background-color: #fcdd21;
}

    .contact-form.contrast .contact-wrapper .content {
        color: #fff;
    }

#staticPage.reverse-contrast-text .contact-form.contrast .contact-wrapper .content {
    color: #333;
}

.contact-form.contrast .contact-wrapper .content a {
    color: #333;
}

.contact-form.contrast .contact-wrapper .content h2, .contact-form.contrast .contact-wrapper .content h3, .contact-form.contrast .contact-wrapper .content body {
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#staticPage.reverse-contrast-text .contact-form.contrast .contact-wrapper .content h2, #staticPage.reverse-contrast-text .contact-form.contrast .contact-wrapper .content h3, #staticPage.reverse-contrast-text .contact-form.contrast .contact-wrapper .content body {
    color: #333;
}

.contact-form.contrast .contact-wrapper .content .line {
    background-color: #333;
}

.contact-form.contrast .contact-wrapper .content .form-wrapper .form-column .form-group-wrapper .form-group .field-validation-error {
    color: #333;
}

.contact-form.contrast .contact-wrapper .content .form-wrapper .form-column .form-group-wrapper .form-group .button {
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #333;
}

    .contact-form.contrast .contact-wrapper .content .form-wrapper .form-column .form-group-wrapper .form-group .button:hover {
        background-color: #777;
    }

.contact-form.contrast .contact-wrapper .content .footer .button {
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #333;
}

#staticPage.reverse-contrast-text .contact-form.contrast .contact-wrapper .content .footer .button {
    color: #fff;
}

.contact-form.contrast .contact-wrapper .content .footer .button:hover {
    background-color: #777;
}

.contact-form .contact-wrapper {
    background-color: #333;
    padding: 60px 100px;
}

    .contact-form .contact-wrapper:hover > .content > .text > h2 {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .contact-form .contact-wrapper:hover > .content > .text > .line {
        width: 150px;
    }

    .contact-form .contact-wrapper .content {
        color: #fff;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        color: #fcfcfc;
    }

        .contact-form .contact-wrapper .content a {
            color: #fcdd21;
            text-transform: none;
        }

        .contact-form .contact-wrapper .content h2, .contact-form .contact-wrapper .content h3, .contact-form .contact-wrapper .content body {
            color: #fff;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .contact-form .contact-wrapper .content .text {
            padding: 0px 15px;
        }

        .contact-form .contact-wrapper .content .line {
            width: 100px;
            height: 5px;
            background-color: #fcdd21;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .contact-form .contact-wrapper .content .sub-line {
            width: 75px;
            height: 2px;
            background-color: #fcdd21;
            margin-bottom: 15px;
        }

        .contact-form .contact-wrapper .content.success .line {
            height: 3px;
        }

        .contact-form .contact-wrapper .content .footer {
            padding-top: 40px;
        }

        .contact-form .contact-wrapper .content .button {
            letter-spacing: 1px;
            background-color: #fcdd21;
            padding: 15px 15px;
            border-radius: 1px;
            margin-right: 15px;
            text-transform: uppercase;
            color: #fff;
            cursor: pointer;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            margin-bottom: 15px;
            font-size: 16px;
        }

#staticPage.reverse-contrast-text .contact-form .contact-wrapper .content .button {
    color: #333;
}

.contact-form .contact-wrapper .content .button:hover {
    background-color: #777;
}

@media screen and (max-width: 1200px) {
    .contact-form .contact-wrapper {
        padding: 60px 200px;
    }

        .contact-form .contact-wrapper .content .text {
            padding: 0px;
        }

        .contact-form .contact-wrapper .content .footer {
            padding: 30px 0px 10px;
        }
}

@media screen and (max-width: 1023px) {
    .contact-form .contact-wrapper {
        padding: 30px 70px 60px;
    }
}

@media screen and (max-width: 500px) {
    .contact-form .contact-wrapper {
        padding: 30px 30px 30px;
    }

        .contact-form .contact-wrapper .content .footer {
            padding: 30px 0px 10px;
        }
}

.company-details.white .company-details-wrapper .text-wrapper, .company-details.white .company-details-wrapper .image-wrapper {
    background-color: #fcfcfc;
    color: #333;
}

    .company-details.white .company-details-wrapper .text-wrapper .text h2, .company-details.white .company-details-wrapper .text-wrapper .text h3, .company-details.white .company-details-wrapper .text-wrapper .text h4, .company-details.white .company-details-wrapper .image-wrapper .text h2, .company-details.white .company-details-wrapper .image-wrapper .text h3, .company-details.white .company-details-wrapper .image-wrapper .text h4 {
        color: #333;
    }

    .company-details.white .company-details-wrapper .text-wrapper .text .footer a, .company-details.white .company-details-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

        .company-details.white .company-details-wrapper .text-wrapper .text .footer a:hover, .company-details.white .company-details-wrapper .image-wrapper .text .footer a:hover {
            background-color: #777;
        }

    .company-details.white .company-details-wrapper .text-wrapper .image .overlay, .company-details.white .company-details-wrapper .image-wrapper .image .overlay {
        background-color: #333;
    }

.company-details.contrast .company-details-wrapper .text-wrapper, .company-details.contrast .company-details-wrapper .image-wrapper {
    background-color: #fcdd21;
}

    .company-details.contrast .company-details-wrapper .text-wrapper .text .line, .company-details.contrast .company-details-wrapper .image-wrapper .text .line {
        background-color: #333;
    }

    .company-details.contrast .company-details-wrapper .text-wrapper .text .footer a, .company-details.contrast .company-details-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

        .company-details.contrast .company-details-wrapper .text-wrapper .text .footer a:hover, .company-details.contrast .company-details-wrapper .image-wrapper .text .footer a:hover {
            background-color: #777;
        }

    .company-details.contrast .company-details-wrapper .text-wrapper .company-detailsSlides .image .overlay, .company-details.contrast .company-details-wrapper .image-wrapper .company-detailsSlides .image .overlay {
        background-color: #333;
    }

    .company-details.contrast .company-details-wrapper .text-wrapper .image-thumbs ul li .overlay, .company-details.contrast .company-details-wrapper .image-wrapper .image-thumbs ul li .overlay {
        background-color: #fcdd21;
    }

.company-details.transparent .company-details-wrapper .text-wrapper, .company-details.transparent .company-details-wrapper .image-wrapper {
    background-color: transparent;
    color: #333;
}

    .company-details.transparent .company-details-wrapper .text-wrapper .text h2, .company-details.transparent .company-details-wrapper .text-wrapper .text h3, .company-details.transparent .company-details-wrapper .text-wrapper .text h4, .company-details.transparent .company-details-wrapper .image-wrapper .text h2, .company-details.transparent .company-details-wrapper .image-wrapper .text h3, .company-details.transparent .company-details-wrapper .image-wrapper .text h4 {
        color: #333;
    }

    .company-details.transparent .company-details-wrapper .text-wrapper .text .footer a, .company-details.transparent .company-details-wrapper .image-wrapper .text .footer a {
        background-color: #333;
    }

        .company-details.transparent .company-details-wrapper .text-wrapper .text .footer a:hover, .company-details.transparent .company-details-wrapper .image-wrapper .text .footer a:hover {
            background-color: #777;
        }

    .company-details.transparent .company-details-wrapper .text-wrapper .image .overlay, .company-details.transparent .company-details-wrapper .image-wrapper .image .overlay {
        background-color: #333;
    }

.company-details {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .company-details .company-details-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .company-details .company-details-wrapper:hover > .text-wrapper > .text > .header > h2 {
            -webkit-transform: translateY(-7px);
            -ms-transform: translateY(-7px);
            transform: translateY(-7px);
        }

        .company-details .company-details-wrapper:hover > .text-wrapper > .text > .header > .line {
            width: 150px;
        }

        .company-details .company-details-wrapper .text-wrapper {
            background-color: #333;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .company-details .company-details-wrapper .text-wrapper .text {
                padding: 30px 70px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .company-details .company-details-wrapper .text-wrapper .text h4 {
                    color: #fff;
                    margin-bottom: 5px;
                }

                .company-details .company-details-wrapper .text-wrapper .text h2 {
                    line-height: 1.2em;
                    color: #fff;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .company-details .company-details-wrapper .text-wrapper .text .line {
                    width: 100px;
                    height: 3px;
                    background-color: #fcdd21;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

                .company-details .company-details-wrapper .text-wrapper .text h3 {
                    line-height: 1em;
                    color: #fff;
                }

                .company-details .company-details-wrapper .text-wrapper .text .body {
                    text-align: justify;
                    padding-bottom: 10px;
                }

                    .company-details .company-details-wrapper .text-wrapper .text .body .line {
                        width: 40px;
                        height: 2px;
                        margin-bottom: 5px;
                    }

                .company-details .company-details-wrapper .text-wrapper .text .footer {
                    margin-top: 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                }

                    .company-details .company-details-wrapper .text-wrapper .text .footer a {
                        background-color: #fcdd21;
                        padding: 15px 15px;
                        border-radius: 1px;
                        margin-right: 15px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                        margin-bottom: 15px;
                    }

                        .company-details .company-details-wrapper .text-wrapper .text .footer a:hover {
                            background-color: #777;
                        }

        .company-details .company-details-wrapper .map-wrapper {
            position: relative;
            background-color: #333;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .company-details .company-details-wrapper .map-wrapper .map {
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
            }

#staticPage.show-borders .company-details .company-details-wrapper .left {
    margin-right: 15px;
}

#staticPage.show-borders .company-details .company-details-wrapper .right {
    margin-left: 15px;
}

@media screen and (max-width: 1023px) {
    .company-details .company-details-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .company-details .company-details-wrapper .map-wrapper {
            min-height: 400px;
        }

    #staticPage.show-borders .company-details .company-details-wrapper .left {
        margin-right: 0px;
    }

    #staticPage.show-borders .company-details .company-details-wrapper .right {
        margin-left: 0px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .company-details .company-details-wrapper .text-wrapper .text {
        padding: 30px;
    }

        .company-details .company-details-wrapper .text-wrapper .text .footer {
            padding: 0px;
        }
}

@media screen and (max-width: 500px) {
    .company-details .company-details-wrapper .text-wrapper .text {
        padding: 30px;
    }

        .company-details .company-details-wrapper .text-wrapper .text .footer a {
            width: 100%;
            margin: 10px 0px 0px;
            text-align: center;
            padding: 10px;
        }

    #staticPage.show-borders .company-details .company-details-wrapper .right {
        margin-left: 0px;
        margin-top: 10px;
    }
}

.social.contrast .social-wrapper {
    background-color: #fcdd21;
}

    .social.contrast .social-wrapper h2, .social.contrast .social-wrapper h3 {
        color: #fcfcfc;
    }

#staticPage.reverse-contrast-text .social.contrast .social-wrapper h2, #staticPage.reverse-contrast-text .social.contrast .social-wrapper h3 {
    color: #333;
}

.social.contrast .social-wrapper .line {
    background-color: #333;
}

.social.contrast .social-wrapper .links-wrapper a {
    color: #fcfcfc;
}

#staticPage.reverse-contrast-text .social.contrast .social-wrapper .links-wrapper a {
    color: #333;
}

.social.contrast .social-wrapper .links-wrapper a:hover {
    color: #333;
}

#staticPage.reverse-contrast-text .social.contrast .social-wrapper .links-wrapper a:hover {
    color: #777;
}

.social.center .social-wrapper h2, .social.center .social-wrapper h3 {
    text-align: center;
}

.social.center .social-wrapper .line {
    margin-left: auto;
    margin-right: auto;
}

.social.center .social-wrapper .links-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .social.center .social-wrapper .links-wrapper a {
        padding-right: 20px;
        padding-left: 20px;
    }

.social.right .social-wrapper h2, .social.right .social-wrapper h3 {
    text-align: right;
}

.social.right .social-wrapper .line {
    margin-left: auto;
}

.social.right .social-wrapper .links-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .social.right .social-wrapper .links-wrapper a {
        padding-right: 0px;
        padding-left: 40px;
    }

.social .social-wrapper {
    background-color: #fcfcfc;
    min-height: 200px;
    position: relative;
    padding: 30px 70px;
}

    .social .social-wrapper h2 {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .social .social-wrapper:hover h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .social .social-wrapper:hover .line {
        width: 150px;
    }

    .social .social-wrapper .line {
        width: 100px;
        height: 3px;
        background-color: #fcdd21;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .social .social-wrapper .links-wrapper {
        padding-top: 30px;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .social .social-wrapper .links-wrapper a {
            font-size: 100px;
            padding-right: 40px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            padding-bottom: 30px;
        }

            .social .social-wrapper .links-wrapper a:hover {
                color: #fcdd21;
            }

@media screen and (max-width: 767px) {
    .social.contrast .social-wrapper a {
        font-size: 70px;
    }
}

section.view-video .video-wrapper {
    background-color: #333;
    padding: 70px;
}

    section.view-video .video-wrapper:hover > .title > h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    section.view-video .video-wrapper:hover > .title > .line {
        width: 150px;
    }

    section.view-video .video-wrapper .title {
        margin-bottom: 30px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

        section.view-video .video-wrapper .title h2, section.view-video .video-wrapper .title h3 {
            color: #fcfcfc;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        section.view-video .video-wrapper .title .line {
            width: 100px;
            height: 3px;
            background-color: #fcdd21;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    section.view-video .video-wrapper .information {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

        section.view-video .video-wrapper .information .category {
            margin-bottom: 20px;
        }

        section.view-video .video-wrapper .information .description {
            padding-bottom: 20px;
        }

            section.view-video .video-wrapper .information .description p {
                margin: 0px;
            }

        section.view-video .video-wrapper .information .buttons {
            padding-top: 20px;
        }

            section.view-video .video-wrapper .information .buttons .button {
                background-color: #fcdd21;
                color: #fcfcfc;
                padding: 15px;
            }

#staticPage.reverse-contrast-text section.view-video .video-wrapper .information .buttons .button {
    color: #333;
}

section.view-video .video-wrapper .information .buttons .button:hover {
    background-color: #777;
}

section.view-video .video-wrapper .viewer-wrapper {
    padding-top: 20px;
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

    section.view-video .video-wrapper .viewer-wrapper .aspect-container {
        position: relative;
        padding-top: 56.25%;
        width: 100%;
    }

        section.view-video .video-wrapper .viewer-wrapper .aspect-container .viewer {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%;
        }

@media screen and (max-width: 767px) {
    section.view-video .video-wrapper {
        background-color: #333;
        padding: 10px 30px 30px;
    }
}

section.affiliates .affiliate-wrapper {
    background-color: #fcfcfc;
    padding: 70px 70px;
}

    section.affiliates .affiliate-wrapper:hover > .headings > h2 {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    section.affiliates .affiliate-wrapper:hover > .headings > .line {
        width: 150px;
    }

    section.affiliates .affiliate-wrapper.micro .affiliates-wrapper {
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
    }

        section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate {
            margin: 15px 15px;
        }

            section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate img {
                max-width: 150px;
            }

    section.affiliates .affiliate-wrapper .headings {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

        section.affiliates .affiliate-wrapper .headings h2 {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        section.affiliates .affiliate-wrapper .headings .line {
            background-color: #fcdd21;
            width: 100px;
            height: 3px;
            margin-left: auto;
            margin-right: auto;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    section.affiliates .affiliate-wrapper .affiliates-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -35px;
        margin-right: -35px;
    }

        section.affiliates .affiliate-wrapper .affiliates-wrapper .affiliate {
            margin: 40px 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            section.affiliates .affiliate-wrapper .affiliates-wrapper .affiliate img {
                max-width: 300px;
            }

@media screen and (max-width: 1023px) {
    section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate {
        margin: 10px 10px;
    }

        section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate img {
            max-width: 110px;
        }

    section.affiliates .affiliate-wrapper .headings {
        width: 90%;
    }

    section.affiliates .affiliate-wrapper .affiliates-wrapper .affiliate img {
        max-width: 200px;
    }
}

@media screen and (max-width: 767px) {
    section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate {
        margin: 10px 10px;
    }

        section.affiliates .affiliate-wrapper.micro .affiliates-wrapper .affiliate img {
            max-width: 90px;
        }

    section.affiliates .affiliate-wrapper .affiliates-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 500px) {
    section.affiliates .affiliate-wrapper {
        padding: 10px 0px;
    }

        section.affiliates .affiliate-wrapper .affiliates-wrapper .affiliate {
            margin: 20px 30px;
        }

            section.affiliates .affiliate-wrapper .affiliates-wrapper .affiliate img {
                max-width: 125px;
            }
}

.StripeElement {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    background-color: #f7f7f7;
    color: #333 !important;
    border-radius: 0px;
    font-size: 12px;
}

.StripeElement--webkit-autofill {
    color: #333 !important;
}

@media screen and (max-width: 767px) {
    .StripeElement {
        font-size: 12px;
        padding: 11px;
    }
}

.customer-invoice {
    color: #333;
    padding-top: 30px;
}

    .customer-invoice .customer-statement, .customer-invoice .customer-payments {
        border-radius: 5px;
        width: 100%;
        max-width: 1000px;
        min-height: 200px;
        background-color: #fcfcfc;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 40px 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

        .customer-invoice .customer-statement .footer, .customer-invoice .customer-payments .footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-top: 20px;
        }

            .customer-invoice .customer-statement .footer .button, .customer-invoice .customer-payments .footer .button {
                margin-left: 20px;
                background-color: #fcdd21;
                color: #fcfcfc;
                padding: 10px 20px;
                letter-spacing: 1px;
                font-size: 16px;
            }

    .customer-invoice h2 .success, .customer-invoice h3 .success {
        color: green;
    }

    .customer-invoice h2 .fail, .customer-invoice h3 .fail {
        color: red;
    }

    .customer-invoice h2 .warning, .customer-invoice h3 .warning {
        color: orange;
    }

    .customer-invoice .line {
        width: 100px;
        height: 3px;
        background-color: #fcdd21;
        margin-bottom: 20px;
    }

    .customer-invoice .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 50px;
    }

        .customer-invoice .header .logo img {
            max-width: 179px;
        }

        .customer-invoice .header .company-details {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            line-height: 1.5em;
        }

            .customer-invoice .header .company-details .details-section {
                padding-bottom: 10px;
                text-align: right;
            }

    .customer-invoice .customer-details {
        line-height: 1.5em;
        padding-bottom: 30px;
    }

        .customer-invoice .customer-details .details-section {
            text-align: left;
            padding-bottom: 10px;
        }

    .customer-invoice .title {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .customer-invoice .sub-title {
        font-size: 18px;
    }

    .customer-invoice .items, .customer-invoice .payments {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .customer-invoice .item, .customer-invoice .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: dashed 1px #fcfcfc;
        padding: 7px 10px;
    }

        .customer-invoice .item.headder, .customer-invoice .payment.headder {
            background-color: #fcfcfc;
            font-weight: bold;
        }

        .customer-invoice .item.payment-item .name, .customer-invoice .payment.payment-item .name {
            font-weight: normal;
        }

        .customer-invoice .item .name, .customer-invoice .payment .name {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-weight: bold;
        }

        .customer-invoice .item .price, .customer-invoice .payment .price {
            width: 60px;
            padding: 0px 0px 0px 40px;
            text-align: center;
        }

            .customer-invoice .item .price.total, .customer-invoice .payment .price.total {
                font-weight: bold;
            }

        .customer-invoice .payment div {
            width: 100%;
            color: #333;
        }

        .customer-invoice .payment .icon {
            width: 20px;
        }

            .customer-invoice .payment .icon i {
                line-height: 22px;
                text-align: center;
                width: 100%;
            }

            .customer-invoice .payment .icon.success {
                color: green;
            }

            .customer-invoice .payment .icon.fail {
                color: red;
            }

        .customer-invoice .payment.overlay {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .customer-invoice .payment.overlay:hover {
                cursor: pointer;
                background-color: #fef09f;
            }

    .customer-invoice .totals {
        font-weight: bold;
        font-size: 24px;
        text-align: right;
        padding-right: 20px;
    }

    .customer-invoice .vat {
        text-align: right;
        padding-right: 20px;
    }

    .customer-invoice .address {
        padding-top: 100px;
        padding-bottom: 20px;
        font-size: 12px;
        color: #333;
    }

@media screen and (max-width: 767px) {
    .customer-invoice {
        padding-top: 10px;
    }

        .customer-invoice .customer-statement, .customer-invoice .customer-payments {
            padding: 10px 30px;
            margin-bottom: 20px;
        }

            .customer-invoice .customer-statement .footer .button, .customer-invoice .customer-payments .footer .button {
                font-size: 14px;
                width: 100%;
                text-align: center;
                margin-left: 0px;
            }

            .customer-invoice .customer-statement .title, .customer-invoice .customer-payments .title {
                font-size: 18px;
            }

            .customer-invoice .customer-statement .sub-title, .customer-invoice .customer-payments .sub-title {
                font-size: 14px;
            }

            .customer-invoice .customer-statement .header .logo img, .customer-invoice .customer-payments .header .logo img {
                max-width: 140px;
            }
}

@media screen and (max-width: 500px) {
    .customer-invoice .item, .customer-invoice .payment {
        padding: 7px 5px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .customer-invoice .small-hide {
        display: none;
    }

    .customer-invoice .customer-statement, .customer-invoice .customer-payments {
        padding: 10px 20px;
        margin-bottom: 10px;
    }

    .customer-invoice .customer-payments {
        margin-bottom: 0px;
    }
}
