@charset "UTF-8";

@font-face {
    font-family: "PingL";
    src: url("../fonts/PingL-Regular.woff2?#iefix") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "PingL-Regular";
    src: url("../fonts/PingL-Regular.woff2?#iefix") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "PingL-Light";
    src: url("../fonts/PingL-Light.woff2?#iefix") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "PingL-Medium";
    src: url("../fonts/PingL-Medium.woff2?#iefix") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "PingL-Bold";
    src: url("../fonts/PingL-Bold.woff2?#iefix") format("woff2");
    font-weight: 300;
    font-style: normal;
}



html, body {

    --ppc-default-fonts: Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;

    box-sizing:border-box;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;

    --ppc-font-family: PingL-Light, var(--ppc-default-fonts);
    --ppc-font-family-medium: PingL-Medium, var(--ppc-default-fonts);
    --ppc-font-family-bold: PingL-Bold, var(--ppc-default-fonts);
    --ppc-font-family-light: PingL-Light, var(--ppc-default-fonts);

    font-family: var(--ppc-font-family);

    --ppc-blue-color: #163FE8;
    --ppc-light-blue: #7DA7FF;
    --ppc-grey-color: #555C5F;
    --ppc-white-color: #fff;
    --ppc-error-color: #FF2E00;
    --ppc-button-padding: 16px 24px 16px 24px;

    --ppc-pink-color: #FF5CFF;
    --ppc-yellow-color: #FFC502;
    --ppc-orange-color: #FF6447;

    --ppc-yellowgreen-color: #9EFF69;
    --ppc-green-color: #00DC55;
    --ppc-black-color: #000;

    --ppc-link-color: #163FE8;

    --ppc-lightblue-color: #0091BD;
    --ppc-lightblueish-color: #63BACC;
    --ppc-whiteish-color: #FFF;

    --ppc-light-grey: #D3D5D6;

    --ppc-grey-background: #EDEEEF;

    --ppc-border-error: 1px solid rgba(255, 46, 0, 0.20);
    --ppc-gradient-line-width: calc(100vw / 11);

    --ppc-font-size-default: 1.6em;
    --ppc-letter-spacing: .44px;
    --ppc-line-height: 1.63;
    --ppc-font-weight: 300;
    --ppc-font-style: normal;

    --ppc-font-size-fieldset-label: 16px;
    --ppc-ebill-gradient-width: 33rem;
    --ppc-ebill-gradient-height: 83rem;
    --ppc-font-size-p: 18px;

}

button {
    -webkit-appearance:none;
    background:transparent;
    border:0;
    padding:0;
    outline:0;
}

footer {
    margin-top: auto;
}

li a {
    color: var(--ppc-blue-color);
}

a {
    color: var(--ppc-blue-color);
}

p {
    font-size: var(--ppc-font-size-p);
    font-family: var(--ppc-font-family-light), var(--ppc-default-fonts);
}

/*span {
    font-family: var(--ppc-font-family-light), var(--ppc-default-fonts);
}*/

footer p {
    font-size: 11px;
}

.orange-yellow {
    --ppc-liniar-gradient-1: linear-gradient(180deg, var(--ppc-pink-color) 3%, var(--ppc-orange-color) 15%, var(--ppc-yellow-color) 26%);
    --ppc-liniar-gradient-2: linear-gradient(180deg, var(--ppc-pink-color) 5%, var(--ppc-orange-color) 19%, var(--ppc-yellow-color) 33%);
    --ppc-liniar-gradient-3: linear-gradient(180deg, var(--ppc-pink-color) 7%, var(--ppc-orange-color) 24%, var(--ppc-yellow-color) 40%);
    --ppc-liniar-gradient-4: linear-gradient(180deg, var(--ppc-pink-color) 9%, var(--ppc-orange-color) 29%, var(--ppc-yellow-color) 47%);
    --ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-pink-color) 11%, var(--ppc-orange-color) 34%, var(--ppc-yellow-color) 54%);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-pink-color) 13%, var(--ppc-orange-color) 39%, var(--ppc-yellow-color) 61%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-pink-color) 15%, var(--ppc-orange-color) 44%, var(--ppc-yellow-color) 68%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-pink-color) 17%, var(--ppc-orange-color) 49%, var(--ppc-yellow-color) 75%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-pink-color) 19%, var(--ppc-orange-color) 54%, var(--ppc-yellow-color) 80%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-pink-color) 21%, var(--ppc-orange-color) 59%, var(--ppc-yellow-color) 87%);
    --ppc-liniar-gradient-11: linear-gradient(180deg, var(--ppc-pink-color) 23%, var(--ppc-orange-color) 64%, var(--ppc-yellow-color) 94%);
    /*--ppc-liniar-gradient-12: linear-gradient(180deg, var(--ppc-pink-color) -1%, var(--ppc-orange-color) 40%, var(--ppc-yellow-color) 94%);
    --ppc-liniar-gradient-13: linear-gradient(180deg, var(--ppc-pink-color) 4%, var(--ppc-orange-color) 44%, var(--ppc-yellow-color) 99%);
    --ppc-liniar-gradient-14: linear-gradient(180deg, var(--ppc-pink-color) 9%, var(--ppc-orange-color) 49%, var(--ppc-yellow-color) 104%);
    --ppc-liniar-gradient-15: linear-gradient(180deg, var(--ppc-pink-color) 2%, var(--ppc-orange-color) 56%, var(--ppc-yellow-color) 84%);*/
}

