@import url("https://fonts.googleapis.com/css?family=Barlow:400,500|BioRhyme&display=swap");

.pg-input-radio, .pg-input-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.pg-button, .pg-button-orange, .pg-button-black, .pg-button-whisper, .pg-button-hollow-orange, .pg-button-teal, .pg-button-hollow-teal, .pg-button-hollow-black, .pg-button-hollow-white, .pg-button--disabled {
    position: relative;
    display: inline-block;
    padding: 6px 32px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    transform: translate3d(0,0,0);
}

.pw-myaccount-enrollme-plan .col-sm-6.text-center p {
    font-size: 17px;
}

.raf-section {
    display: flex;
}

.tblt-fw.only-hw .card {
    min-height: 430px;
}

.solar-tile .col-sm-6 {
    float: left;
    min-height: 280px;
}

.solar-tile-one {
    background: url(../images/banner-one.png);
    border-radius: 12px;
    background-size: cover;
    background-position: 0;
}

    .solar-tile-one h3 {
        color: #fff;
        padding-top: 50px;
    }

    .solar-tile-one p {
        color: #fff;
    }

.container.pw-myaccount-enrollme-pg-wrapper .pw-myaccount-enrollme-plan {
    min-height: 320px;
}

.solar-tile-two .make-difference {
    background: url(../images/Solar_Main_Banner@1x-min-1.png);
    padding-top: 50px !important;
    border-radius: 12px;
    border-bottom: none;
    padding-bottom: 30px;
    background-size: cover;
    background-position: 0;
}

a.upgrade-btn {
    display: inline-block;
    border: 1px solid #EF5B4E;
    padding: 10px 20px;
    border-radius: 5px;
    color: #EF5B4E;
    margin: 0 auto;
}

a.upgrade-btn {
    display: inline-block;
    border: 1px solid #EF5B4E;
    padding: 10px 20px;
    border-radius: 5px;
    color: #EF5B4E;
    margin: 0 auto;
}

.solar-tile-two .make-difference p {
    color: #fff !important;
    max-width: 430px;
    margin: 0 auto;
}

.solar-tile-two .make-difference h5 {
    color: #fff;
    font-size: 21px;
    line-height: 26px;
    max-width: 320px;
    margin: 0 auto;
}

.solar-tile-one a {
    background: #ef5b4e;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 10px;
}

#gold-popup .modal-dialog {
    max-width: 900px;
}

div#terms-popup .modal-dialog {
    max-width: 850px;
}

.raf-section p {
    color: rgba(36, 36, 53, 0.8);
}

.raf-content b span {
    color: #D8000C;
}

.refer-friend-two .card {
    min-height: 495px;
}

div#pw-myccount-dashboard-tab-section h5 {
    font-size: 16px;
}

div#pw-myccount-dashboard-tab-section p {
    font-size: 15px;
}

div#pw-myccount-dashboard-tab-section input[type="text"] {
    font-size: 13px;
}

.equal-width {
    width: 33%;
    float: left;
}

.make-difference h5 {
    color: #338595;
    font-size: 21px;
    line-height: 26px;
}

.make-difference {
    background: #DDEBEE;
    padding-top: 60px !important;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    padding-bottom: 70px;
    border-bottom: 10px solid #347c05;
}

div#btnhr {
    display: flex;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px;
}

.card-header.bg-dark-teal {
    padding: 20px;
}

.make-difference img {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

div#member-benifit p img {
    position: absolute;
    left: 0;
}

div#member-benifit p {
    font-size: 16px;
    position: relative;
    padding-left: 24px;
    line-height: 24px;
}

.make-difference button {
    background-color: #ef5b4e;
    color: #fff;
    border-radius: 0 5px 5px 0;
    min-width: 40%;
    letter-spacing: -0.35px;
    font-weight: 600;
    transition: background-color 0.3s;
    font-size: 1.06rem;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: none;
}

.pw-myaccount-enrollme-plan h3 {
    font-size: 22px;
}

.make-difference input {
    height: 46px;
    background-color: #fff;
    width: 60%;
    border: none;
    padding: 10px 22px;
    color: #767576;
    font-weight: 500;
    font-family: Barlow, sans-serif;
    border-radius: 5px 0 0 5px;
}

.raf-section {
    display: flex;
}

div#terms-popup .modal-dialog {
    max-width: 850px;
}

.raf-section p {
    color: rgba(36, 36, 53, 0.8);
}

.raf-content b span {
    color: #D8000C;
}

.refer-friend-two .card {
    min-height: 495px;
}

div#pw-myccount-dashboard-tab-section h5 {
    font-size: 16px;
}

div#pw-myccount-dashboard-tab-section p {
    font-size: 15px;
}

div#pw-myccount-dashboard-tab-section input[type="text"] {
    font-size: 13px;
}

.equal-width {
    width: 33%;
    float: left;
}

.make-difference h5 {
    color: #338595;
    font-size: 21px;
    line-height: 26px;
}

.make-difference {
    background: #DDEBEE;
    padding-top: 60px !important;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    padding-bottom: 70px;
    border-bottom: 10px solid #347c05;
}

div#btnhr {
    display: flex;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px;
}

.card-header.bg-dark-teal {
    padding: 20px;
}

.make-difference img {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

div#member-benifit p img {
    position: absolute;
    left: 0;
}

div#member-benifit p {
    font-size: 16px;
    position: relative;
    padding-left: 24px;
    line-height: 24px;
}

.make-difference button {
    background-color: #ef5b4e;
    color: #fff;
    border-radius: 0 5px 5px 0;
    min-width: 40%;
    letter-spacing: -0.35px;
    font-weight: 600;
    transition: background-color 0.3s;
    font-size: 1.06rem;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: none;
}

.pw-myaccount-enrollme-plan h3 {
    font-size: 22px;
}

.make-difference input {
    height: 46px;
    background-color: #fff;
    width: 60%;
    border: none;
    padding: 10px 22px;
    color: #767576;
    font-weight: 500;
    font-family: Barlow, sans-serif;
    border-radius: 5px 0 0 5px;
}

div#home, div#home .container {
    max-width: 1300px;
}

@@media(min-width:1200px) {
    .pw-myaccount-enrollme-plan {
        min-height: 320px;
    }
}

@@media (min-width: 992px) {
    .pw-enroll-me-bottom-cards-wrapper {
        display: block !important;
    }

    .pw-bill-view-plans-wrapper {
        margin-top: 10px;
    }
}

.silver-dtl {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 10px;
    border-top: 1px solid rgba(0,0,0,.125);
    text-align: center;
}

.silver-tile-one {
    background: url(../images/silver-tile-one.png);
    padding: 50px 10px;
    border-radius: 10px;
    background-size: cover;
}

    .silver-tile-one h5 {
        color: #fff;
        line-height: 19px;
    }

a.silver-get-strt {
    background-color: #ef5b4e;
    color: #fff;
    border-radius: 5px;
    letter-spacing: -0.35px;
    font-weight: 600;
    transition: background-color 0.3s;
    font-size: 1.06rem;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: none;
    height: 40px;
    padding: 10px 20px;
    display: inline-block;
    margin: 30px 0;
}

.silver-tile-one p {
    color: #fff;
}

a.silver-learn-more {
    color: #fff;
    text-decoration: underline;
}

.silver-tile-two {
    background: url(../images/silver-tile-two.png);
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px !important;
}

    .silver-tile-two h5, .silver-tile-two p {
        color: #fff !important;
    }

.silver-raf h3 {
    font-size: 17px;
}

.silver-raf p {
    font-size: 15px;
}

.silver-raf img {
    width: 100%;
}

.pg-button-orange {
    background-color: #d54943;
    border-color: #d54943;
    color: #fff;
    text-decoration: none;
}

    .pg-button-orange:hover:not(:disabled), .pg-button-orange:focus:not(:disabled) {
        color: #fff;
        text-decoration: none;
    }

        .pg-button-orange:hover:not(:disabled):before, .pg-button-orange:focus:not(:disabled):before {
            width: 100%;
            transition: width .3s ease-in;
        }

    .pg-button-orange:before {
        content: "";
        background: #d54943;
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
    }

    .pg-button-orange:disabled {
        border-color: #e6e6e6;
        background-color: #e6e6e6;
        color: #7b7b86;
        cursor: not-allowed;
    }

.pg-button-black {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    text-decoration: none;
}

    .pg-button-black:hover {
        color: #fff;
        text-decoration: none;
    }

.pg-button-whisper {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #000;
    text-decoration: none;
}

    .pg-button-whisper:hover:not(:disabled), .pg-button-whisper:focus:not(:disabled) {
        color: #000;
        text-decoration: none;
    }

        .pg-button-whisper:hover:not(:disabled):before, .pg-button-whisper:focus:not(:disabled):before {
            width: 100%;
            transition: width .3s ease-in;
        }

    .pg-button-whisper:before {
        content: "";
        background: #e6e6e6;
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
    }

    .pg-button-whisper:disabled {
        border-color: #e6e6e6;
        background-color: #e6e6e6;
        color: #000;
        cursor: not-allowed;
        opacity: .5;
    }

.pg-button-hollow-orange {
    background-color: transparent;
    border-color: #d54943;
    color: #d54943;
    text-decoration: none;
}

    .pg-button-hollow-orange:hover, .pg-button-hollow-orange:focus {
        color: #d54943;
        border-color: #d54943;
    }

    .pg-button-hollow-orange:disabled {
        color: #7b7b86;
        border-color: #e8e8e8;
        cursor: not-allowed;
    }

.pg-button-teal {
    color: #fff;
    background-color: #338595;
    box-shadow: inset -1px 0 -2px 4px rgba(0,0,0,.1);
}

    .pg-button-teal:hover, .pg-button-teal:focus {
        color: #fff;
    }

.card.pw-myaccount-enrollme-plan .col-sm-6:first-of-type p {
    font-size: 14px;
    text-align: center;
}

.pg-button-hollow-teal {
    background-color: transparent;
    border-color: #338595;
    color: #338595;
    text-decoration: none;
}

    .pg-button-hollow-teal:hover, .pg-button-hollow-teal:focus {
        color: #3ba1b5;
        border-color: #3ba1b5;
    }

    .pg-button-hollow-teal:disabled {
        color: #7b7b86;
        border-color: #e8e8e8;
        cursor: not-allowed;
    }

.pg-button-hollow-black {
    border-color: #000;
    color: #000;
    background-color: transparent;
}

    .pg-button-hollow-black:hover {
        background-color: #000;
        color: #fff;
    }

