﻿
:root {
    --gp-black_000000: #000000;
    --gp-white_ffffff: #ffffff;
    --gp-green_00B050: #00B050;
    --gp-orange_EC6907: #EC6907;
    --gp-orange_F39200: #F39200;
    --gp-orange_F49100: #F49100;
    --gp-blue_004884: #004884;
    --gp-grey_434345: #434345;
    --gp-grey_EAEAED: #eaeaed
}


@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}


.gp-color1 {
}

.gp-color2 {
}

a {
}

    a:hover {
    }

.btn-primary {
}

html {
    background-color: var(--gp-white_ffffff);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    html * {
    }

body {
    background-color: transparent;
}

.subfooter {
}

    .subfooter .logo-container {
    }

    .subfooter span {
        color: var(--gp-black_000000);
    }

    .subfooter img {
        max-width: 30px;
        height: auto;
    }

.gp .gp-overlay {
}

    .gp .gp-overlay .gp-overlay-inner {
    }

    .gp .gp-overlay .gp-spinner[data-type='1'] {
        border-color: rgba(255,255,255,0.5);
        background-color: var(--gp-black_000000);
    }

.lang-sel {
}

    .lang-sel button img {
        border-color: transparent;
    }

.lang-sel2 {
}

    .lang-sel2 button {
    }

        .lang-sel2 button:hover {
        }

        .lang-sel2 button img {
        }

        .lang-sel2 button span {
        }

.header {
    flex-direction: column
}

    .header .logo-container {
        border-bottom: 3px solid #414042
    }

    .header .logo {
    }

        .header .logo img {
            max-height: 85px
        }

    .header .logo-container .logout-spacer {
    }

    .header .logo-container .logout-container {
    }

        .header .logo-container .logout-container button {
        }

        .header .logo-container .logout-container img {
        }

    .header .title {
        color: var(--gp-grey_434345);
    }

    .header .subtitle {
        font-size: inherit
    }

    .header.wide {
    }

.main-form {
}

    .main-form p {
    }

.main-form-key {
}

.main-form-submit {
    color: var(--gp-white_ffffff);
    background-color: var(--gp-green_00B050);
    border-color: var(--gp-green_00B050);
}

.r-buttons {
}

    .r-buttons button.r-b-default {
        color: var(--gp-grey_434345);
        background-color: var(--gp-white_ffffff);
        border-color: var(--gp-grey_434345);
    }

    .r-buttons button.r-b-primary {
        color: var(--gp-white_ffffff);
        background-color: var(--gp-green_00B050);
        border-color: var(--gp-green_00B050);
    }

.r-products-list .r-p-l-items .r-p-l-item {
    border-width: 1px;
    border-style: none;
    border-color: var(--gp-white_ffffff);
    border-radius: 12px;
    overflow: hidden;
    align-items: center;
}

    .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-image {
    }

    .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body {
        justify-content: center
    }

        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-desc {
            color: var(--gp-white_ffffff);
            visibility: hidden;
        }

        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons {
            height: 50%;
        }

            .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons button.r-p-l-i-select {
                color: var(--gp-white_ffffff);
                background-color: var(--gp-grey_434345);
                border-color: var(--gp-grey_434345);
                height: 150%;
                min-height: 100px
            }

                .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons button.r-p-l-i-select[aria-pressed='true'] {
                    background-color: var(--gp-grey_434345);
                    border-color: var(--gp-green_00B050);
                }

.r-extend .r-e-group button.r-e-b-select {
    color: var(--gp-white_ffffff);
    background-color: var(--gp-grey_434345);
}

    .r-extend .r-e-group button.r-e-b-select[aria-pressed='true'] {
        background-color: var(--gp-grey_434345);
    }

.r-extend .r-e-group label {
    color: var(--gp-grey_434345);
}

.r-extend .r-e-group .r-e-form-item {
}

.r-extend .r-e-group .r-e-big {
    color: var(--gp-grey_434345);
}

.r-extend .r-e-group .help-block {
    color: var(--gp-grey_434345);
}

.r-summary .r-s-group label {
    color: var(--gp-grey_434345);
}

.r-summary .r-s-group .r-s-form-item {
}

    .r-summary .r-s-group .r-s-form-item[readonly] {
        background-color: transparent;
        color: var(--gp-white_ffffff);
        border-color: var(--gp-white_ffffff);
    }

.r-summary .r-s-group .help-block {
    color: var(--gp-white_ffffff);
}

.r-summary .r-s-group .r-s-big {
    color: var(--gp-white_ffffff);
}

.r-summary .r-s-group a {
    color: var(--gp-white_ffffff);
}

    .r-summary .r-s-group a:hover {
        color: var(--gp-white_ffffff);
    }

    .r-summary .r-s-group a:visited {
        color: var(--gp-white_ffffff);
    }

    .r-summary .r-s-group a:active {
        color: var(--gp-white_ffffff);
    }

    .r-summary .r-s-group a:focus {
        color: var(--gp-white_ffffff);
    }

.r-summary .r-s-group span {
    color: var(--gp-white_ffffff);
}

.r-confirm .r-c-group .r-c-text {
    color: var(--gp-white_ffffff);
    font-weight: 300;
    line-height: 1.3;
}

.r-confirm .r-c-group .r-c-icon {
}

    .r-confirm .r-c-group .r-c-icon img {
        max-width: 124px;
        max-height: 124px;
    }

.r-confirm .r-c-group .r-c-big {
    color: var(--gp-white_ffffff);
}

.r-confirm .r-c-group .r-c-medium {
    color: var(--gp-white_ffffff);
    line-height: 1.3;
}

.r-confirm .r-c-group .r-c-small {
    color: var(--gp-white_ffffff);
    line-height: 1.3;
}

.r-confirm .r-c-group .r-c-light {
    color: var(--gp-white_ffffff);
    font-weight: 300;
    line-height: 1.3;
}

.document-header {
    margin-bottom: 0px;
}

    .document-header:first-child > p:first-child {
        font-size: 1.375rem;
    }

.document-header-status img {
    filter: invert(1);
}

.document-information {
    color: var(--gp-grey_434345);
}

.document-collapsable .document-collapsable-area-button button {
    background-color: transparent;
    color: var(--gp-grey_434345);
}

.document-lines {
}

.document-lines-container hr {
    border-color: var(--gp-grey_434345);
}

.document-header-warning {
    background-color: var(--gp-orange_F49100);
    border-color: var(--gp-orange_EC6907);
}

    .document-header-warning p {
        color: var(--gp-white_ffffff);
    }

.document-help-line {
}

    .document-help-line p {
        color: var(--gp-grey_434345);
    }

.payment-method-header {
    color: var(--gp-white_ffffff);
}

.payment-methods {
    color: var(--gp-grey_434345);
    border: none;
    border-top: 2px solid var(--gp-grey_434345);
}

    .payment-methods > p:first-child {
        font-size: 1.375rem;
    }

.payment-methods-group {
    background-color: var(--gp-grey_434345);
    border-color: var(--gp-grey_434345);
}

.payment-methods-list {
    flex-direction: column;
}

    .payment-methods-list .payment-method {
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        min-height: unset;
        margin-bottom: 4px;
    }

        .payment-methods-list .payment-method .payment-method-icon {
            height: 80px;
            flex: 1 1 50%;
            justify-content: center;
            margin-bottom: 0;
        }

            .payment-methods-list .payment-method .payment-method-icon .payment-method-icon-inner {
                max-height: 80px;
                width: 160px;
                background-color: var(--gp-white_ffffff);
                text-align: center;
            }

        .payment-methods-list .payment-method .payment-method-button-container {
            height: 80px;
            flex: 1 1 50%;
            display: flex;
            justify-content: left;
            padding-left: 5px;
        }

        .payment-methods-list .payment-method .payment-method-button {
            width: 100%;
            color: var(--gp-blue_004884);
            background-color: var(--gp-white_ffffff);
            border-color: var(--gp-grey_434345);
            border-width: 1px;
            border-style: solid;
            border-radius: 12px;
        }

            .payment-methods-list .payment-method .payment-method-button[aria-pressed='true'] {
                background-color: var(--gp-green_00B050);
                border-color: var(--gp-green_00B050);
            }

            .payment-methods-list .payment-method .payment-method-button:hover {
                filter: brightness(0.8);
            }

.payment-personalization p {
    color: white;
}

.wpwl-label {
    color: var(--gp-white_ffffff);
}

.payment-notice input[type='text'], .payment-notice input[type='number'], .payment-notice input[type='tel'] {
}

.payment-notice > p {
    color: var(--gp-grey_434345);
    font-weight: 300;
    line-height: 1.3;
}

.payment-notice .help-block {
    color: var(--gp-grey_434345);
}

.payment-single-button {
    color: var(--gp-white_ffffff);
    background-color: var(--gp-green_00B050);
    border-color: var(--gp-green_00B050);
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    border-radius: 12px;
}

.payment-reference-title {
    color: var(--gp-grey_434345);
    font-weight: 600;
}

.payment-reference-value {
    color: var(--gp-grey_434345);
}

.payment-details {
    background-color: var(--gp-orange_F49100);
    border-color: var(--gp-orange_EC6907);
}

.payment-details-button {
    color: var(--gp-white_ffffff);
    background-color: var(--gp-green_00B050);
    border-color: var(--gp-green_00B050);
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    border-radius: 12px;
}

.payment-processing {
    background-color: var(--gp-grey_434345);
    border-color: var(--gp-grey_434345);
}

    .payment-processing .payment-processing-notice {
        color: var(--gp-white_ffffff);
    }

.r-error {
}

    .r-error .r-e-icon {
    }

        .r-error .r-e-icon img {
        }

    .r-error .r-e-title {
    }

    .r-error .r-e-desc {
    }

    .r-error .r-e-hl {
    }

    .r-error .r-e-thanks {
    }


.g-gp {
}

    .g-gp .g-gp-group {
    }

        .g-gp .g-gp-group.g-gp-group-spacer {
        }

        .g-gp .g-gp-group .g-gp-title {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group label {
            color: var(--gp-grey_434345);
            margin-top: 12px;
            margin-bottom: 8px;
        }

            .g-gp .g-gp-group label.gp-label-highlight {
            }

        .g-gp .g-gp-group .g-gp-form-item {
            color: var(--gp-grey_434345);
            border-color: var(--gp-grey_434345);
        }

            .g-gp .g-gp-group .g-gp-form-item[readonly='readonly'] {
                background-color: transparent;
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight {
            }

            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight2 {
            }

            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight3 {
            }

        .g-gp .g-gp-group input[type='text'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group input[type='email'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group input[type='tel'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group input[type='number'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group input[type='date'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group input[type='password'] {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group select {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group .help-block {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group .g-gp-text {
            color: var(--gp-grey_434345);
            font-weight: 300;
            line-height: 1.3;
        }

        .g-gp .g-gp-group .g-gp-icon {
        }

            .g-gp .g-gp-group .g-gp-icon img {
                max-width: 124px;
                max-height: 124px;
            }

        .g-gp .g-gp-group .g-gp-big2 {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group .g-gp-big {
            color: var(--gp-grey_434345);
        }

        .g-gp .g-gp-group .g-gp-medium {
            color: var(--gp-grey_434345);
            line-height: 1.3;
        }

        .g-gp .g-gp-group .g-gp-small {
            color: var(--gp-grey_434345);
            line-height: 1.3;
        }

        .g-gp .g-gp-group .g-gp-small2 {
            color: var(--gp-grey_434345);
            line-height: 1.3;
        }

        .g-gp .g-gp-group .g-gp-light {
            color: var(--gp-grey_434345);
            font-weight: 300;
            line-height: 1.3;
        }

        .g-gp .g-gp-group a {
            text-decoration: underline;
        }

            .g-gp .g-gp-group a:hover {
                text-decoration: underline;
            }

            .g-gp .g-gp-group a:visited {
                text-decoration: underline;
            }

            .g-gp .g-gp-group a:active {
                text-decoration: underline;
            }

            .g-gp .g-gp-group a:focus {
                text-decoration: underline;
            }

    .g-gp label.custom-control-label {
        color: var(--gp-grey_434345);
    }

    .g-gp .g-gp-group.g-gp-group-space {
    }

    .g-gp .g-gp-group .r-buttons-list button {
        color: var(--gp-grey_434345);
        background-color: var(--gp-white_ffffff);
        border-color: var(--gp-grey_434345)
    }

        .g-gp .g-gp-group .r-buttons-list button:hover {
            filter: brightness(0.8);
        }

        .g-gp .g-gp-group .r-buttons-list button.r-button-select {
            color: var(--gp-grey_434345);
            background-color: var(--gp-white_ffffff);
            border-color: var(--gp-grey_434345)
        }

            .g-gp .g-gp-group .r-buttons-list button.r-button-select[aria-pressed='true'] {
                color: var(--gp-white_ffffff);
                background-color: var(--gp-green_00B050);
                border-color: var(--gp-green_00B050);
            }

            .g-gp .g-gp-group .r-buttons-list button.r-button-select > div {
                line-height: 1.4;
            }

    .g-gp .g-gp-group-item {
        color: var(--gp-grey_434345);
        background-color: var(--gp-white_ffffff);
        border-color: var(--gp-grey_EAEAED );
        border-style: solid
    }

        .g-gp .g-gp-group-item .g-gp-group {
        }

            .g-gp .g-gp-group-item .g-gp-group .help-block {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-text {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-big2 {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-big {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-medium {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-small {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-small2 {
                color: var(--gp-grey_434345);
            }

            .g-gp .g-gp-group-item .g-gp-group .g-gp-light {
                color: var(--gp-grey_434345);
            }

    .g-gp .g-gp-group ul.g-gp-slots {
    }

        .g-gp .g-gp-group ul.g-gp-slots li {
            border-color: var(--gp-white_ffffff);
        }

            .g-gp .g-gp-group ul.g-gp-slots li[data-status='0'] {
                background-color: transparent;
                color: var(--gp-white_ffffff);
            }

            .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'] {
                background-color: var(--gp-white_ffffff);
            }

                .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'][aria-pressed='true'] {
                    background-color: var(--gp-green_00B050);
                    border-color: var(--gp-green_00B050);
                }

                .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'][aria-disabled='true'] {
                }

    .g-gp .g-gp-group ul.g-gp-services {
    }

        .g-gp .g-gp-group ul.g-gp-services li {
        }

            .g-gp .g-gp-group ul.g-gp-services li[data-status='0'] {
            }

            .g-gp .g-gp-group ul.g-gp-services li[data-status='1'] {
            }

                .g-gp .g-gp-group ul.g-gp-services li[data-status='1'][aria-pressed='true'] {
                }

                .g-gp .g-gp-group ul.g-gp-services li[data-status='1'][aria-disabled='true'] {
                }

    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--day-name {
    }

    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-current- {
    }

    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-selected- {
    }

        .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-selected-.-current- {
        }

.gp .gp-body-logo {
}

    .gp .gp-body-logo .logo-container {
    }

    .gp .gp-body-logo .logo {
    }

        .gp .gp-body-logo .logo img {
        }

    .gp .gp-body-logo h2:not(:empty) {
    }

    .gp .gp-body-logo h3:not(:empty) {
    }

.sl-image {
    width: 450px !important;
}

.pa-menu {
    color: var(--gp-white_ffffff);
    font-size: 17px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    justify-content: space-between;
    align-items: first baseline
}

.discount-row:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.discount-row.clicked {
    background-color: #d9edf7;
}

.discount-code-input {
    flex-wrap: nowrap;
    background-color: var(--gp-white_ffffff);
    border-radius: 12px
}

    .discount-code-input .button {
        background-color: var(--gp-white_ffffff);
        border-radius: 12px;
        border: none;
        outline: none
    }

.reveal-btn {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
}

/* Media Queries
------------------------------------------------------------------------------------------------------------------------*/
@media only screen {
}

@media screen and (max-width: 576px) {
    html {
    }
}

@media screen and (min-width: 577px) and (max-width: 991px) {
    html {
    }
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    .r-products-list {
        max-width: 400px !important
    }
    .r-p-l-i-image {
    }
}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 768px) {
}

/* Mobile */
@media screen and (max-width: 575px) {
    .sl-image {
        width: 350px !important;
    }
}

@media only screen and (max-width: 400px) {
    .sl-image {
        width: 300px !important;
    }
}