.special-blue {
    --ppc-liniar-gradient-1: var(--ppc-lightblue-color);
    --ppc-liniar-gradient-2: var(--ppc-lightblue-color);
    --ppc-liniar-gradient-3: var(--ppc-lightblue-color);
    --ppc-liniar-gradient-4: var(--ppc-lightblue-color);
    /*--ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-whiteish-color) 1%, var(--ppc-lightblueish-color) 12%, var(--ppc-lightblue-color) 45%);*/
    --ppc-liniar-gradient-5: var(--ppc-lightblue-color);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-whiteish-color) 4%, var(--ppc-lightblueish-color) 20%, var(--ppc-lightblue-color) 94%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-whiteish-color) 7%, var(--ppc-lightblueish-color) 23%, var(--ppc-lightblue-color) 89%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-whiteish-color) 10%, var(--ppc-lightblueish-color) 28%, var(--ppc-lightblue-color) 84%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-whiteish-color) 13%, var(--ppc-lightblueish-color) 33%, var(--ppc-lightblue-color) 79%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-whiteish-color) 16%, var(--ppc-lightblueish-color) 38%, var(--ppc-lightblue-color) 74%);
    --ppc-liniar-gradient-11: linear-gradient(180deg, var(--ppc-whiteish-color) 19%, var(--ppc-lightblueish-color) 43%, var(--ppc-lightblue-color) 69%);
    --ppc-liniar-gradient-12: linear-gradient(180deg, var(--ppc-whiteish-color) 22%, var(--ppc-lightblueish-color) 47%, var(--ppc-lightblue-color) 64%);
}

.fsms-blue {
    --ppc-liniar-gradient-1: linear-gradient(180deg, var(--ppc-lightblue-color) 40%, var(--ppc-lightblueish-color) 73%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-2: linear-gradient(180deg, var(--ppc-lightblue-color) 48%, var(--ppc-lightblueish-color) 77%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-3: linear-gradient(180deg, var(--ppc-lightblue-color) 56%, var(--ppc-lightblueish-color) 81%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-4: linear-gradient(180deg, var(--ppc-lightblue-color) 64%, var(--ppc-lightblueish-color) 84%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-lightblue-color) 72%, var(--ppc-lightblueish-color) 87%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-lightblue-color) 80%, var(--ppc-lightblueish-color) 90%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-lightblue-color) 88%, var(--ppc-lightblueish-color) 93%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-lightblue-color) 96%, var(--ppc-lightblueish-color) 93%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-lightblue-color) 96%, var(--ppc-lightblueish-color) 93%, var(--ppc-whiteish-color) 97%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-lightblue-color) 96%, var(--ppc-lightblueish-color) 93%, var(--ppc-whiteish-color) 97%);
}

/* black green */
.green-black {
    --ppc-liniar-gradient-1: linear-gradient(180deg, var(--ppc-black-color) 2%, var(--ppc-green-color) 10%, var(--ppc-yellowgreen-color) 20%);
    --ppc-liniar-gradient-2: linear-gradient(180deg, var(--ppc-black-color) 5%, var(--ppc-green-color) 14%, var(--ppc-yellowgreen-color) 24%);
    --ppc-liniar-gradient-3: linear-gradient(180deg, var(--ppc-black-color) 8%, var(--ppc-green-color) 18%, var(--ppc-yellowgreen-color) 28%);
    --ppc-liniar-gradient-4: linear-gradient(180deg, var(--ppc-black-color) 11%, var(--ppc-green-color) 22%, var(--ppc-yellowgreen-color) 32%);
    --ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-black-color) 14%, var(--ppc-green-color) 26%, var(--ppc-yellowgreen-color) 36%);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-black-color) 17%, var(--ppc-green-color) 30%, var(--ppc-yellowgreen-color) 40%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-black-color) 20%, var(--ppc-green-color) 34%, var(--ppc-yellowgreen-color) 44%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-black-color) 23%, var(--ppc-green-color) 38%, var(--ppc-yellowgreen-color) 48%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-black-color) 26%, var(--ppc-green-color) 42%, var(--ppc-yellowgreen-color) 52%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-black-color) 29%, var(--ppc-green-color) 46%, var(--ppc-yellowgreen-color) 56%);
    --ppc-liniar-gradient-11: linear-gradient(180deg, var(--ppc-black-color) 31%, var(--ppc-green-color) 50%, var(--ppc-yellowgreen-color) 60%);
    --ppc-liniar-gradient-12: linear-gradient(180deg, var(--ppc-black-color) 34%, var(--ppc-green-color) 54%, var(--ppc-yellowgreen-color) 64%);
    --ppc-liniar-gradient-13: linear-gradient(180deg, var(--ppc-black-color) 37%, var(--ppc-green-color) 58%, var(--ppc-yellowgreen-color) 68%);
    --ppc-liniar-gradient-14: linear-gradient(180deg, var(--ppc-black-color) 40%, var(--ppc-green-color) 62%, var(--ppc-yellowgreen-color) 72%);
    --ppc-liniar-gradient-15: linear-gradient(180deg, var(--ppc-black-color) 43%, var(--ppc-green-color) 66%, var(--ppc-yellowgreen-color) 76%);
}