.pg-button-hollow-white {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

    .pg-button-hollow-white:hover {
        background-color: #fff;
        color: #3ba1b5;
    }

.pw-myaccount-enrollme-etflinks button.pg-button-teal {
    background: none;
    border: none;
    color: #4ca9bb;
    font-size: 18px;
    text-align: left;
    padding: 0;
    text-decoration: underline;
}

    .pw-myaccount-enrollme-etflinks button.pg-button-teal:hover {
        color: #0056b3;
    }

.pg-button--large {
    font-size: 20px;
    padding: 15px 35px;
}

.pg-button--pill {
    border-radius: 36px;
}

.pg-button--small {
    font-size: 12px;
    padding: 5px 18px;
}

@media(min-width:992px) {
    .pg-button--small {
        padding: 4px 24px;
    }
}

.pg-button--small-fill {
    font-size: 12px;
    padding: 5px 18px;
}

@media(min-width:992px) {
    .pg-button--small-fill {
        padding: 4px 36px;
    }
}

.pg-button--disabled {
    pointer-events: none;
    font-weight: 700;
    color: #808080;
    background-color: #f0f0f0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pg-spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("assets/images/loader--animation.gif");
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    .pg-spinner .pg-headline {
        color: #fff;
    }

.pg-spinner--content {
    display: flex;
    justify-content: center;
}

.pg-spinner--content-inner-wrapper {
    position: relative;
}

.pg-spinner--circle {
    font-size: 10px;
    text-indent: -9999em;
    position: relative;
    height: 80px;
    width: 80px;
}

    .pg-spinner--circle:after, .pg-spinner--circle:before {
        content: "";
        position: absolute;
        width: 80px;
        height: 80px;
        top: 0;
        left: 0;
        border: 6px solid #fff;
        border-radius: 50%;
        border-bottom-color: transparent;
        border-top-color: transparent;
    }

    .pg-spinner--circle:after {
        -webkit-animation: animateSimpleRotation 1.8s infinite linear;
        animation: animateSimpleRotation 21.8s infinite linear;
    }

    .pg-spinner--circle:before {
        -webkit-animation: animateSimpleRotation 1.4s infinite linear;
        animation: animateSimpleRotation 21.4s infinite linear;
    }

.pg-spinner--invert-element {
    filter: brightness(0) invert(1);
}

.pg-form--spinner--headline {
    line-height: 3.2rem;
}

    .pg-form--spinner--headline:after, .pg-form--spinner--headline:before {
        content: "";
        display: block;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        filter: brightness(0) invert(1);
    }

    .pg-form--spinner--headline:after {
        height: 44px;
        width: 68px;
        background-image: url("assets/images/pg-logo--point-right.png");
        right: 0;
        bottom: -90px;
        animation: pageFormAnimateIcon__left 3s ease-in-out 0s 1;
    }

    .pg-form--spinner--headline:before {
        height: 68px;
        width: 44px;
        background-image: url("assets/images/pg-logo--point-up.png");
        background-repeat: repeat;
        left: 0;
        top: -70px;
        animation: pageFormAnimateIcon__right 3s ease-in-out 0s 1;
    }

@media(min-width:992px) {
    .pg-form--spinner--headline:before {
        top: -170px;
    }
}

@media(min-width:992px) {
    .pg-form-element-wrapper--block, .pg-form-element-wrapper {
        display: flex;
        align-items: flex-start;
    }
}

.pg-form-element-wrapper--block + .pg-form-element-wrapper--block, .pg-form-element-wrapper--block + .pg-form-element-wrapper, .pg-form-element-wrapper + .pg-form-element-wrapper--block, .pg-form-element-wrapper + .pg-form-element-wrapper {
    margin-top: 12px;
}

.pg-form-element-wrapper--block {
    flex-wrap: wrap;
}

    .pg-form-element-wrapper--block .pg-form-element {
        flex: 0 0 100%;
    }

        .pg-form-element-wrapper--block .pg-form-element + .pg-form-element {
            margin-left: 0;
        }

.pg-form-label--flex {
    display: flex;
    justify-content: space-between;
}

    .pg-form-label--flex > label {
        font-weight: 700;
        padding-left: 20px;
    }

.pg-form-element {
    text-align: left;
}

    .pg-form-element + .pg-form-element {
        margin-top: 25px;
    }

@media(min-width:992px) {
    .pg-form-element {
        flex: 1;
    }

        .pg-form-element + .pg-form-element {
            margin-top: 0;
            margin-left: 15px;
        }
}

.pg-form-element > label {
    margin-bottom: 10px;
    padding-left: 20px;
    font-weight: 700;
}

.pg-form-buttons-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.pg-tooltip--parent {
    display: flex;
}

.pg-link {
    color: #d54943;
    cursor: pointer;
}

    .pg-link:hover {
        color: #d54943;
        text-decoration: underline;
    }

.pg-link-black {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.pw-bill-view-plans-wrapper a {
    color: #000;
    text-decoration: underline;
    text-align: center;
}

    .pw-bill-view-plans-wrapper a:last-of-type {
        border: none;
    }

.pg-link-black:hover {
    color: #000;
    text-decoration: underline;
}

.pg-link--cta {
    font-size: 18px;
    font-weight: 500;
}

@media only screen and (min-width:1200px) {
    .pg-link--cta {
        font-size: 24px;
    }
}

.pg-br--mobile {
    display: block;
}

@media(min-width:992px) {
    .pg-br--mobile {
        display: inline;
    }
}

.pg-input-wrapper {
    position: relative;
}

.pg-input-error-icon {
    position: absolute;
    z-index: 1;
    right: 1.25rem;
    font-size: 1.5rem;
    top: 1.25rem;
    color: #d8000c;
}

.pg-input-check-icon {
    position: absolute;
    z-index: 1;
    right: 1.25rem;
    font-size: 1.5rem;
    top: 1.25rem;
    color: #05b321;
}

.pg-textarea, .pg-input {
    border-color: #000;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    box-shadow: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    padding: 16px;
    position: relative;
    transition: all .2s ease-in;
    width: 100%;
}

    .pg-textarea:focus, .pg-input:focus {
        border-color: #3ba1b5;
        box-shadow: inset 0 0 0 2px #3ba1b5;
    }

    .pg-textarea:disabled, .pg-input:disabled {
        border-color: #e6e6e6;
        background-color: #e6e6e6;
        color: #cccccb;
        cursor: not-allowed;
    }

        .pg-textarea:disabled::placeholder, .pg-input:disabled::placeholder {
            color: #cccccb;
            font-size: 1rem;
        }

    .pg-textarea.ng-invalid.ng-touched:not(:focus):not(:disabled), .pg-input.ng-invalid.ng-touched:not(:focus):not(:disabled) {
        border-color: #d8000c;
    }

    .pg-textarea.ng-invalid.form-invalid:not(:focus):not(:disabled), .pg-input.ng-invalid.form-invalid:not(:focus):not(:disabled) {
        border-color: #d8000c;
    }

    .pg-textarea.ng-invalid.ng-dirty:not(:focus):not(:disabled), .pg-input.ng-invalid.ng-dirty:not(:focus):not(:disabled) {
        border-color: #d8000c;
    }

.pg-form-input--icon-wrapper {
    position: relative;
}

.pg-form-input--icon {
    display: inline-block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .pg-form-input--icon .fa-eye, .pg-form-input--icon .fa-eye-slash {
        font-size: 1.75rem;
    }

.pg-form-input-group {
    display: inline-block;
}

    .pg-form-input-group .pg-input, .pg-form-input-group .pg-button {
        height: 60px;
        vertical-align: middle;
    }

    .pg-form-input-group .pg-input, .pg-form-input-group .pg-button {
        width: 100%;
        display: block;
        border-width: 1px;
    }

    .pg-form-input-group .pg-input {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        border-bottom-width: 0;
        top: 0;
    }

    .pg-form-input-group .pg-select, .pg-form-input-group .pg-button {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        border-top-width: 0;
    }

@media(min-width:992px) {
    .pg-form-input-group .pg-input, .pg-form-input-group .pg-button {
        width: auto;
        display: inline-block;
        border-width: 1px;
    }

    .pg-form-input-group .pg-input {
        -webkit-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        border-radius: 8px 0 0 8px;
        border-right-width: 0;
    }

    .pg-form-input-group .pg-select, .pg-form-input-group .pg-button {
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
        border-left-width: 0;
    }
}

.pg-input-checkbox-label, .pg-input-radio-label {
    position: relative;
    padding-left: 36px;
    margin-right: 15px;
    text-align: left;
}

    .pg-input-checkbox-label:last-child, .pg-input-radio-label:last-child {
        margin-right: 0;
    }

    .pg-input-checkbox-label:hover .pg-input-checkbox-text:before, .pg-input-checkbox-label:hover .pg-input-radio-text:before, .pg-input-checkbox-label:focus .pg-input-checkbox-text:before, .pg-input-checkbox-label:focus .pg-input-radio-text:before, .pg-input-radio-label:hover .pg-input-checkbox-text:before, .pg-input-radio-label:hover .pg-input-radio-text:before, .pg-input-radio-label:focus .pg-input-checkbox-text:before, .pg-input-radio-label:focus .pg-input-radio-text:before {
        border: 2px solid #3ba1b5;
    }

.pg-input-checkbox-text, .pg-input-radio-text {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

    .pg-input-checkbox-text:before, .pg-input-checkbox-text:after, .pg-input-radio-text:before, .pg-input-radio-text:after {
        content: "";
        top: 4px;
        left: 0;
        height: 22px;
        width: 22px;
        display: inline-block;
        position: absolute;
        border-radius: 50%;
        cursor: pointer;
    }

    .pg-input-checkbox-text:before, .pg-input-radio-text:before {
        border: 2px solid #000;
        margin-right: 8px;
    }

.pg-input-radio:checked + .pg-input-radio-text:before {
    border: none;
}

.pg-input-radio:checked + .pg-input-radio-text:after {
    border: 7px solid #3ba1b5;
    background-color: #fff;
}

.pg-input-checkbox:checked + .pg-input-checkbox-text:before {
    border: none;
}

.pg-input-checkbox:checked + .pg-input-checkbox-text:after {
    background-color: #3ba1b5;
    color: #ffffff;
    font-size: 20px;
    background-image: url(account/images/checkbox.png) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.pg-input-checkbox-text:before, .pg-input-checkbox-text:after {
    border-radius: 5px;
}

.progress {
    background-color: #fff;
    border-radius: 0;
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    top: 98px;
}

@media(min-width:992px) {
    .progress {
        top: 123px;
    }
}

.progress .bg-danger {
    background-color: #d54943 !important;
}

.pg-select {
    height: 60px;
    padding: 0 30px 0 10px;
    border: 1px solid rgba(0,0,0,.1);
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat center right 10px;
}

    .pg-select:focus, .pg-select:hover {
        border-color: #3ba1b5;
    }

.pg-hidden {
    display: none !important;
}

@media(min-width:768px) {
    .pg-hidden--small {
        display: none !important;
    }

    .desktop-none {
        display: none !important;
    }
}

@media(min-width:992px) {
    .pg-hidden--small {
        display: block !important;
    }

    .pg-hidden--medium {
        display: none !important;
    }
}

@media(min-width:1200px) {
    .pg-hidden--medium {
        display: block !important;
    }

    .pg-hidden--large {
        display: none !important;
    }
}

.pg-headline {
    font-family: BioRhyme,Arial,Helvetica,sans-serif;
    font-weight: 500;
    color: #000;
}

    .pg-headline span {
        color: #3ba1b5;
    }

.pg-headline--1 {
    font-size: 2.7rem;
    font-weight: 500;
    color: #000;
}

@media(min-width:768px) {
    .pg-headline--1 {
        font-size: 3rem;
    }
}

@media(min-width:1200px) {
    .pg-headline--1 {
        font-size: 3.3rem;
    }
}

.pg--routeToHome {
    cursor: pointer;
    bottom: 11px;
    position: relative;
    margin-right: 12px;
    float: right;
}

@media(min-width:992px) {
    .pg--routeToHome {
        bottom: 28px;
    }
}

.pg-error--message--wrapper {
    padding: 5px 0;
}

.pg-error--message, .pg-zip-error--message {
    color: #d8000c;
    text-align: left;
    position: absolute;
    width: 100%;
    line-height: 1;
}

.pg-zip-error--message {
    position: relative;
}

.modal-error--message {
    color: #d8000c;
    text-align: left;
    width: 100%;
    line-height: 1;
}

.page-header--description {
    font-size: 20px;
    font-weight: 500;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 28px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggleControl {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c4c4c4;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

    .toggleControl:before {
        position: absolute;
        content: "";
        height: 24px;
        width: 24px;
        left: 0;
        bottom: 2px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .toggleControl {
    background-color: #d54943;
}

input:focus + .toggleControl {
    box-shadow: 0 0 1px #d54943;
}

input:checked + .toggleControl:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.pg-tooltip-white {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: #fff;
    font-size: 10px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.form-group {
    margin-bottom: 1.2rem;
}

.form-control {
    height: 42px;
}

.bg-gray {
    background-color: #f0f0f0;
}

.bg-teal {
    background-color: #3ba1b5;
    color: #fff;
}

.bg-dark-teal {
    background-color: #338595;
    color: #fff;
}

.bg-choclate {
    background-color: #3d1c11;
}

.bg-black {
    background-color: #000;
}

.color-orange {
    color: #d54943;
}

a.color-orange:hover {
    color: #d54943;
}

.color-teal {
    color: #3ba1b5;
}

.color-green {
    color: #1c5423;
}

.header, .header-mobile {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
    background-color: #fff;
    height: 100px;
    will-change: height;
    padding: 20px 0;
}

    .header.header--sticky, .header-mobile.header--sticky {
        height: 80px;
        padding: 5px 0;
    }

        .header.header--sticky .header-desktop--phone-number p, .header-mobile.header--sticky .header-desktop--phone-number p {
            margin-bottom: 0;
        }

.header--nav-items {
    display: flex;
    list-style-type: none;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
}

    .header--nav-items [aria-expanded="true"] .fa:before {
        content: "";
    }

    .header--nav-items [aria-expanded="false"] .fa:before {
        content: "";
    }

.header--login--state--wrapper {
    padding-top: 10px;
}

    .header--login--state--wrapper a {
        padding-bottom: 10px;
        font-size: 1rem;
    }

.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.pw-myaccount-header--wrapper {
    align-items: center;
    justify-content: space-between;
    text-align: left;
    display: flex;
}

.header--wrapper-no-padding {
    padding: 10px 0;
}

.header--logo-wrapper {
    margin-bottom: 15px;
    width: 170px;
}

@media(min-width:1200px) {
    .header--logo-wrapper {
        width: 255px;
    }
}

.header--logo-wrapper img {
    width: 170px;
}

@media(min-width:1200px) {
    .header--logo-wrapper img {
        width: 255px;
    }
}

.header--logo-wrapper, .header--navbar-container {
    margin-right: 12px;
}

@media(min-width:1440px) {
    .header--logo-wrapper, .header--navbar-container {
        margin-right: 25px;
    }
}

.header--login-action-container {
    margin-left: auto;
}

    .header--login-action-container .header--nav-item {
        margin-right: 10px;
    }

        .header--login-action-container .header--nav-item .hero_banner--action-button {
            width: 186px;
            padding: 8px 0;
        }

    .header--login-action-container .header--nav-item--estimate {
        margin-right: 0;
    }

.header--nav-link {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    padding: 16px 8px;
}

@media(min-width:992px) {
    .header--nav-link {
        padding: 16px 6px;
    }
}

@media(min-width:1200px) {
    .header--nav-link {
        padding: 16px 6px;
        font-size: 1.2em;
    }
}

.header--nav-link:hover {
    color: #d54943;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: #d54943;
}

.header--nav-link i {
    padding-left: 5px;
}

.header--nav-link.active {
    color: #d54943;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: #d54943;
}

.header--nav-item--login {
    margin-right: 15px;
}

.header-mobile--container {
    display: flex;
    align-items: center;
}

.header-mobile {
    height: 100px;
    padding: 20px 0;
}

    .header-mobile.header--sticky {
        height: 60px;
        padding: 2px 0;
    }

.header-mobile--menu-toggle-wrapper {
    flex: 1 1 5px;
}

.header-mobile--logo-wrapper {
    padding: 0 5px;
    text-align: center;
}

    .header-mobile--logo-wrapper .header-mobile--logo {
        max-width: 180px;
        margin-bottom: 8px;
    }

.header-mobile--login-action-wrapper {
    flex: 1 1 75px;
}

.header-mobile--sidepane {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
    overflow-y: scroll;
    display: none;
}

@media(min-width:992px) {
    .header-mobile--sidepane {
        display: none;
    }
}

.header-mobile--sidepane-content {
    width: 300px;
    background: #000;
    height: inherit;
    padding: 32px;
}

.header-mobile--action-button {
    width: 100%;
}

.header-mobile--action-button--bam {
    background-color: #fff;
}

    .header-mobile--action-button--bam:hover {
        background-color: #d54943;
        color: #fff;
    }

.header-mobile--nav-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    margin-top: 30px;
}

.header-mobile--nav-link {
    color: #fff;
    font-size: 24px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    display: block;
}

.desktopView {
    display: none;
}

@media(min-width:992px) {
    .desktopView {
        display: block;
    }
}

@media(min-width:992px) {
    .desktopView .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width:1200px) {
    .desktopView .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.mobileView {
    display: block;
}

@media(min-width:992px) {
    .mobileView {
        display: none;
    }
}

.header--modal--content {
    padding: 26px;
    border-bottom: none;
}

.header-form--form-element--input {
    flex: 1 1 67%;
    padding-top: 30px;
}

.header-form--form {
    padding: 45px 20px;
}

.header--modal-footer {
    text-align: center;
}

@media(min-width:992px) {
    .header--modal-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f0f0f0;
        padding: 10px;
    }
}

.header--modal--content {
    padding: 25px;
    padding-bottom: 0;
}

#exampleModalLongTitle {
    padding-bottom: 20px;
}

.modal--footer-text {
    text-align: center;
    font-weight: 500;
    padding-top: 20px;
}

.modal--footer-button {
    margin-top: 10px;
}

.custom-member-input-icon, .custom-key-input-icon {
    position: absolute;
    top: -4px;
    z-index: 9;
    left: 10px;
}

.header--dropdown-wrapper {
    position: absolute;
}

    .header--dropdown-wrapper li {
        padding: 8px;
        background-color: #e8e8e8;
    }

        .header--dropdown-wrapper li a {
            color: #000;
            font-size: .9rem;
            font-weight: 700;
        }

            .header--dropdown-wrapper li a:hover {
                color: #d54943;
            }

.signup-modal .signup-modal-content {
    background-color: #fff;
    text-align: center;
}

    .signup-modal .signup-modal-content img {
        max-width: 400px;
    }

    .signup-modal .signup-modal-content .signup-modal--subheading {
        margin: 12px auto;
        background-color: #fff;
        text-align: center;
    }

@media(min-width:1200px) {
    .signup-modal .signup-modal-content .signup-modal--subheading {
        margin: 1rem auto;
    }
}

.signup-modal .signup-modal-content .signup-modal--subheading h1 {
    font-size: 1.2rem;
    color: #000;
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper h2 {
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 16px 8px;
}

@media(min-width:1200px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper h2 {
        font-size: 1.4rem;
    }
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-heading {
    background-color: #3ba1b5;
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper {
    background-color: #fff;
    margin-top: 12px;
    text-align: center;
}

@media(min-width:768px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper {
        max-width: 700px;
        margin: 12px auto;
    }
}

@media(min-width:992px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper {
        max-width: 730px;
        margin: 12px auto;
    }
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options {
    display: flex;
}

    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:first-child {
        flex: 0 25%;
        text-align: right;
        margin: 0 0 0 12px;
    }

@media(min-width:768px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:first-child {
        flex: 0 20%;
    }
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:first-child img {
    width: 44px;
    padding: 16px 0;
}

@media(min-width:992px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:first-child img {
        padding: 5px 0;
    }
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:first-child .img-piggy-bank {
    padding: 0 0 8px 0;
}

.signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:last-child {
    flex: 0 75%;
    margin-left: 24px;
    padding: 8px 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
}

@media(min-width:768px) {
    .signup-modal .signup-modal-content .signup-modal-join-pw-wrapper .signup-modal-join-pw-options-wrapper .signup-modal-join-pw-options p:last-child {
        flex: 0 80%;
        padding: 16px 2px;
    }
}

.signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper {
    background-color: #fff;
    padding-bottom: 12px;
}

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-our-guarantee-heading {
        background-color: #3ba1b5;
    }

        .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-our-guarantee-heading h3 {
            font-size: 1.2rem;
            font-weight: 400;
            color: #fff;
            padding: 16px 8px;
            text-align: center;
        }

            .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-our-guarantee-heading h3 span {
                font-weight: 700;
                display: block;
            }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-choose-pw-plan-wrapper h4 {
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        margin-bottom: 16px;
    }

@media(min-width:992px) {
    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-choose-pw-plan-wrapper h4 {
        margin-top: 12px;
        margin-bottom: 20px;
    }
}

.signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper {
    display: flex;
    background-color: #fff;
    text-align: center;
    justify-content: center;
    margin: auto;
}

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper img {
        width: 30px;
        position: relative;
        right: -255px;
        height: 42px;
    }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper div {
        flex: 0 50%;
        max-width: 120px;
        padding: 8px 20px;
        max-height: 120px;
    }

        .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper div p {
            margin-bottom: 0;
        }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-monthly-info {
        background-color: rgba(59,161,181,.2);
        margin-right: 8px;
        border-radius: 8px;
        filter: drop-shadow(2px 2px 4px rgba(0,0,0,.1));
    }

        .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-monthly-info a {
            text-decoration: none;
        }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-annual-info {
        background-color: rgba(239,91,78,.2);
        margin-left: 8px;
        border-radius: 8px;
        filter: drop-shadow(2px 2px 4px rgba(0,0,0,.1));
    }

        .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-annual-info a {
            text-decoration: none;
        }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-occuring {
        font-size: 1rem;
    }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-price {
        font-weight: 700;
        font-size: 1.3rem;
    }

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-monthly-annual-wrapper .signup-modal-save-price {
        color: #3ba1b5;
        font-weight: 500;
        font-size: 1rem;
    }

.signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-faq-section {
    text-align: center;
    margin: 12px 8px;
}

    .signup-modal .signup-modal-content .signup-modal-our-guarantee-wrapper .signup-modal-faq-section a {
        color: #3ba1b5;
        font-weight: 500;
    }

.signup-modal-cta {
    text-align: center;
    background-color: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

@media(min-width:992px) {
    .signup-modal-cta {
        padding-bottom: 4px;
    }
}

.signup-modal-cta a {
    width: 100%;
    border-radius: 0;
}

@media(min-width:992px) {
    .signup-modal-cta a {
        width: 90%;
        border-radius: 8px;
    }
}

@media(min-width:1200px) {
    .header .container {
        max-width: 1200px;
    }
}

@media(min-width:1440px) {
    .header .container {
        max-width: 1240px;
    }
}

.header--nav-link.header-mobile--phone-number {
    color: #000;
}

    .header--nav-link.header-mobile--phone-number:hover, .header--nav-link.header-mobile--phone-number:active {
        color: #d54943;
    }

    .header--nav-link.header-mobile--phone-number i {
        position: relative;
        top: 2px;
        font-size: 20px;
        color: #3ba1b5;
    }

        .header--nav-link.header-mobile--phone-number i:hover, .header--nav-link.header-mobile--phone-number i:active {
            color: #d54943;
        }

@media(min-width:992px) {
    .header--nav-link.header-mobile--phone-number {
        font-size: 1.1rem;
    }
}

@media(min-width:1200px) {
    .header--nav-link.header-mobile--phone-number {
        font-size: 1.4rem;
    }
}

.header-desktop--phone-number p {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: .3rem;
    text-align: right;
    margin-right: 12px;
}

    .header-desktop--phone-number p a {
        color: #000;
        font-weight: 500;
        font-size: 1.2rem;
    }

.signup-modal-monthly-info:focus, .signup-modal-annual-info:focus {
    outline-color: #3ba1b5;
    box-shadow: 0 0 3px #3ba1b5;
}

::ng-deep .custom-safari-nav {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.footer {
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 10px 0;
}

p.footer--links-copyright {
    color: #fff !important;
    font-size: 16px;
}

.text-primary-hover a {
    color: #fff;
    text-decoration: underline;
    font-family: Barlow,Arial,Open Sans,Helvetica,sans-serif;
}

    .text-primary-hover a:hover {
        color: #fff;
    }
button.orange-bg-btn{
    background: var(--btn-background-orange) !important;
    color: var(--font-white-color);
    font-weight: 600;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    border: none;
}
a.social-share-item:hover i {
    color: #fff;
}

@media(min-width:992px) {
    .footer {
        padding: 30px 0;
    }
}

@media(min-width:1200px) {
    .footer .container {
        max-width: 1200px;
    }
}

@media(min-width:768px) {
    .footer .container .col-md-2, .footer .container .col-md-3 {
        padding: 0;
    }
}

.footer .pg-error--message--wrapper {
    padding: 5px 0 15px 0;
}

    .footer .pg-error--message--wrapper .pg-error--message {
        color: #fff;
    }

#emailModalLongTitle {
    font-weight: 600;
    font-size: 1.65rem;
}

.footer--links-headline {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 3px solid #d54943;
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    width: 85px;
}

.footer--links-text {
    font-weight: 500;
    font-size: 13px;
}

@media(min-width:375px) {
    .footer--links-text {
        font-size: 16px;
    }
}

@media(min-width:992px) {
    .footer--links-text {
        font-size: 18px;
    }
}

.footer--social-media-row {
    text-align: center;
    flex-direction: column-reverse;
}

@media(min-width:992px) {
    .footer--social-media-row {
        text-align: left;
        flex-direction: row-reverse;
    }
}

.footer--links-headline, .footer--subscription-headline {
    color: #fff;
    margin-top: 50px;
}

@media(min-width:992px) {
    .footer--links-headline, .footer--subscription-headline {
        margin-top: 0;
    }
}

.footer--subscription-headline {
    font-size: 22px;
    margin-bottom: 20px;
}

.footer--links-container {
    list-style-type: none;
    color: #fff;
    padding: 0;
    margin: 0;
}

    .footer--links-container a {
        color: #fff;
    }

.footer--form-elements .pg-input, .footer--form-elements .pg-button {
    width: auto;
    display: inline-block;
    border-width: 1px;
}

.footer--form-elements .pg-input {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    border-right-width: 0;
}

.footer--form-elements .pg-select, .footer--form-elements .pg-button {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    border-left-width: 0;
}

@media(min-width:992px) {
    .footer--form-elements .pg-input, .footer--form-elements .pg-button {
        width: auto;
        display: inline-block;
        border-width: 1px;
    }

    .footer--form-elements .pg-input {
        -webkit-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        border-radius: 8px 0 0 8px;
        border-right-width: 0;
    }

    .footer--form-elements .pg-select, .footer--form-elements .pg-button {
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
        border-left-width: 0;
    }
}

.footer--form-elements .footer--input, .footer--form-elements .footer--action-button {
    padding: 16px;
    max-width: 50%;
}

.footer--links-copyright, .footer--links-puct, .footer--links-termsofuse > a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

    .footer--links-puct a {
        color: #fff;
        text-decoration: underline;
    }

.footer--links-termsofuse > a {
    text-decoration: underline;
}

.footer--social-media-row {
    align-items: center;
    margin-top: 30px;
}

    .footer--social-media-row p {
        margin-bottom: 0;
    }

.footer--social-links {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}

@media(min-width:992px) {
    .footer--social-links {
        justify-content: flex-start;
    }
}

.footer--social-links > li {
    margin-right: 10px;
}

.footer--security-image {
    margin-top: 15px;
}

.footer--subscription-modal--content {
    padding: 36px;
}

.footer--subscription-modal, .footer--invalidEmail-modal {
    background-color: rgba(0,0,0,.95);
}

.social-share-item {
    border-radius: 999px;
    margin: 0 .25rem;
    background: #d54943;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

    .social-share-item:hover {
        text-decoration: none;
    }

.footer-phone-number {
    margin-left: -18px;
}

    .footer-phone-number i {
        margin-right: 3px;
    }

.footer-call-center-hours {
    margin-top: 5px;
}

    .footer-call-center-hours p {
        font-size: .8rem;
        font-weight: 500;
        color: #fff;
        margin: 0;
    }

@media(min-width:375px) {
    .footer-call-center-hours p {
        font-size: .9rem;
    }
}

@media(min-width:768px) {
    .footer-call-center-hours p {
        font-size: .7rem;
    }
}

@media(max-width:768px) {
    .pw-sp-plan-duration-wrapper, .pw-sp-plan-name-wrapper.plan-list-recommended img, .pw-sp-true-energy-wrapper {
        display: block;
    }

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper, .pw-sp-view-plans-button-wrapper {
        text-align: left;
    }

    .row.pw-selected-plan-wrapper {
        display: block;
        text-align: center;
    }

    .pw-myaccount-enrollme-etf-amount {
        list-style-type: none !important;
    }
}

@media(min-width:1200px) {
    .footer-call-center-hours p {
        font-size: 1.1rem;
    }
}

.footer-call-us {
    margin-top: 10px;
    border: 1px solid #fff;
    max-width: 90px;
}

    .footer-call-us a {
        padding: 8px;
    }

.pw-myaccount-diy-membership-tracker-wrapper .card {
    border: none;
}

.pw-myaccount-diy-membership-tracker-wrapper .card-body {
    border-radius: 16px;
}

.progress-bar {
    margin: 20px auto;
    padding: 0;
    width: 90%;
    height: 20px;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
}

.bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background-color: #89c7d3;
    flex: none;
}

.pw-myaccount-mobile-nav-wrapper {
    width: 100%;
}

    .pw-myaccount-mobile-nav-wrapper ul {
        display: flex;
        background-color: #89c7d3;
    }

        .pw-myaccount-mobile-nav-wrapper ul li {
            flex: 0 50%;
            text-align: center;
            padding: 8px 4px;
            cursor: pointer;
        }

.pw-myaccount-dashboard-mobile-tab.active, .pw-myaccount-plans-mobile-tab.active {
    font-weight: 700;
    border-bottom: 3px solid #338595;
}

@media(min-width:992px) {
    .top-spacing {
        margin-top: 10rem;
    }
}

.pw-myaccount-desktop-wrapper {
    padding-top: 24px;
}

@media(min-width:992px) {
    .pw-myaccount-desktop-wrapper {
        display: flex;
        justify-content: space-between;
    }
}

@media(min-width:992px) {
    .pw-myaccount-dashboard-plans-wrapper {
        flex: 0 75%;
    }
}

.pw-myaccount-dashboard-rightside-wrapper {
    padding: 5px 16px;
}

@media(min-width:992px) {
    .pw-myaccount-dashboard-rightside-wrapper {
        flex: 0 25%;
        padding-left: 15px;
    }
}



@media(min-width:992px) {
    .pw-myaccount-plans-wrapper {
        display: block;
    }
}

.pw-myaccount-product-comparision-table {
    max-width: 100%;
}

@media(min-width:992px) {
    .pw-myaccount-product-comparision-table {
        display: block;
    }
}

.table-bordered thead .pw-myaccount-first-node-highlight {
    border: 2px solid #3ba1b5;
    border-bottom: none;
}

.table-bordered td {
    font-size: .9rem;
}

    .table-bordered td.pw-myaacount-middle-node-hightlight {
        border-right: 2px solid #3ba1b5;
        border-left: 2px solid #3ba1b5;
    }

    .table-bordered td.pw-myaacount-end-node-highlight {
        border: 2px solid #3ba1b5;
        border-top: none;
    }

    .table-bordered td a {
        color: #000;
        font-weight: 500;
        text-decoration: underline;
    }

.pw-show-plans-header-wrapper {
    width: 100%;
    margin-top: 75px;
    text-align: center;
}

.pw-title-heading-wrapper {
    width: 100%;
    background-color: #338595;
    display: flex;
    justify-content: space-between;
    border: 1px solid #338595;
    border-radius: 15px 15px 0 0;
    height: 60px;
}

    .pw-title-heading-wrapper .pw-view-type-wrapper {
        text-align: right;
        padding: 6px 12px;
        color: #fff;
    }

    .pw-title-heading-wrapper .pw-toggle-switch-wrapper {
        font-size: 1.2rem;
        color: #fff;
        padding-left: 16px;
    }

.pw-card-header .card {
    border: 2px solid #e6e6e6;
    border-radius: 20px;
}

.pw-card-header .card-body h4 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.pw-card-header .card-body .pw-card-price {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.pw-card-header .card-body .pw-card-details-list {
    text-align: left;
    margin: auto;
    max-width: 155px;
    padding-left: 34px;
}

    .pw-card-header .card-body .pw-card-details-list li {
        list-style-type: disc;
    }

.pw-card-header .card-body .pw-avg-cost-section {
    padding-top: 16px;
}

    .pw-card-header .card-body .pw-avg-cost-section p {
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: .8rem;
    }

@media(min-width:1200px) {
    .pw-card-header .card-body .pw-avg-cost-section p {
        font-size: 1rem;
    }
}

.pw-card-header .card-body .pw-avg-cost-section h6 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

@media(min-width:992px) {
    .pw-card-header .card-body .pw-avg-cost-section h6 {
        font-size: 1.4rem;
    }
}

.pw-card-header .card-body .pw-estimate-bill-link a {
    font-size: .8rem;
    color: #338595;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: #3ba1b5;
    font-weight: 500;
}

.pw-sp-list-details {
    list-style: disc;
    padding-left: 16px;
}

.page-item.prev a i:before, .page-item.next a i:before {
    color: #fff;
    font-weight: 900;
}

.page-item {
    padding: 0 2px;
}

    .page-item a {
        background-color: #338595;
        border: none;
        color: #fff;
    }

    .page-item.active .page-link {
        background-color: #fff;
        color: #338595;
        border-radius: 8px;
    }

    .page-item.disabled .page-link {
        background-color: transparent;
    }

        .page-item.disabled .page-link i:before {
            color: #c4c4c4;
        }

.pw-list-per-page-wrapper span {
    color: #fff;
    padding-right: 4px;
}

.pw-list-per-page-wrapper select {
    display: inline-block;
    padding: .25rem;
    max-width: 56px;
    border-radius: 8px;
    height: 32px;
    font-weight: 500;
}

    .pw-list-per-page-wrapper select option {
        font-weight: 500;
    }

.pw-sorting-wrapper select {
    display: inline-block;
    padding: .25rem;
    max-width: 205px;
    border-radius: 8px;
    height: 32px;
    font-weight: 500;
}

    .pw-sorting-wrapper select option {
        font-weight: 500;
    }

.pw-card-list-wrapper {
    color: #fff;
    padding-right: 22px;
    padding-top: 4px;
}

    .pw-card-list-wrapper span i {
        font-size: 24px;
    }

.pw-filter-wrapper h4 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
}

.pw-filter-wrapper button {
    float: right;
}

.pw-filter-user-options i:before {
    color: #000;
}

.pw-show-plans-pg {
    border-top: 1px solid #000;
}

@media (min-width:1200px) {
    .autocomplete-items {
        position: relative;
        border: 1px solid #f0f0f0;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 120.7%;
        min-height: 100px;
        max-height: 250px;
        overflow-y: scroll;
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    .autocomplete-items {
        position: relative;
        border: 1px solid #f0f0f0;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 56%;
        min-height: 100px;
        max-height: 250px;
        overflow-y: scroll;
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .autocomplete-items {
        position: relative;
        border: 1px solid #f0f0f0;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 83%;
        min-height: 100px;
        max-height: 250px;
        overflow-y: scroll;
        width: 100%;
    }

    .pw-myaccount-leftside-wrapper {
        width: 90% !important;
        margin: 0 auto;
    }

    .refer-friend-two .col-sm-6:first-of-type {
        border: none;
    }

    div#diy ul.nav.nav-pills {
        padding-left: 25px;
    }

    .pw-list-per-page-wrapper span, .pw-sorting-wrapper.d-none.d-xl-inline-block, .pw-list-per-page-wrapper {
        display: none;
    }

    .pw-sp-plan-name-wrapper.plan-list-recommended .pw-sp-view-plans-button-wrapper {
        border: none;
    }

    .equal-width {
        width: 100%;
    }

    .mobile-none {
        display: none !important;
    }

    .pw-sp-true-energy-wrapper.desktop-none {
        width: 33%;
        display: block;
        float: left;
    }

    .pw-sp-plan-duration-wrapper {
        width: 33%;
        float: left;
        display: block !important;
    }

    .pw-sp-list-details li {
        list-style: none;
        font-size: 14px;
    }

    ul.pw-sp-list-details {
        padding: 0;
        margin: 0;
    }

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-actual-price-text {
        font-size: 20px !important;
    }

    .pw-sp-plan-name-wrapper {
        display: inline-block !important;
    }

    .pw-sp-view-plans-button-wrapper {
        border-bottom: none !important;
    }

    .pw-sp-view-plans-button-wrapper {
        float: left;
        width: 33%;
    }

        .pw-sp-view-plans-button-wrapper button {
            padding: 8px;
        }

    .pw-sp-plan-name-wrapper {
        border: 1px solid #eee;
        border-bottom: none;
    }

        .pw-sp-plan-name-wrapper:last-of-type {
            border-bottom: 1px solid #eee;
        }

        .pw-sp-plan-name-wrapper div:first-of-type {
            display: flex !important;
            justify-content: space-between;
            padding: 0 10px;
            flex-direction: row-reverse;
        }

    .pw-sp-true-energy-wrapper.desktop-none div {
        display: block !important;
    }

    .pw-sp-plan-name-text {
        padding: 0 !important;
    }

    .solar-tile .col-sm-12 {
        padding: 0;
    }

    .solar-tile-two {
        padding: 0;
        margin-bottom: 20px;
    }

    .solar-tile-one {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:640px) {
    .refer-friend-two .card {
        min-height: 815px;
    }
}

@media screen and (max-width:400px) {
    .autocomplete-items {
        position: relative;
        border: 1px solid #f0f0f0;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 104%;
        min-height: 100px;
        max-height: 250px;
        overflow-y: scroll;
        width: 100%;
    }
}


.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

    .autocomplete-items div:hover {
        background-color: #89c7d3;
    }

.autocomplete-active {
    background-color: #3ba1b5;
    color: #fff;
}

.autocompletedisplay {
    margin: 12px auto;
}

.autocomplete-itemsdisplay {
    position: absolute;
    border: 1px solid #f0f0f0;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 52%;
    min-height: 100px;
    max-height: 250px;
    overflow-y: scroll;
    width: 94%;
}

@media (min-width:768px) {
    .autocomplete-itemsdisplay {
        top: 62%;
    }
}

.autocomplete-itemsdisplay div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

    .autocomplete-itemsdisplay div:hover {
        background-color: #89c7d3;
    }

.autocomplete-itemsdisplay {
    background-color: #3ba1b5;
    color: #000;
}

@media(min-width:992px) {
    .pw-sp-bind-data-wrapper {
        min-height: 1250px;
    }
}

.pw-sp-plan-name-wrapper {
    display: block;
    padding: 16px 4px;
}

@media(min-width:992px) {
    .pw-sp-plan-name-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #d3d3d3;
    }
}

.pw-sp-plan-name-wrapper:last-child {
    border-bottom: none;
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper {
    text-align: center;
    line-height: 1.7;
}

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper span {
        display: block;
    }

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-tru-price-text {
        text-transform: uppercase;
        font-size: .8rem;
        font-weight: 700;
    }

@media(min-width:768px) {
    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-tru-price-text {
        font-size: 1rem;
    }
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-actual-price-text {
    font-size: 1.8rem;
    font-weight: 900;
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-text {
    text-transform: uppercase;
    font-size: .8rem;
    padding-left: 8px;
}

@media(min-width:768px) {
    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-text {
        font-size: 1rem;
        padding-left: 0;
    }
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-val {
    font-size: 1.2rem;
    font-weight: 700;
}

.pw-sp-plan-name-wrapper .pw-sp-bill-details-link {
    color: #338595;
    margin: auto;
}

    .pw-sp-plan-name-wrapper .pw-sp-bill-details-link a {
        cursor: pointer;
        font-size: .8rem;
        font-weight: 500;
        text-decoration: underline;
    }

.pw-sp-provider-button-wrapper {
    margin: 32px auto 24px auto;
    text-align: center;
}

.pw-sp-card-blur-logo-wrapper {
    width: 100%;
    text-align: center;
}

.pw-sp-plan-name-text {
    font-size: .8rem;
    width: 100%;
    max-width: 250px;
}

.pw-sp-filter-wrapper {
    color: #fff;
    padding-right: 16px;
}

    .pw-sp-filter-wrapper i {
        font-weight: 900;
    }

.pw-sliding-filter-wrapper-diy {
    display: none;
}

@media(min-width:1200px) {
    .pw-sliding-filter-wrapper-diy {
        display: block;
        position: relative;
        bottom: 1180px;
        max-width: 290px;
        padding-left: 5px;
        padding-right: 46px;
    }
}

@media(min-width:1200px) {
    .pw-sliding-filter-wrapper-diy.customer-filter-height {
        top: -1200px;
    }
}

.pw-sliding-filter-wrapper-diy.slide-to-left {
    position: absolute;
    width: auto;
    height: 100%;
    top: 25%;
    right: 0;
    display: block;
    padding: 12px;
    overflow: visible;
    background-color: #fff;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards;
}

@keyframes slide-in {
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateX(0%);
    }
}

.pw-sp-logo-mobile-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
}

@media(min-width:992px) {
    .pw-sp-logo-mobile-wrapper {
        border: none;
        flex: 0 50%;
    }
}

.pw-sp-plan-duration-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 16px 4px 0 4px;
    border-bottom: 1px solid #f0f0f0;
}

@media(min-width:992px) {
    .pw-sp-plan-duration-wrapper {
        display: block;
        border: none;
    }
}

.pw-sp-view-plans-button-wrapper {
    text-align: right;
    padding: 12px 4px;
    border-bottom: 2px solid #000;
}

@media(min-width:992px) {
    .pw-sp-view-plans-button-wrapper {
        border: none;
    }
}

.pw-sp-true-energy-wrapper {
    display: flex;
    flex: 0 50%;
    justify-content: space-between;
}

@media(min-width:992px) {
    .pw-sp-true-energy-wrapper {
        display: block;
    }
}

.pw-sp-close-filter button {
    background-color: transparent;
    border: none;
    font-size: 2rem;
    font-weight: 700;
}

@media(min-width:992px) {
    .pw-sp-bind-data-wrapper {
        min-height: 1250px;
    }
}

.pw-myaccount-leftside-wrapper {
    flex: 0 75%;
}

@media(min-width:1200px) {
    .pw-myaccount-list-items-wrapper {
        max-width: 550px;
        float: right;
        width: 100%;
        height: 1180px;
        overflow-y: auto;
    }
}

.header-border {
    border-bottom: 2px solid #f0f0f0;
}

    .header-border .nav-link {
        color: #000;
    }

    .header-border .dropdown-menu {
        background-color: #f8f8f9;
        padding: 0;
        border: none;
    }

        .header-border .dropdown-menu .dropdown-item {
            border-bottom: 1px solid #d3d3d3;
        }

            .header-border .dropdown-menu .dropdown-item:last-child {
                border-bottom: none;
            }

.modal-open .modal {
    background-color: rgba(0,0,0,.8);
}

.plan-list-recommended {
    border: 2px solid #d54943;
    border-radius: 16px;
    padding: 16px;
}

    .plan-list-recommended .best-card-list {
        position: absolute;
        top: 17px;
        right: 31px;
        transform: translate(29.29%,-100%) rotate(45deg);
        color: #fff;
        text-align: center;
        width: 95px;
        transform-origin: bottom left;
        padding: 5px 0 calc(8px + 5px);
        background: linear-gradient(rgba(0,0,0,.3) 0 0) bottom/100% 8px no-repeat #d54943;
        clip-path: polygon(0 100%,0 calc(100% - 8px),50% calc(100% - 8px - 80px/2),100% calc(100% - 8px),100% 100%,calc(100% - 8px) calc(100% - 8px),8px calc(100% - 8px));
    }

.pw-myaccount-diy-reminder-wrapper .card {
    border-radius: 16px;
}

    .pw-myaccount-diy-reminder-wrapper .card .card-header {
        border-radius: 16px 16px 0 0;
    }

    .pw-myaccount-diy-reminder-wrapper .card .card-body {
        padding: 12px 12px 4px 12px;
    }

.pw-myaccount-tru-pice-text {
    font-size: 2rem;
    font-weight: 900;
}

.pw-myaccount-avg-cost {
    font-size: 1.6rem;
    font-weight: 700;
}

label {
    font-size: .8rem;
}

.form-group {
    margin-bottom: .9rem;
}

.pw-reminder-plan-name {
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
}

.pw-reminder-effective-rate {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0;
}

.pw-renew-reminder-button {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

.pw-avg-plans-table-section table thead {
    background-color: #89c7d3;
    border: none;
}

    .pw-avg-plans-table-section table thead tr {
        font-size: .8rem;
    }

.pw-myaccount-usage-wrapper {
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    border-top: none;
}

    .pw-myaccount-usage-wrapper .card {
        border: none;
    }

    .pw-myaccount-usage-wrapper .card-header {
        border-radius: 12px 12px 0 0;
    }

    .pw-myaccount-usage-wrapper .card-body {
        padding: 12px;
        border-radius: 0 0 16px 16px;
    }

    .pw-myaccount-usage-wrapper h6 {
        font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
        font-size: 12px;
        text-align: center;
        margin-bottom: 0;
    }

label#graph_avgusage, label#graph_annualusage {
    margin-bottom: 0;
    font-size: 12px;
}

.pw-myaccount-forecast-heading {
    font-size: .9rem;
    color: #fff;
    margin-bottom: 0;
}

.accordian-usage-myaccount {
    cursor: pointer;
}

    .accordian-usage-myaccount:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

    .accordian-usage-myaccount.collapsed:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

.pw-selected-plan-wrapper {
    justify-content: space-between;
    padding: 5px;
}

.pw-myaccount-enrollme-price-cost-wrapper {
    line-height: 2rem;
}

.pw-myaccount-enrollme-plan {
    margin-top: 16px;
    border-radius: 12px;
}

@media(min-width:992px) {
    .pw-myaccount-enrollme-plan {
        min-height: 390px;
        margin: auto;
    }

    div#savings-section, div#forecast_body, div#member-benifit {
        min-height: 300px;
    }
}

@media(min-width:1200px) {
    .pw-myaccount-enrollme-plan {
        min-height: 380px;
    }
}

div#diy .card {
    border-radius: 15px;
}

div#diy .card-header:first-child {
    border-radius: 15px 15px 0 0;
}

.pw-myaccount-enrollme-etflinks a {
    color: #000;
    text-decoration: underline;
    font-size: .9rem;
    padding-right: 4px;
}

.pw-myaccount-tru-price-txt {
    font-size: 1.2rem;
}

.pw-myaccount-enrollme-etf-amount {
    font-size: 1rem;
    list-style-type: disc;
    line-height: 2rem;
}

.pw-myaccount-tru-price-val {
    font-size: 2.6rem;
    font-weight: 700;
}

.pw-myaccount-avg-cost-txt {
    font-size: .8rem;
    font-weight: 700;
}

.pw-myaccount-avg-cost-val {
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
}



@media(min-width:992px) {
    .pw-bill-view-plans-wrapper {
        margin-top: 50px;
    }
}

.pw-myaccount-enrollme-pg-wrapper {
    margin: 2rem auto 6rem auto;
}

.custom-card-borders .card {
    border-radius: 12px;
    border: none;
}

    .custom-card-borders .card .card-header {
        border-radius: 12px 12px 0 0;
    }

.custom-padding {
    padding: 6px;
}

@media(min-width:992px) {
    .custom-padding {
        padding-right: 0;
    }
}

.pw-myaccount-enrollme-est-sav-contract-term {
    text-align: center;
}

    .pw-myaccount-enrollme-est-sav-contract-term h6 {
        font-size: .8rem;
        margin-bottom: 0;
        font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    }

    .pw-myaccount-enrollme-est-sav-contract-term p {
        font-size: 1.4rem;
    }

.pw-myaccount-enrollme-est-sav-tru-price-avg-wrapper {
    background-color: #eff9fa;
    text-align: center;
    padding: 6px 2px;
}

    .pw-myaccount-enrollme-est-sav-tru-price-avg-wrapper h4 {
        font-size: .8rem;
        margin-bottom: 0;
        color: #3ba1b5;
        font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    }

    .pw-myaccount-enrollme-est-sav-tru-price-avg-wrapper p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

.pw-myaccount-full-serv-add {
    margin-top: 16px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    font-size: 1.8rem;
}

.pw-myaccount-enrollme-est-savings-section .card-body {
    padding: 16px 8px;
    border: 1px solid #eee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.make-difference p {
    color: #338595;
}

.pw-myaccount-enrollme-est-savings-section p {
    font-size: .9rem;
    color: #000;
    margin-bottom: 0;
}

.accordian-savings {
    cursor: pointer;
}

    .accordian-savings:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

    .accordian-savings.collapsed:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

.accordion-poa, .accordion-cc-freeze {
    cursor: pointer;
    color: #000;
}

    .accordion-poa:after, .accordion-cc-freeze:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

    .accordion-poa.collapsed:after, .accordion-cc-freeze.collapsed:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

.pw-red-alert-banner {
    position: relative;
    background-color: rgba(251,216,214,.4);
    padding-left: 0;
}

    .pw-red-alert-banner .alert-banner {
        position: absolute;
        height: 100%;
        width: 50px;
        background-color: #d54943;
        color: #fff;
        padding-top: 16px;
        text-align: center;
    }

.pw-alert-banner-section {
    padding-left: 60px;
}

    .pw-alert-banner-section p {
        font-size: 1.2rem;
        font-weight: 700;
        width: 100%;
        padding: 12px;
        margin-bottom: 0;
    }

.pw-myaccount-poa-section p {
    font-size: 1rem;
    font-weight: 500;
    max-width: 760px;
}

.pw-myaccount-poa-checkbox-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-myaccount-poa-checkbox-wrapper {
        display: flex;
        justify-content: space-between;
    }
}

.pw-myaccount-poa-checkbox-wrapper .pg-input-checkbox-text {
    font-size: .9rem;
}

.pw-myaccount-cc-freeze-input-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-myaccount-cc-freeze-input-wrapper {
        display: flex;
        justify-content: space-around;
        padding: 8px 4px 32px 4px;
    }
}

.pw-myaccount-cc-freeze-input-wrapper .cc-input {
    max-width: 300px;
}

.pw-myaccount-cc-freeze-input-wrapper .pg-button-hollow-orange {
    background-color: #fff;
}

.pw-enrollme-last-section-wrapper {
    display: block;
    width: 100%;
    padding: 0 15px;
}

@media(min-width:992px) {
    .pw-enrollme-last-section-wrapper {
        display: flex;
        justify-content: space-evenly;
    }
}

.pw-enrolllme-dashboard-left-section-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-enrolllme-dashboard-left-section-wrapper {
        display: flex;
        justify-content: space-evenly;
    }
}

@media(min-width:992px) {
    .pw-enrolllme-dashboard-left-section-wrapper div {
        flex: 0 50%;
    }
}

.pw-enrolllme-dashboard-right-section-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-enrolllme-dashboard-right-section-wrapper {
        display: flex;
        justify-content: space-evenly;
    }
}

.pw-enrolllme-dashboard-right-section-wrapper div.bar {
    flex: none;
}

@media(min-width:992px) {
    .pw-enrolllme-dashboard-right-section-wrapper div {
        flex: 0 50%;
    }
}

@media(min-width:992px) {
    .pw-myaccount-enrollme-markt-val-chart-section {
        padding-left: 12px;
    }
}

@media(min-width:992px) {
    .pw-myaccount-enrollme-usage-chart-section {
        padding-left: 12px;
    }
}

.pw-enroll-me-membership-renew-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
}

.pw-myaccount-enrollme-tracker {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    font-size: 12px;
    line-height: 1em;
    margin: 0 -1px;
    text-align: center;
}

    .pw-myaccount-enrollme-tracker li {
        padding: 10px 30px 10px 40px;
        background: #c4c4c4;
        color: #fff;
        position: relative;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        margin: 0 1px;
        flex: 0 24%;
    }

        .pw-myaccount-enrollme-tracker li:before {
            content: '';
            border-left: 16px solid #fff;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 0;
            left: 0;
        }

        .pw-myaccount-enrollme-tracker li:after {
            content: '';
            border-left: 16px solid #c4c4c4;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 20;
        }

        .pw-myaccount-enrollme-tracker li.active {
            background: #555;
        }

            .pw-myaccount-enrollme-tracker li.active:after {
                border-left-color: #555;
            }

.pw-enroll-me-bottom-cards-wrapper {
    display: block;
    width: 100%;
}

@media(min-width:992px) {
    .pw-enroll-me-bottom-cards-wrapper .flex-child-width {
        flex: 0 25%;
    }

        .pw-enroll-me-bottom-cards-wrapper .flex-child-width:not(:first-of-type) {
            padding-left: 12px;
        }
}

.pw-myaccount-fullservice-add {
    margin-top: 24px;
}

    .pw-myaccount-fullservice-add .card {
        border: 2px solid #f0f0f0;
        border-radius: 16px;
        padding: 12px;
        font-size: 1.5rem;
    }

    .pw-myaccount-fullservice-add .pw-enrollme-full-service-button {
        padding-top: 12px;
        text-align: center;
        width: 100%;
        color: #c4c4c4;
    }

.pw-estimated-details-modal-wrapper .modal-header {
    border-bottom: none;
    padding: 0;
}

.pw-estimated-details-modal-wrapper h2 {
    text-align: center;
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    width: 100%;
}

.pw-estimated-details-modal-wrapper h3 {
    color: #3ba1b5;
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
}

@media(min-width:992px) {
    .pw-estimated-details-modal-wrapper h3 {
        font-size: 1.5rem;
    }
}

.pw-estimated-bill-graph-wrapper {
    width: 100%;
    max-width: 300px;
    height: 200px;
    overflow-x: scroll;
}

@media(min-width:375px) {
    .pw-estimated-bill-graph-wrapper {
        max-width: 100%;
        overflow: hidden;
    }
}

.pw-estimate-bill-modal-header-wrapper {
    display: block;
    padding-bottom: 32px;
    border-bottom: 1px solid #d3d3d3;
}

@media(min-width:992px) {
    .pw-estimate-bill-modal-header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.pw-estimated-pricing-details {
    width: 100%;
    padding: 24px 12px;
}

    .pw-estimated-pricing-details table {
        text-align: center;
    }

        .pw-estimated-pricing-details table th {
            border-top: none;
        }

    .pw-estimated-pricing-details .table-striped tbody tr:nth-of-type(odd) {
        border-top: 1px solid #c4c4c4;
        border-bottom: 2px solid #c4c4c4;
    }

.pw-estimated-bill-modal-list {
    list-style: disc;
    padding-left: 36px;
}

.pw-avg-plans-card-wrapper {
    padding: 0;
}

    .pw-avg-plans-card-wrapper .pw-avg-plans-myaccount-table-section {
        overflow: hidden;
    }

        .pw-avg-plans-card-wrapper .pw-avg-plans-myaccount-table-section thead {
            background-color: #c3d7db;
        }

        .pw-avg-plans-card-wrapper .pw-avg-plans-myaccount-table-section .table-header {
            text-align: center;
        }

            .pw-avg-plans-card-wrapper .pw-avg-plans-myaccount-table-section .table-header tr th {
                font-size: .7rem;
                padding: 12px 2px;
            }

.pw-myaccount-market-val-section {
    background-color: #338595;
}

    .pw-myaccount-market-val-section p {
        color: #fff;
        font-size: .9rem;
        margin-bottom: 0;
    }

.accordian-market-val-chart {
    cursor: pointer;
}

    .accordian-market-val-chart:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

    .accordian-market-val-chart.collapsed:after {
        content: '';
        display: block;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

.pw-avg-rate-best-rate-text-myaccount {
    font-size: 1.4rem;
}

    .pw-avg-rate-best-rate-text-myaccount span {
        position: absolute;
        font-size: .7rem;
        color: #7e7e7e;
        line-height: .8rem;
        margin-top: 6px;
        margin-left: 4px;
    }

.top-spacing {
    margin-top: 8rem;
    margin-bottom: 3rem;
}

.pw-my-account-account-info-body-bg {
    background-color: rgba(250,250,250,.53);
    border-bottom: 2px solid #f0f0f0;
}

.pw-myaccount-account-info-tab-wrapper {
    margin: 24px auto;
}

    .pw-myaccount-account-info-tab-wrapper .fa {
        color: #000;
    }

    .pw-myaccount-account-info-tab-wrapper a.pg-button-teal {
        border-radius: 20px;
    }

        .pw-myaccount-account-info-tab-wrapper a.pg-button-teal:focus .pw-myaccount-account-info-tab-wrapper a.pg-button-teal:hover {
            color: #fff;
        }

    .pw-myaccount-account-info-tab-wrapper a.pg-button-hollow-teal {
        border-radius: 20px;
    }

        .pw-myaccount-account-info-tab-wrapper a.pg-button-hollow-teal:focus .pw-myaccount-account-info-tab-wrapper a.pg-button-hollow-teal:hover {
            color: #3ba1b5;
        }

.pw-myaccount-input-flex-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-myaccount-input-flex-wrapper {
        display: flex;
        justify-content: space-between;
    }
}

.flex-display {
    flex: 0 45%;
}

.pw-account-payment-info-section .table-bordered td, .pw-account-payment-info-section .table-bordered th {
    border: none;
}

.custom-margin-auto {
    margin: auto;
}

.pw-myaccount-accnt-settings-sections-header {
    display: flex;
    justify-content: space-between;
}

.pw-login-card-wrapper {
    padding: 2rem .5rem;
}

    .pw-login-card-wrapper h2, .pw-login-card-wrapper h1 {
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

.pw-login-form-wrapper {
    padding: 0 3rem;
}

.pw-login-button {
    width: 100%;
}

    .pw-login-button button {
        width: 100%;
        padding: 15px 35px;
        background-color: #ef5b4e;
        border-color: #ef5b4e;
        font-weight: 700;
    }

    .pw-login-button a {
        text-align: center;
    }

.pw-login-forgot-password {
    width: 100%;
    text-align: center;
    margin-top: 12px;
}

    .pw-login-forgot-password a {
        text-decoration: underline;
    }

.modal-footer-section {
    display: flex;
    justify-content: space-between;
    padding: 28px 16px;
    background-color: #f0f0f0;
}

    .modal-footer-section div p {
        font-size: .8rem;
        margin-bottom: 0;
        top: 12px;
        position: relative;
    }

    .modal-footer-section div a {
        background-color: #fff;
        padding: 19px 36px;
    }

.pg-form-element-wrapper {
    margin-bottom: 28px;
}

.modal-dialog.custom-width {
    overflow: hidden;
}

@media(min-width:992px) {
    .modal-dialog.custom-width {
        max-width: 750px;
    }
}

.modal-dialog.custom-width .modal-footer {
    border-top: 0;
}

.pw-ms-modal-wrapper {
    display: block;
}

@media(min-width:992px) {
    .pw-ms-modal-wrapper {
        display: flex;
    }
}

.pw-ms-modal-wrapper .pw-ms-img-section, .pw-ms-modal-wrapper .pw-ms-content-section {
    flex: 0 50%;
}

    .pw-ms-modal-wrapper .pw-ms-img-section img, .pw-ms-modal-wrapper .pw-ms-content-section img {
        width: 100%;
        height: 100%;
    }

        .pw-ms-modal-wrapper .pw-ms-img-section img.pw-actual-img-section, .pw-ms-modal-wrapper .pw-ms-content-section img.pw-actual-img-section {
            width: 25px;
            height: 25px;
        }

.pw-ms-modal-wrapper .pw-ms-content-section {
    padding: 10px;
}

@media(min-width:992px) {
    .pw-ms-modal-wrapper .pw-ms-content-section {
        padding: 12px;
    }
}

.pw-ms-modal-wrapper .pw-ms-content-section .pw-close-button {
    position: absolute;
    right: 20px;
    top: 12px;
}

.pw-ms-modal-wrapper .pw-ms-content-section .pw-ms-actual-content {
    padding: 24px 0 0 0;
}

@media(min-width:992px) {
    .pw-ms-modal-wrapper .pw-ms-content-section .pw-ms-actual-content {
        padding: 24px 12px 12px;
    }
}

.pw-ms-modal-wrapper .pw-ms-content-section .pw-ms-actual-content .pw-ms-content-sub-heading {
    font-size: .8rem;
    text-align: center;
}

@media(min-width:992px) {
    .pw-ms-modal-wrapper .pw-ms-content-section .pw-ms-actual-content .pw-ms-content-sub-heading {
        font-size: .9rem;
    }
}

.pw-ms-modal-wrapper .pw-ms-content-heading {
    font-size: 1.3rem;
    text-align: center;
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
}

@media(min-width:992px) {
    .pw-ms-modal-wrapper .pw-ms-content-heading {
        font-size: 1.4rem;
    }
}

button.close {
    font-size: 32px;
    cursor: pointer;
}

.pw-individual-option-wrapper {
    background-color: #f8f8f9;
    position: relative;
    height: 70px;
    border-left: 4px solid #c4c4c4;
}

.pw-img-background-wrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #c4c4c4;
    border-radius: 50%;
    padding: 4px 8px;
    width: 45px;
    height: 45px;
}

    .pw-img-background-wrapper .pw-img-background {
        text-align: center;
        padding-top: 4px;
    }

.pw-ms-modal-text-wrapper {
    position: absolute;
    top: 18px;
    padding-left: 70px;
}

    .pw-ms-modal-text-wrapper h6 {
        font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
        font-size: .9rem;
        margin-bottom: 0;
        color: #7b7b86;
    }

    .pw-ms-modal-text-wrapper p {
        font-size: .7rem;
        color: #7b7b86;
    }

.pw-coming-soon-section {
    transform: rotate(270deg);
    background-color: #c4c4c4;
    position: absolute;
    right: -16px;
    max-width: 70px;
    top: 18px;
}

    .pw-coming-soon-section p {
        font-size: .9rem;
        font-weight: 500;
        text-align: center;
        line-height: 1;
        margin-bottom: .1rem;
        color: #7e7e7e;
    }

.pw-individual-option-wrapper.switch-type {
    background-color: #eaf3f8;
    border-left: 4px solid #3ba1b5;
}

    .pw-individual-option-wrapper.switch-type .pw-img-background-wrapper {
        background-color: #3ba1b5;
    }

    .pw-individual-option-wrapper.switch-type .pw-ms-modal-text-wrapper h6 {
        color: #3ba1b5;
    }

    .pw-individual-option-wrapper.switch-type .pw-ms-modal-text-wrapper p {
        color: #000;
    }

.pw-option-close-button {
    padding-top: 16px;
    text-align: center;
}

.pw-switcher-modal-wrapper {
    width: 100%;
}

    .pw-switcher-modal-wrapper .pw-switcher-content-wrapper {
        text-align: center;
    }

        .pw-switcher-modal-wrapper .pw-switcher-content-wrapper .pw-switcher-heading-section {
            padding-top: 60px;
        }

.pw-switcher-form-wrapper {
    margin: auto 12px;
}

select.dropdown {
    width: 100%;
    height: 50px;
    border: 2px solid #000;
    border-radius: 8px;
    text-indent: 5px;
}

.pw-calc-save-button {
    text-align: center;
    padding: 12px 32px;
}

    .pw-calc-save-button button {
        padding: 4px 26px;
    }

.pw-show-plans-header-wrapper {
    width: 100%;
    margin-top: 75px;
    text-align: center;
}

.pw-title-heading-wrapper {
    width: 100%;
    background-color: #338595;
    display: flex;
    justify-content: space-between;
    border: 1px solid #338595;
    border-radius: 15px 15px 0 0;
    height: 60px;
}

    .pw-title-heading-wrapper .pw-view-type-wrapper {
        text-align: right;
        padding: 6px 12px;
        color: #fff;
    }

    .pw-title-heading-wrapper .pw-toggle-switch-wrapper {
        font-size: 1.2rem;
        color: #fff;
        padding-left: 16px;
    }

.pw-card-header .card {
    border: 2px solid #e6e6e6;
    border-radius: 20px;
}

.pw-card-header .card-recommended {
    position: relative;
    border: 2px solid #d54943;
    box-sizing: border-box;
    border-radius: 20px;
}

    .pw-card-header .card-recommended .best-card {
        position: absolute;
        top: 2px;
        right: 2px;
        transform: translate(29.29%,-100%) rotate(45deg);
        color: #fff;
        text-align: center;
        width: 90px;
        transform-origin: bottom left;
        padding: 5px 0 calc(8px + 5px);
        background: linear-gradient(rgba(0,0,0,.3) 0 0) bottom/100% 8px no-repeat #d54943;
        clip-path: polygon(0 100%,0 calc(100% - 8px),50% calc(100% - 8px - 80px/2),100% calc(100% - 8px),100% 100%,calc(100% - 8px) calc(100% - 8px),8px calc(100% - 8px));
    }

.pw-card-header .card-body h4 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.pw-card-header .card-body .pw-card-price {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.pw-card-header .card-body .pw-card-details-list {
    text-align: left;
    margin: auto;
    max-width: 155px;
    padding-left: 34px;
}

    .pw-card-header .card-body .pw-card-details-list li {
        list-style-type: disc;
    }

.pw-card-header .card-body .pw-avg-cost-section {
    padding-top: 16px;
}

    .pw-card-header .card-body .pw-avg-cost-section p {
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: .8rem;
    }

@media(min-width:1200px) {
    .pw-card-header .card-body .pw-avg-cost-section p {
        font-size: 1rem;
    }
}

.pw-card-header .card-body .pw-avg-cost-section h6 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

@media(min-width:992px) {
    .pw-card-header .card-body .pw-avg-cost-section h6 {
        font-size: 1.4rem;
    }
}

.pw-card-header .card-body .pw-estimate-bill-link a {
    font-size: .8rem;
    color: #338595;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: #3ba1b5;
    font-weight: 500;
}

.pw-sp-list-details {
    list-style: disc;
    padding-left: 16px;
    line-height: 1.8;
}

    .pw-sp-list-details li {
        overflow-wrap: break-word;
    }

.page-item.prev a i:before, .page-item.next a i:before {
    color: #fff;
    font-weight: 900;
}

.page-item {
    padding: 0 2px;
}

    .page-item a {
        background-color: #338595;
        border: none;
        color: #fff;
    }

    .page-item.active .page-link {
        background-color: #fff;
        color: #338595;
        border-radius: 8px;
    }

    .page-item.disabled .page-link {
        background-color: transparent;
    }

        .page-item.disabled .page-link i:before {
            color: #c4c4c4;
        }

.pw-list-per-page-wrapper span {
    color: #fff;
    padding-right: 4px;
}

.pw-list-per-page-wrapper select {
    display: inline-block;
    padding: .25rem;
    max-width: 56px;
    border-radius: 8px;
    height: 32px;
    font-weight: 500;
}

    .pw-list-per-page-wrapper select option {
        font-weight: 500;
    }

.pw-sorting-wrapper select {
    display: inline-block;
    padding: .25rem;
    max-width: 205px;
    border-radius: 8px;
    height: 32px;
    font-weight: 500;
}

    .pw-sorting-wrapper select option {
        font-weight: 500;
    }

.pw-card-list-wrapper {
    color: #fff;
    padding-right: 22px;
    padding-top: 4px;
}

    .pw-card-list-wrapper span i {
        font-size: 24px;
    }

.pw-improve-forecast-wrapper {
    padding: 0;
}

    .pw-improve-forecast-wrapper .card {
        border-radius: 8px;
    }

        .pw-improve-forecast-wrapper .card .card-header {
            color: #3ba1b5;
            text-align: center;
            background-color: #f0f0f0;
        }

@media(min-width:992px) {
    .pw-improve-forecast-wrapper .card .card-header {
        color: #fff;
        text-align: left;
        background-color: rgba(36,36,53,.6);
    }
}

.pw-improve-forecast-wrapper .card .card-body h6 {
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-size: .8rem;
}

.pw-improve-forecast-wrapper .card .pw-forecast-text {
    font-weight: 700;
    padding-left: 0;
    padding-top: 12px;
}

.pw-graph-wrapper {
    width: 100%;
    max-width: 300px;
    height: 200px;
    margin: auto;
}

    .pw-graph-wrapper g {
        color: #7e7e7e;
    }

.pw-avg-usage-wrapper {
    font-weight: 700;
}

.pw-graph-usage-text {
    font-weight: 700;
    font-size: .8rem;
    text-decoration: underline;
    text-align: center;
    margin-top: 16px;
}

    .pw-graph-usage-text a {
        color: #000;
    }

.accordian-usage:after {
    content: '';
    display: block;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #fff;
}

.accordian-usage.collapsed:after {
    content: '';
    display: block;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #fff;
}

.pw-sp-filter-wrapper {
    color: #fff;
    padding-right: 16px;
    font-size: 1.2rem;
}

    .pw-sp-filter-wrapper i {
        font-weight: 900;
    }

.pw-filter-user-options i:before {
    color: #000;
}

.pw-show-plans-pg {
    border-top: 1px solid #000;
}

.pw-sp-plan-recommended {
    border: 2px solid #d54943;
    box-sizing: border-box;
    border-radius: 20px;
}

.pw-sp-plan-name-wrapper {
    display: block;
    padding: 16px 4px;
    position: relative;
}

@media(min-width:992px) {
    .pw-sp-plan-name-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #d3d3d3;
    }
}

.pw-sp-plan-name-wrapper:last-child {
    border-bottom: none;
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper {
    text-align: center;
    line-height: 1.7;
}

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper span {
        display: block;
    }

    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-tru-price-text {
        text-transform: uppercase;
        font-size: .8rem;
        font-weight: 700;
    }

@media(min-width:768px) {
    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-tru-price-text {
        font-size: 1rem;
    }
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-actual-price-text {
    font-size: 1.8rem;
    font-weight: 900;
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-text {
    text-transform: uppercase;
    font-size: .8rem;
    padding-left: 8px;
}

@media(min-width:768px) {
    .pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-text {
        font-size: .9rem;
        padding-left: 0;
    }
}

.pw-sp-plan-name-wrapper .pw-sp-true-energy-wrapper .pw-sp-avg-cost-list-val {
    font-size: 1.2rem;
    font-weight: 700;
}

.pw-sp-plan-name-wrapper .pw-sp-bill-details-link {
    color: #338595;
    margin: auto;
}

    .pw-sp-plan-name-wrapper .pw-sp-bill-details-link a {
        cursor: pointer;
        font-size: .8rem;
        font-weight: 500;
        text-decoration: underline;
    }

.pw-sp-provider-button-wrapper {
    margin: 32px auto 24px auto;
    text-align: center;
}

.pw-sp-card-blur-logo-wrapper {
    width: 100%;
    text-align: center;
}

    .pw-sp-card-blur-logo-wrapper img {
        width: 35px;
    }

        .pw-sp-card-blur-logo-wrapper img:first-child {
            width: 65px;
        }

.hide-mobile {
    display: none;
}

@media(min-width:992px) {
    .hide-mobile {
        display: inline-block;
    }
}

.show-mobile {
    display: block;
}

@media(min-width:992px) {
    .show-mobile {
        display: none;
    }
}

.pw-sp-filter-wrapper {
    color: #fff;
    padding-right: 16px;
    font-size: 1.2rem;
}

    .pw-sp-filter-wrapper i {
        font-weight: 900;
    }

.pw-sliding-filter-wrapper-myaccount {
    display: none;
}

@media(min-width:992px) {
    .pw-sliding-filter-wrapper-myaccount {
        display: block;
        top: 860px;
        position: absolute;
        max-width: 320px;
    }
}

@media(min-width:1200px) {
    .pw-sliding-filter-wrapper-myaccount {
        max-width: 375px;
    }
}

@media(min-width:992px) {
    .pw-sliding-filter-wrapper-myaccount.custom-filter-height {
        top: 400px;
        transition: top .8s;
    }
}

.pw-sliding-filter-wrapper-myaccount.slide-to-left {
    position: absolute;
    width: auto;
    height: 100%;
    top: 20px;
    right: 0;
    display: block;
    padding: 12px;
    overflow: visible;
    background-color: #fff;
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards;
}

@media(min-width:992px) {
    .pw-sliding-filter-wrapper-myaccount.slide-to-left {
        display: none;
    }
}

@keyframes slide-in {
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateX(0%);
    }
}

.pw-sp-logo-mobile-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
}

@media(min-width:992px) {
    .pw-sp-logo-mobile-wrapper {
        border: none;
        flex: 0 50%;
    }
}

.pw-sp-plan-duration-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 16px 4px 0 4px;
    border-bottom: 1px solid #f0f0f0;
}

@media(min-width:992px) {
    .pw-sp-plan-duration-wrapper {
        display: block;
        border: none;
        max-width: 25%;
    }
}

.pw-sp-view-plans-button-wrapper {
    text-align: right;
    padding: 12px 4px;
    border-bottom: 2px solid #000;
}

@media(min-width:992px) {
    .pw-sp-view-plans-button-wrapper {
        border: none;
    }
}

.pw-sp-true-energy-wrapper {
    display: flex;
    flex: 0 50%;
    justify-content: space-between;
}

@media(min-width:992px) {
    .pw-sp-true-energy-wrapper {
        display: block;
    }
}

.pw-sp-close-filter button {
    background-color: transparent;
    border: none;
    font-size: 2rem;
    font-weight: 700;
}

@media(min-width:992px) {
    .pw-sp-bind-data-wrapper {
        min-height: 1250px;
    }
}

@media(min-width:992px) {
    #cards {
        min-height: 1250px;
    }
}

.pw-sp-plan-list-heading {
    color: #fff;
    font-size: 1.4rem;
    padding-left: 24px;
}

.pw-myaccount-sp-sub-heading {
    max-width: 700px;
    margin: auto;
    padding: 6px 0 24px 0;
}

.plan-list-recommended {
    border: 2px solid #d54943;
    border-radius: 16px;
    padding: 16px;
}

    .plan-list-recommended .best-card-list {
        position: absolute;
        top: -41px;
        right: -20px;
        transform: translate(10.29%,-7%) rotate(45deg);
        color: #fff;
        text-align: center;
        width: 97px;
        transform-origin: bottom left;
        padding: 5px 0 calc(8px + 5px);
        background: linear-gradient(rgba(0,0,0,.3) 0 0) bottom/100% 8px no-repeat #d54943;
        clip-path: polygon(0 100%,0 calc(100% - 8px),50% calc(100% - 8px - 80px/2),100% calc(100% - 8px),100% 100%,calc(100% - 8px) calc(100% - 8px),8px calc(100% - 8px));
    }

@media(min-width:992px) {
    .custom-list-button-padding {
        padding: 6px 20px;
    }
}

#bind_data {
    padding-top: 12px;
}

@media(min-width:992px) {
    .pw-blur-logo-margin-auto {
        margin: auto;
    }
}

.pw-blur-logo-margin-auto .rep-images {
    width: 100px;
}

@media(min-width:1200px) {
    .pw-blur-logo-margin-auto .rep-images {
        width: 150px;
    }
}

a:focus, button:focus, input:focus, div:focus, textarea:focus, .btn.focus:focus, .btn:focus {
    outline-color: #3ba1b5;
}

body {
    background-color: #fff;
    font-family: Barlow,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 500;
}

p {
    font-size: 18px;
    font-family: Barlow,Arial,Open Sans,Helvetica,sans-serif;
    font-weight: 500;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: BioRhyme,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #000;
}

ul {
    list-style: none;
    padding: 0;
}

* {
    box-sizing: border-box;
}