/* inverse */
.pink-yellow-inverse {
    --ppc-liniar-gradient-1: linear-gradient(180deg, var(--ppc-pink-color) 40%, var(--ppc-orange-color) 59%, var(--ppc-yellow-color) 90%);
    --ppc-liniar-gradient-2: linear-gradient(180deg, var(--ppc-pink-color) 36%, var(--ppc-orange-color) 52%, var(--ppc-yellow-color) 84%);
    --ppc-liniar-gradient-3: linear-gradient(180deg, var(--ppc-pink-color) 32%, var(--ppc-orange-color) 45%, var(--ppc-yellow-color) 78%);
    --ppc-liniar-gradient-4: linear-gradient(180deg, var(--ppc-pink-color) 28%, var(--ppc-orange-color) 38%, var(--ppc-yellow-color) 72%);
    --ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-pink-color) 24%, var(--ppc-orange-color) 31%, var(--ppc-yellow-color) 66%);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-pink-color) 20%, var(--ppc-orange-color) 24%, var(--ppc-yellow-color) 60%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-pink-color) 16%, var(--ppc-orange-color) 17%, var(--ppc-yellow-color) 54%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-pink-color) 12%, var(--ppc-orange-color) 10%, var(--ppc-yellow-color) 48%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-pink-color) 8%, var(--ppc-orange-color) 3%, var(--ppc-yellow-color) 42%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-pink-color) 4%, var(--ppc-orange-color) -4%, var(--ppc-yellow-color) 36%);
    --ppc-liniar-gradient-11: linear-gradient(180deg, var(--ppc-pink-color) 0%, var(--ppc-orange-color) -11%, var(--ppc-yellow-color) 30%);
    --ppc-liniar-gradient-12: linear-gradient(180deg, var(--ppc-pink-color) -4%, var(--ppc-orange-color) -18%, var(--ppc-yellow-color) 24%);
    --ppc-liniar-gradient-13: linear-gradient(180deg, var(--ppc-pink-color) -8%, var(--ppc-orange-color) -25%, var(--ppc-yellow-color) 18%);
    --ppc-liniar-gradient-14: linear-gradient(180deg, var(--ppc-pink-color) -12%, var(--ppc-orange-color) -32%, var(--ppc-yellow-color) 12%);
    --ppc-liniar-gradient-15: linear-gradient(180deg, var(--ppc-pink-color) -12%, var(--ppc-orange-color) -39%, var(--ppc-yellow-color) 6%);
}

.blue-black {
    --ppc-liniar-gradient-1: linear-gradient(180deg, var(--ppc-light-blue) -8%, var(--ppc-blue-color) 1%, var(--ppc-black-color) 7%);
    --ppc-liniar-gradient-2: linear-gradient(180deg, var(--ppc-light-blue) -7%, var(--ppc-blue-color) 2%, var(--ppc-black-color) 13%);
    --ppc-liniar-gradient-3: linear-gradient(180deg, var(--ppc-light-blue) -8%, var(--ppc-blue-color) 5%, var(--ppc-black-color) 20%);
    --ppc-liniar-gradient-4: linear-gradient(180deg, var(--ppc-light-blue) -10%, var(--ppc-blue-color) 9%, var(--ppc-black-color) 27%);
    --ppc-liniar-gradient-5: linear-gradient(180deg, var(--ppc-light-blue) -10%, var(--ppc-blue-color) 11%, var(--ppc-black-color) 34%);
    --ppc-liniar-gradient-6: linear-gradient(180deg, var(--ppc-light-blue) -11%, var(--ppc-blue-color) 14%, var(--ppc-black-color) 41%);
    --ppc-liniar-gradient-7: linear-gradient(180deg, var(--ppc-light-blue) -12%, var(--ppc-blue-color) 17%, var(--ppc-black-color) 48%);
    --ppc-liniar-gradient-8: linear-gradient(180deg, var(--ppc-light-blue) -12%, var(--ppc-blue-color) 23%, var(--ppc-black-color) 55%);
    --ppc-liniar-gradient-9: linear-gradient(180deg, var(--ppc-light-blue) -10%, var(--ppc-blue-color) 30%, var(--ppc-black-color) 62%);
    --ppc-liniar-gradient-10: linear-gradient(180deg, var(--ppc-light-blue) -15%, var(--ppc-blue-color) 37%, var(--ppc-black-color) 68%);
    --ppc-liniar-gradient-11: linear-gradient(180deg, var(--ppc-light-blue) -20%, var(--ppc-blue-color) 44%, var(--ppc-black-color) 74%);
    --ppc-liniar-gradient-12: linear-gradient(180deg, var(--ppc-light-blue) -25%, var(--ppc-blue-color) 51%, var(--ppc-black-color) 83%);
    --ppc-liniar-gradient-13: linear-gradient(180deg, var(--ppc-light-blue) -30%, var(--ppc-blue-color) 58%, var(--ppc-black-color) 90%);
    --ppc-liniar-gradient-14: linear-gradient(180deg, var(--ppc-light-blue) -35%, var(--ppc-blue-color) 65%, var(--ppc-black-color) 97%);
    --ppc-liniar-gradient-15: linear-gradient(180deg, var(--ppc-light-blue) -40%, var(--ppc-blue-color) 72%, var(--ppc-black-color) 104%);

}

.global-header__logo.theme-logo a {
    color: var(--ppc-white-color);
}

.dark-theme .theme-logo a {
    color: var(--ppc-white-color);
}

.dark-theme .hero h1, .dark-theme .hero h6 {
    color: var(--ppc-white-color);
}

.light-theme .theme-logo a {
    color: var(--ppc-black-color);
}

.light-theme .hero h1, .light-theme .hero h6 {
    color: var(--ppc-black-color);
}

.light-theme .eyebrow {
    color: var(--ppc-black-color);
}

.light-theme .registration_request-plans_content * {
    color: var(--ppc-black-color);
}


.light-theme .registration_choose-plans_content .black {
    color: var(--ppc-black-color);
}

/*.light-theme .registration_choose-plans_content * {
    color: var(--ppc-white-color);
}*/

.light-theme .form--color-bg label, .light-theme .form--color-bg h3.label {
    color: #000;
}

.light-theme .registration_choose-plans_content ul li {
    color: #000;
}

.light-theme .image-hero_detail {
    color: var(--ppc-black-color);
}


.component .rich-text_inner p.error-msg {
    color: var(--ppc-error-color) !important;
}

p.error-msg {
    color: var(--ppc-error-color) !important;
}

.btr, button {
    font-family:var(--ppc-font-family-bold),Calibri,Myriad,Tahoma,Geneva;
    font-weight:700;
    font-style:normal;
    transition:all 100ms linear;
    display:inline-block;
    font-size:12px;
    min-width:160px;
    padding:var(--ppc-button-padding);
    text-align:center;
    text-transform:uppercase;
    border-width: 1px;
    border-style:solid;
    border-radius: 4px;
    letter-spacing:.6px;
    line-height:1.33333;
    cursor: pointer;
    margin: 5px 0 5px;
}

.btr.full-width {
    width: 100%;
}


.btn-cta { border-color:#000;color:#000}
.btn-cta:hover,.btn-cta._hover,a:hover .btn-cta{text-decoration:none}
.btn-cta:hover,a:hover .btn-cta{color:#fff;background-color:#000}

.button-clear{font-family:var(--ppc-font-family-bold),Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;transition:all 100ms linear;display:inline-block;font-size:12px;min-width:160px;padding:var(--ppc-button-padding);text-align:center;text-transform:uppercase;border-width:2px;border-style:solid;font-size:12px;letter-spacing:.6px;line-height:1.33333;border-color:#fff;color:#fff;transition:background-color 100ms linear}
.button-clear:hover,.button-clear._hover,a:hover .button-clear{text-decoration:none}
.button-clear:hover,.button-clear._hover,a:hover .button-clear{background-color:rgba(255,255,255,0.2)}

.button-alt{border-color:#ff0f64;color:var(--ppc-error-color)}
.button-alt:hover,.button-alt._hover,a:hover .button-alt{text-decoration:none}
.button-alt:hover,.button-alt._hover,a:hover .button-alt{background-color:rgba(255,15,100,0.2)}

.button-alt-white{
    border-color:#fff;
    color:#fff;
}
.button-alt-white:hover,.button-alt-white._hover,a:hover .button-alt-white{text-decoration:none}
.button-alt-white:hover,.button-alt-white._hover,a:hover .button-alt-white{background-color:rgba(255,255,255,0.2)}


.button-blue {
    background-color:var(--ppc-blue-color);
    border-color:var(--ppc-blue-color);
    color:#fff
}
.button-blue:hover,.button-blue._hover,a:hover .button-blue{text-decoration:none}
.button-blue:hover,.button-blue._hover,a:hover .button-blue{background-color:#fff;border-color:var(--ppc-blue-color);color:var(--ppc-blue-color)}


.button-pink{border-color:var(--ppc-error-color);color:#fff;background-color:var(--ppc-pink-color)}
.button-pink:hover,.button-pink._hover,a:hover .button-pink{cursor:pointer; text-decoration:none}
.button-pink:hover,.button-pink._hover,a:hover .button-pink{cursor:pointer; background-color:#000;color:#fff;border-color:#000}


.button-white-blue{background-color:var(--ppc-white-color);border-color:var(--ppc-blue-color);color:var(--ppc-blue-color)}
.button-white-blue:hover,.button-white-blue._hover,a:hover .button-white-blue{text-decoration:none}
.button-white-blue:hover,.button-white-blue._hover,a:hover .button-white-blue{background-color:var(--ppc-blue-color);border-color:var(--ppc-blue-color);color:var(--ppc-white-color)}

.button-transparent-blue{background-color:transparent;border-color:var(--ppc-blue-color);color:var(--ppc-blue-color)}
.button-transparent-blue:hover,.button-transparent-blue._hover,a:hover .button-transparent-blue{text-decoration:none}
.button-transparent-blue:hover,.button-transparent-blue._hover,a:hover .button-transparent-blue{background-color:var(--ppc-blue-color);border-color:var(--ppc-blue-color);color:var(--ppc-white-color)}


.button-transparent-black-inverse{background: var(--ppc-black-color);border-color:var(--ppc-black-color);color:var(--ppc-white-color)}
.button-transparent-black-inverse:hover,.button-transparent-black-inverse._hover,a:hover .button-transparent-black-inverse{text-decoration:none}
.button-transparent-black-inverse:hover,.button-transparent-black-inverse._hover,a:hover .button-transparent-black-inverse{background-color:transparent;border-color:var(--ppc-black-color);color:var(--ppc-black-color)}


.button-transparent-white{background: transparent;border-color:var(--ppc-white-color);color:var(--ppc-white-color)}
.button-transparent-white:hover,.button-transparent-white._hover,a:hover .button-transparent-white{text-decoration:none}
.button-transparent-white:hover,.button-transparent-white._hover,a:hover .button-transparent-white{background-color:var(--ppc-black-color);border-color:var(--ppc-white-color);color:var(--ppc-white-color)}


.button-grey-black{background-color: transparent; border-color:var(--ppc-grey-color);color:var(--ppc-black-color)}
.button-grey-black:hover,.button-grey-black._hover,a:hover .button-grey-black{text-decoration:none}
.button-grey-black:hover,.button-grey-black._hover,a:hover .button-grey-black{background-color:var(--ppc-black-color);border-color:var(--ppc-black-color);color:var(--ppc-white-color)}

.button-black-white{background-color: var(--ppc-black-color); border-color:var(--ppc-black-color);color:var(--ppc-white-color)}
.button-black-white:hover,.button-black-white._hover,a:hover .button-black-white{text-decoration:none}
.button-black-white:hover,.button-black-white._hover,a:hover .button-black-white{background-color:var(--ppc-white-color);border-color:var(--ppc-black-color);color:var(--ppc-black-color)}

.button-white-black{background: transparent;border-color:var(--ppc-black-color);color:var(--ppc-black-color)}
.button-white-black:hover,.button-white-black._hover,a:hover .button-white-black{text-decoration:none}
.button-white-black:hover,.button-white-black._hover,a:hover .button-white-black{background-color:var(--ppc-black-color);border-color:var(--ppc-black-color);color:var(--ppc-white-color)}



<!-- inputfields -->

input[type='text'],input[type='date'],input[type='password'],input[type='number'],input[type='tel'],input[type='email'],textarea{transition:all 100ms linear;font-family:var(--ppc-font-family-light),Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-style:normal;font-size:17px;letter-spacing:0;line-height:1;background:transparent;border:1px solid lightgrey;color:#000;display:inline-block;min-width:160px;outline:0;padding:12px;width:100%;-moz-appearance:textfield;-webkit-appearance:none;border-radius:0;box-shadow:none}
input[type='text']::-webkit-input-placeholder,input[type='number']::-webkit-input-placeholder,input[type='tel']::-webkit-input-placeholder,input[type='email']::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:.5;transition:opacity .3s ease}
input[type='text']::-moz-placeholder,input[type='number']::-moz-placeholder,input[type='tel']::-moz-placeholder,input[type='email']::-moz-placeholder,textarea::-moz-placeholder{opacity:.5;transition:opacity .3s ease}
input[type='text']:-moz-placeholder,input[type='number']:-moz-placeholder,input[type='tel']:-moz-placeholder,input[type='email']:-moz-placeholder,textarea:-moz-placeholder{opacity:.5;transition:opacity .3s ease}
input[type='text']:-ms-input-placeholder,input[type='number']:-ms-input-placeholder,input[type='tel']:-ms-input-placeholder,input[type='email']:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:.5;transition:opacity .3s ease}
input[type='text']:focus::-webkit-input-placeholder,input[type='number']:focus::-webkit-input-placeholder,input[type='tel']:focus::-webkit-input-placeholder,input[type='email']:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{opacity:0;transition:opacity .3s ease}
input[type='text']:focus::-moz-placeholder,input[type='number']:focus::-moz-placeholder,input[type='tel']:focus::-moz-placeholder,input[type='email']:focus::-moz-placeholder,textarea:focus::-moz-placeholder{opacity:0;transition:opacity .3s ease}
input[type='text']:focus:-moz-placeholder,input[type='number']:focus:-moz-placeholder,input[type='tel']:focus:-moz-placeholder,input[type='email']:focus:-moz-placeholder,textarea:focus:-moz-placeholder{opacity:0;transition:opacity .3s ease}
input[type='text']:focus:-ms-input-placeholder,input[type='number']:focus:-ms-input-placeholder,input[type='tel']:focus:-ms-input-placeholder,input[type='email']:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{opacity:0;transition:opacity .3s ease}

@media screen and (min-width:768px){input[type='text'],input[type='number'],input[type='password'],input[type='tel'],input[type='email'],textarea{font-size:18px;letter-spacing:0;line-height:1;padding:14px}
}
input[type='text']::-webkit-input-placeholder,input[type='number']::-webkit-input-placeholder,input[type='tel']::-webkit-input-placeholder,input[type='email']::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;opacity:.4}
input[type='text']::-moz-placeholder,input[type='number']::-moz-placeholder,input[type='tel']::-moz-placeholder,input[type='email']::-moz-placeholder,textarea::-moz-placeholder{color:#000;opacity:.4}
input[type='text']:-ms-input-placeholder,input[type='number']:-ms-input-placeholder,input[type='tel']:-ms-input-placeholder,input[type='email']:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;opacity:.4}
input[type='text']:-moz-placeholder,input[type='number']:-moz-placeholder,input[type='tel']:-moz-placeholder,input[type='email']:-moz-placeholder,textarea:-moz-placeholder{color:#000;opacity:.4}
input[type='text']:focus,input[type='number']:focus,input[type='tel']:focus,input[type='email']:focus,textarea:focus{border:1px solid var(--ppc-blue-color)}
input[type='text'].error,input[type='number'].error,input[type='tel'].error,input[type='email'].error,textarea.error{border: var(--ppc-border-error);}
input[type='text']::-webkit-inner-spin-button,input[type='text']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button,input[type='tel']::-webkit-inner-spin-button,input[type='tel']::-webkit-outer-spin-button,input[type='email']::-webkit-inner-spin-button,input[type='email']::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type='text']::-ms-clear,input[type='number']::-ms-clear,input[type='tel']::-ms-clear,input[type='email']::-ms-clear,textarea::-ms-clear{display:none}
select.error {
    border: var(--ppc-border-error);
}

input[type='radio'] {
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
    accent-color: var(--ppc-blue-color);
}

input[type='radio']+label{padding:0 1.5em;}
input[type='radio']+label:before{content:'';display:block;position:absolute;border:1px solid var(--ppc-blue-color);border-radius:1em;height:1em;left:0;opacity:.4;width:1em}
input[type='radio']+label:after{content:'';display:block;position:absolute;
    border-radius:1em;height:1em;left:0;top:0;width:1em;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);
    opacity:0;transition:all .3s ease;visibility:hidden}
section.quote-builder input[type='radio']+label:after{width:1em;height:1em;margin-top:0;left:0;top:2px}
input[type='radio']:checked+label{font-family:var(--ppc-font-family-bold),Calibri;font-weight:700;font-style:normal}
input[type='radio']:checked+label:after{visibility:visible;opacity:1;-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4)}

input[type='text'], input[type='number'], input[type='password'], input[type='tel'], input[type='email'], textarea {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
    padding: 14px;
    border: 1px solid lightgray;
    border-radius: 4px;
}

.footer-container {
    background-color: #000;
    color: white;
}

label.error, h3.label.error {
    padding-top: 5px;
    color: var(--ppc-error-color);
    margin: 0;
    position: relative;
    float: right;
    font-size: 13px;
    /*left: inherit;*/
}

label.error-checkbox, h3.label.error-error-checkbox {
    bottom: -1.4em;
    color: var(--ppc-error-color);
    margin: 0;
    position: absolute;
    left: 0px;
    font-size: 13px;
    /* left: inherit; */
}


/*[class*="col-md"] label.error {
    padding-right: 15px;
}*/

.gradient-pink {
    background: linear-gradient(39deg, var(--ppc-yellow-color) 23.84%, var(--ppc-orange-color) 69.85%, var(--ppc-pink-color) 120.59%);
}

.gradient-container {
    position: absolute;
}

.gradient {
    display: table-cell;
    width: 24rem;
    height: 49rem;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 1rem;
    flex-shrink: 0;
}

.special-blue .gradient {
    display: table-cell;
    width: 17.5rem;
    height: 65rem;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 1rem;
    flex-shrink: 0;
}

.invoice-hero .row .gradient {
    display: table-cell;
    width: 17.5rem;
    height: 26rem;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 1rem;
    flex-shrink: 0;
}

.gradient1 {
    background: var(--ppc-liniar-gradient-1);
}

.gradient2 {
    background: var(--ppc-liniar-gradient-2);
}

.gradient3 {
    background: var(--ppc-liniar-gradient-3);
}

.gradient4 {
    background: var(--ppc-liniar-gradient-4);
}

.gradient5 {
    background: var(--ppc-liniar-gradient-5);
}

.gradient6 {
    background: var(--ppc-liniar-gradient-6);
}

.gradient7 {
    background: var(--ppc-liniar-gradient-7);
}

.gradient8 {
    background: var(--ppc-liniar-gradient-8);
}

.gradient9 {
    background: var(--ppc-liniar-gradient-9);
}

.gradient10 {
    background: var(--ppc-liniar-gradient-10);
}

.gradient11 {
    background: var(--ppc-liniar-gradient-11);
}

.gradient12 {
    background: var(--ppc-liniar-gradient-12);
}

.gradient13 {
    background: var(--ppc-liniar-gradient-13);
}

.gradient14 {
    background: var(--ppc-liniar-gradient-14);
}

.gradient15 {
    background: var(--ppc-liniar-gradient-15);
}

@media screen and (max-height: 900px) and (max-width: 414px) {
    .gradient {
        height: 30rem;
        width: 5rem;

    }

    /*.gradient7, .gradient8, .gradient9, .gradient10, .gradient11, .gradient12, .gradient13, .gradient14, .gradient15 {
        display: none;
    }*/

    .container_padding {
        padding-top: 0;
    }

    .hero.module {
        /*padding-top: 0;*/
        /*padding-bottom: 0;*/
    }
}

@media screen and (max-width: 400px) and (max-height: 900px) {
    .gradient {
        width: 4rem;
        height: 23rem;
    }

    .container_padding {
        padding-top: 0;
    }
}

@media screen and (max-width: 430px) and (max-height: 950px) {
    .gradient {
        width: 5rem;
        height: 30rem;
    }

    .container_padding {
        padding-top: 40px;
    }
}

@media screen and (max-width: 375px) and (max-height: 670px) {
    .gradient {
        width: 4rem;
        height: 27rem;
    }

    .container_padding {
        padding-top: 0;
    }
}


.hero .subtitle {
    text-align: left;
    margin-bottom: 30px;
    font-size: 20px;
}



@media (max-width: 400px) {
    .hero .subtitle {
        display: none;
    }
}

.page-footer-moz .legal {
    color: darkgray;
    font-size: smaller;
}

.social-icons {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
    background: transparent;
}

.social-icons li {
    flex: 0 0 auto;
}

.social-icons .icon {
    display: block;
    height: 25px;
    width: 25px;
}

.icon {
    --size: var(--icon-size, 1rem);
    background-color: #fff;
    display: inline-block;
    flex-shrink: 0;
    height: 25px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    vertical-align: middle;
    width: 25px;
}



.icon.icon-facebook1 {
    mask-image: url("/images/icons/facebook.svg");
}

.icon.icon-instagram1 {
    mask-image: url("/images/icons/instagram.svg");
}

.icon.icon-linkedin1 {
    mask-image: url("/images/icons/linkedin.svg");
}

.icon.icon-youtube1 {
    mask-image: url("/images/icons/youtube.svg");
}

.icon.icon-twitter1 {
    mask-image: url("/images/icons/twitter.svg");
}

.icon.icon-flame {
    background-image: url("/images/icons/flame.svg");
    width: 90px;
    height: 90px;
}

.icon.icon-electric {
    background-image: url("/images/icons/electric.svg");
    width: 90px;
    height: 90px;
}

.icon.icon-oferte {
    background-image: url("/images/icons/oferte.svg");
    width: 90px;
    height: 90px;
}

.icon.icon-arrow {
    background-color: #000;
    width: 54px;
    height: 38px;
    display: block;
    mask-image: url("/images/icons/arrow-right.svg");
    float: right;
}

.asset-item.parbase {
    padding: 0 20px 0 20px;
}

@media (max-width: 375px) {
/*    .global-header__logo {
        left: -15px;
        top: -11px;
    }*/

    /*.global-header__main {
        left: -11px;
    }*/

    .invoice-hero .row .gradient {
        width: 8.5rem;
        height: 34rem;
    }
}




.gray-background {
    background: #FAFAFA;
}

.icon-branding {
    background-color: black;
    display: inline-block;
    flex-shrink: 0;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    vertical-align: middle;
}

.icon-line-pc-new {
    mask-image: url("/images/icons/online.svg");
    height: 80px;
    width: 80px;
}

/*.icon-line-mobile {
    mask-image: url("/images/icons/mobile.svg");
    height: 80px;
    width: 80px;
}*/

li.icon-ok {
    padding-left: 0.5rem;
}

.margin-bottom {
    margin-bottom: 5rem;
}

.checkbox-tc {
    text-align: left;
}

fieldset label {
    margin: 10px 0 10px;
}

h1.text--page-heading {
    text-align: left;
}

.tick-list li.green {
    margin-left: 27px;
    padding-left: 0;
}

* .white {
    color: var(--ppc-white-color) !important;
}

* .black {
    color: var(--ppc-black-color) !important;
}

.white p {
    color: var(--ppc-white-color) !important;
}

.grey-background {
    background: var(--ppc-grey-background);
}

/*For Big TV's (HD Screens)*/
@media screen and (min-width: 1280px) {

    .gradient {
        width: 24rem;
    }

    .ppc-logo svg {
        width: 96px;
    }
}

/*For Projectors or Higher Resolution Screens (Full HD)*/
@media screen and (min-width: 2294px) {

    .gradient {
        width: 33rem !important;
    }

    input[type='text'], input[type='number'], input[type='password'], input[type='tel'], input[type='email'], textarea {
        font-size: 25px;
        letter-spacing: 0;
        line-height: 1;
        padding: 14px;
        border: 1px solid lightgray;
        border-radius: 4px;
        height: 3em;
    }

    label {
        font-size: 24px;
    }

    body {
        font-size: 1.8em;
    }

    input[type="checkbox"] + label {
        padding: 0 50px;
    }

    .contact-form__form {
        float: left;
        display: block;
        width: 85%;
        margin-left: 0;
        margin-bottom: 120px;
    }

    .text--standard,.article-content_inner .rich-text.rich-text_inner p,.rich-text .rich-text_inner p {
        font-size:30px;
        letter-spacing:.44px;
        line-height:1.63636;
    }

    fieldset label {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 1;
    }

    .btr, button {
        font-size: 22px;
    }

    .contact-form__form button {
        font-size: 22px !important;
    }

    .article-content span {
        font-size: 22px;
    }

    .page-footer p, .page-footer a {
        font-size: 20px;
    }

    input[type="checkbox"] + label::before {
        border-radius: 16px;
    }

    .custom-file-upload {
        font-size: 20px;
    }

    .ppc-logo svg {
        width: 100px;
    }
}

/*For 4K Displays (Ultra HD)*/
@media screen and (min-width: 3840px) {

    body {
        font-size: 2.2em;
    }

    input[type="checkbox"] + label {
        padding: 0 50px;
    }

    .contact-form__form {
        float: left;
        display: block;
        width: 90%;
        margin-left: 0;
        margin-bottom: 120px;
    }

    .text--standard,.article-content_inner .rich-text.rich-text_inner p,.rich-text .rich-text_inner p {
        font-size:36px;
        letter-spacing:.44px;
        line-height:1.63636;
    }

    fieldset label {
        font-size: 33px;
        letter-spacing: 0;
        line-height: 1;
    }

    .gradient {
        width: 40rem;
    }

    input[type='text'], input[type='number'], input[type='password'], input[type='tel'], input[type='email'], textarea {
        font-size: 25px;
        letter-spacing: 0;
        line-height: 1;
        padding: 14px;
        border: 1px solid lightgray;
        border-radius: 4px;
        height: 4em;
    }

    .btr, button {
        font-size: 22px;
    }

    label {
        font-size: 1.8em;
    }

    .article-content span {
        font-size: 22px;
    }

    .page-footer p, .page-footer a {
        font-size: 20px;
    }

    input[type="checkbox"] + label::before {
        border-radius: 16px;
    }

    .custom-file-upload {
        font-size: 20px;
    }

    .ppc-logo svg {
        width: 174px;
    }
}


.uploaded i.icon-download {
    padding-right: 5px;
}

.list-item_text-wrapper a {
    color: var(--ppc-blue-color);
}