/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/


/*This CSS is to hide the "Reconnecting" overlay and message. Note that the display is set to 'none'*/

#components-reconnect-modal {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: none;
    }

html, body {
    font-family: Arial, sans-serif !important;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
    max-width: 1000px;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.homepage-header {
    height: 30rem;
}

.contain {
    max-width: 1000px;
    margin: 0 auto;
}

/* MAIN NAV SUB MENU */
.menu-item .sub-menu {
    display: none;
    opacity: 0;
    position: absolute;
    background: #FFF;
    border-top: 1px solid #baff00;
    transition: all .2s;
}

.menu-item:hover .sub-menu {
    display: block;
    opacity: 1;
}

@media(max-width:1000px) {
    .menu-item .sub-menu {
        position: initial;
        border-top: none;
    }
}

/*======================================================*/
/*AP&G ENROLLMENT MOBILES STYLING*/
/*======================================================*/

/* Mobile Menu Button */
.menu-toggle {
    background: none;
    border: none;
    font-size: 25px;
    color: rgba(0,0,0,0.58);
}


/*Plans Page Styling*/
#plans-form button[name="choose_plans"].mobile-only {
    display: none;
}


/* Icons Styles */


/* General / layout */

/* TEMP TOP BAR HOURS NOTIFICATION */
.top-bar-notif {
    display: inline-block;
    width: 100%;
    padding: 20px 15px;
    font-family: 'Roboto';
    font-size: 17px;
    color: #FFF;
    background-color: #61939a;
    text-align: center;
}

    .top-bar-notif span {
        display: inline-block;
        width: 100%;
    }

.il-billofrights.il_modular,
.oh_modular {
    padding: 0 40px;
}

.page-wrapper {
    height: 100%;
    width: 100%;
}

.wrap {
    width: 100%;
    display: block;
}

.contain {
    max-width: 1000px;
    margin: 0 auto;
}

.contain--pad50-0 {
    padding: 50px 0;
}

.grid-1 {
    width: 8.33333%;
}

.span-1 {
    margin-left: 8.33333%;
}

.grid-2 {
    width: 16.66667%;
}

.span-2 {
    margin-left: 16.66667%;
}

.grid-3 {
    width: 25%;
}

.span-3 {
    margin-left: 25%;
}

.grid-4 {
    width: 33.33333%;
}

.span-4 {
    margin-left: 33.33333%;
}

.grid-5 {
    width: 41.66667%;
}

.span-5 {
    margin-left: 41.66667%;
}

.grid-6 {
    width: 50%;
}

.span-6 {
    margin-left: 50%;
}

.grid-7 {
    width: 58.33333%;
}

.span-7 {
    margin-left: 58.33333%;
}

.grid-8 {
    width: 66.66667%;
}

.span-8 {
    margin-left: 66.66667%;
}

.grid-9 {
    width: 75%;
}

.span-9 {
    margin-left: 75%;
}

.grid-10 {
    width: 83.33333%;
}

.span-10 {
    margin-left: 83.33333%;
}

.grid-11 {
    width: 91.66667%;
}

.span-11 {
    margin-left: 91.66667%;
}

.grid-12 {
    width: 100%;
}

.span-12 {
    margin-left: 100%;
}

.choose-providers .grid-pad {
    padding: 0;
}

.grid-pad {
    padding: 20px 0 20px 20px;
}

    .grid-pad .col:last-of-type {
        padding-right: 20px;
    }

.grid-posts {
    width: 70%;
    padding-right: 20px;
}

.grid-sidebar {
    width: 30%;
}

.col {
    float: left;
    padding: 0 15px;
}

    .col:last-child:not(.graph),
    .col {
        padding: 0 15px;
    }

.col--no-pad {
    padding: 0 !important;
}

.col--pad20 {
    padding: 20px !important;
}

.col--pad30 {
    padding: 30px !important;
}

.pad-bottom100 {
    padding-bottom: 100px;
}

.pad60-0 {
    padding: 60px 0;
}

.pad100-0 {
    padding: 100px 0;
}

.page-id-105 .contain,
.page-id-784 .contain,
.page-id-161 .contain {
    padding: 0 15px;
}


/* MEDIA QUERIES */

@media(max-width:1024px) {

    /* Modal for starting Enrollment Process */
    .modal-overlay.show {
        z-index: 10000000;
    }

    .modal-overlay .modal-window {
        overflow: scroll;
    }

    .modal-overlay .modal-window {
        width: 100%;
        max-height: initial;
        height: 100%;
        margin-top: 0 !important;
        top: 0;
    }

    .region-select__heading {
        padding: 0 15px;
        font-size: 25px;
        line-height: 1.2;
    }

    .check-label {
        padding: 15px 30px 15px 50px;
        font-size: 15px;
    }

    .region-select-wrap {
        padding: 30px 0;
    }

    .region-select__form .input.input--inline {
        width: 100%;
        margin-bottom: 30px;
        padding: 20px 30px 20px 50px;
    }

    .modal-overlay .choose-providers .modal-window__footer {
        bottom: -200px;
    }


    /*Homepage Styles*/

    .more-link {
        width: 100%;
        padding: 15px;
    }

    .enroll-or-call.with-blog {
        padding: 35px 15px;
    }

    .enroll-or-call .call-us {
        font-size: 30px;
    }

    .enroll-or-call .or-span {
        display: block;
        margin: 30px auto 0;
    }

    .enroll-or-call.group.with-blog .enroll-btn.blue {
        margin: 0 0 10px 0;
        max-width: 300px;
        width: 100%;
    }

    .enroll-btn {
        max-width: 300px;
        width: 100%;
    }

    .thin-heading-wrap .heading-thin {
        font-size: 35px;
    }

    .cta-graphs .cta-heading {
        font-size: 26px;
        line-height: 35px;
    }

        .cta-graphs .cta-heading .leaves:before {
            top: -33px;
            left: 98px;
        }

    .footer-heading {
        margin: 30px 0 0;
    }

    #menu-footer-navigation {
        max-width: 182px;
        text-align: left;
        margin: 30px auto 0;
    }

    /*Choose Providers Styles*/
    .choose-providers .grid-pad.contain {
        position: relative;
    }

    /* Mobile Layout */
    .col,
    .col:last-child:not(.graph),
    .site-footer .about-section {
        padding: 0 15px;
    }

    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9,
    .grid-10,
    .grid-11,
    .grid-12 {
        width: 100%;
        margin: 10px 0;
        padding: 0 15px;
        text-align: center;
    }

    .span-1,
    .span-2,
    .span-3,
    .span-4,
    .span-5,
    .span-6,
    .span-7,
    .span-8,
    .span-9,
    .span-10,
    .span-11,
    .span-12 {
        margin-left: 0%;
    }

    /*Slider*/
    .slick-slider .header-cta-message {
        text-align: center;
        padding: 75px 30px 0;
    }

        .slick-slider .header-cta-message .cta-heading {
            font-size: 22px;
            line-height: 1.2;
        }

        .slick-slider .header-cta-message .cta-text {
            font-size: 18px;
            line-height: 1.2;
        }

    .slide-arrows {
        width: 100%;
        bottom: 40px;
        left: 0;
        margin: 0 0 30px;
    }

        .slide-arrows i:first-child {
            right: initial;
            left: 15px;
        }

        .slide-arrows i:last-child {
            left: initial;
            right: 15px;
        }

    .header-cta-message .btn-ghost-white {
        padding: 10px 50px 10px 30px;
    }


    /* Plans Pricing */
    .plans-bg .heading.bold-heading {
        font-size: 25px;
        text-align: center;
        line-height: 1.2;
    }

    .jmtwentysixteen .plans-group-list-style {
        width: 100%;
        box-shadow: none;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan {
        border-right: 0;
    }



    .plans-tabs__tab {
        width: 100%;
    }

        .plans-tabs__tab a {
            border-bottom: 1px solid #02b2ec;
        }



    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm,
    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p,
    .mCSB_container,
    .mCustomScrollBox {
        position: initial !important;
    }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm {
        margin: 0;
        width: 100%;
        right: 0;
    }

    .mCustomScrollBox {
        display: inline-block;
        width: 100%;
    }

    #plans-form button[name="choose_plans"] {
        display: none;
    }

        #plans-form button[name="choose_plans"].mobile-only {
            display: inline-block;
            width: 100%;
        }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm h3.plan__title,
    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p.plan__price {
        display: none;
    }

    .plan-radio:checked + .plan-label .plan .plan__btn {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    .list--half > li {
        width: 100%;
    }

    /*Form Steps*/
    .progress {
        padding: 20px 0;
    }

    .progress__step {
        padding: 0;
    }

    .progress__step__text {
        width: initial;
        display: inline-block;
        font-size: 15px;
        padding: 14px 10px 10px;
    }

    .progress__step__num {
        font-size: 35px;
    }

    .progress__step:before {
        left: initial;
        right: 25px;
        top: 15px;
    }

    .progress__step:after {
        left: initial;
        right: 30px;
        top: 20px;
    }

    .col.grid-4:last-child .progress__step:before {
        right: 20px;
    }

    .col.grid-4:last-child .progress__step:after {
        right: 25px;
    }



    .enroll-form p {
        text-align: justify;
        padding-left: 1rem;
    }

    .enroll-form input[type="checkbox"] {
        float: left;
    }


    .page-template-enroll-step-4-php .modal-window.mCustomScrollbar._mCS_1.mCS-autoHide {
        top: 0;
    }


    .confirmation-top .col.grid-6 div {
        height: initial !important;
    }

    .modal-content,
    .mCSB_container {
        height: 100%;
    }

    .ny-billofrights.ny_modular,
    .il-billofrights.il_modular,
    .aff-signup {
        height: 100%;
        overflow: scroll;
    }


    .bg-thank-you-for-enrolling {
        background-size: 1000px;
        min-height: 147px;
    }


    .gray-top-box__heading {
        padding: 20px;
    }

    .gray-top-box__heading,
    .gray-top-box__heading--large {
        line-height: 1.2;
    }


    .representative,
    .have-a-question {
        padding: 50px 0 30px;
    }


    .header-cta-message {
        text-align: center;
    }

    .bold-heading--big {
        padding: 15px;
    }

    .header-cta-message .cta-heading {
        font-size: 45px;
        text-align: center;
    }

    .header-cta-message .cta-text {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }

    .cta-content-left .america-map {
        margin: 0;
    }


    .bold-heading--big {
        font-size: 30px;
        line-height: 1.2;
    }

    body > div.page-wrapper > div:nth-child(4) > div > div > div.col.grid-5 > img {
        max-width: initial;
        width: 100%;
        margin-left: -20px;
    }
}


@media(max-width:768px) {

    body > div.page-wrapper > div:nth-child(5) > div > div.thin-heading-wrap.thin-cards-heading,
    .cta-graphs {
        padding: 30px 15px;
    }

    .header-cta-message .btn-ghost-white {
        font-size: 15px;
        margin: 5px 0;
    }


    .alignleft, img.alignleft {
        margin: 0 0 1.5em;
    }


    .blog-posts__post__body,
    .post__content,
    .post__title-wrap {
        padding: 35px 15px;
    }


    .grid-posts,
    .grid-sidebar {
        width: 100%;
        padding: 0 15px;
    }

    .grid-sidebar {
        margin-top: 25px;
    }


    .blog-posts__post__heading,
    .post__title {
        font-size: 25px;
        line-height: 1.2;
    }

    .blog-sidebar__block {
        text-align: center;
    }

    #comments > p,
    .comments-wrap {
        padding: 5px 15px;
    }

    .similar-articles__post__link {
        margin-top: 10px;
    }




    .contact-page {
        padding: 0;
    }

    .contact-page__header,
    .contact-page__form__inputs-wrap {
        padding: 40px 15px;
    }

    .contact-page__form .btn--large {
        width: 100%;
        margin: 0 0 25px;
    }

    .contact-map__marker {
        width: 310px;
        font-size: 12px;
    }

    .contact-map__marker__content {
        width: 50%;
        padding: 10px 10px 0
    }




    .page-id-105 .contain {
        text-align: center;
    }



    /* Modal for starting Enrollment Process*/
    .region-select-wrap {
        padding: 15px 0;
    }

    .region-select__heading {
        font-size: 18px;
        text-align: center;
    }

    .region-select__form {
        padding: 15px 40px;
    }

        .region-select__form .input.input--inline {
            padding: 15px 20px 15px 50px;
        }

        .region-select__form .input, .region-select__form .label {
            margin: 5px 0;
        }

    .check-label {
        display: block;
        margin: 5px 0;
        text-align: center;
    }

    .modal-overlay .modal-window__footer .close-btn {
        position: relative;
        top: initial;
        bottom: -80px;
        display: block;
        text-align: center;
        float: none;
    }

    .modal-window__footer .pull--right {
        position: relative;
        top: -65px;
        bottom: initial;
        display: block;
        width: 100%;
        margin: 0 !important;
    }


    .info-box__img--left {
        text-align: center;
        float: none;
    }

    .info-box__content--right {
        float: left;
        width: 100%;
        margin-top: 25px;
    }

    .plans-bg .heading.bold-heading {
        font-size: 18px;
    }

    .btn.btn--default.btn--shadow.pull--right {
        float: none;
        text-align: center;
    }

    .thin-heading-wrap .heading-thin {
        font-size: 25px;
    }

    .list.list--green-checkmarks.list--half.group {
        padding: 0 20px;
    }

    .list--half > li {
        padding-right: 0
    }

    .plan__content {
        padding: 30px 15px;
    }

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3 {
        width: 100%;
        font-size: 15px;
        padding-left: 35px;
    }

    .jmtwentysixteen .plans-group-list-style .plan__title {
        width: 100%;
        font-size: 15px;
        padding-left: 35px;
    }

    .jmtwentysixteen .plans-group-list-style .plan__price {
        width: 100%;
        font-size: 25px;
        text-align: center;
    }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm {
        padding: 0;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p {
        height: 100%;
        padding: 0;
        text-align: center;
    }

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3:before {
        width: 40px;
        height: 40px;
        left: -15px;
        top: -5px;
    }

    .jmtwentysixteen .plans-group-list-style .plan.plan--centered span.btn {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    .bg-thank-you-for-enrolling {
        background-size: 850px;
        min-height: 135px;
    }

    .plan__title {
        font-size: 25px;
    }

    .plan__content p {
        font-size: 15px;
    }

        .plan__content p.plan__price {
            font-size: 30px;
        }
}


@media(max-width:450px) {

    /*Footer*/
    .site-footer .contact-section .icon-left .content a,
    .site-footer .contact-section .icon-left .content span {
        font-size: 20px;
    }
}



.sidebar-like {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}

    .sidebar-like span {
        font-size: 20px;
        font-weight: 700;
        color: #636363;
        margin-top: 5px;
    }

.social-share-buttons {
    display: inline-block;
    width: 100%;
    padding: 10px 40px;
}

.pinterest-share {
    display: inline-block;
}

    .fb_iframe_widget span,
    .pinterest-share span {
        vertical-align: top !important;
    }


/* MOBILE ENROLLMENT */

.page-template-enroll-mobile .main-header,
.page-template-enroll-mobile .site-footer {
    display: none;
}


.modal-overlay.mobile-overlay {
    /*height:initial;*/
    position: initial !important;
}

.modal-overlay .modal-window.mobile-enrollment {
    top: 0;
    width: 100%;
    opacity: 1;
}

.mobile-enrollment {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

    .mobile-enrollment .region-select {
        padding: 45px 0 15px;
    }

    .mobile-enrollment .modal-window__footer .pull--right {
        position: initial;
    }

    .mobile-enrollment .modal-window__footer .pull--left {
        display: none;
    }

.page-template-enroll-mobile .il_billofrights_accept,
.page-template-enroll-mobile .oh_online_accept {
    bottom: 18px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    padding: 20px 40px;
    font-size: 17px;
    font-weight: 900;
}

.modal-overlay .choose-providers {
    height: 100%;
    overflow-x: scroll;
}

.page-template-enroll-mobile .il-billofrights.il_modular {
    border-bottom: 1px solid #01c0ff;
}

.page-template-enroll-mobile .group.modal-window__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 15px;
    background-color: #FFF;
    border-top: 1px solid #01c0ff;
}

.page-template-enroll-mobile .shadow-box {
    box-shadow: none;
    margin-bottom: 0;
    background-color: #FFF;
}

.page-template-enroll-mobile h2.heading {
    display: inline-block;
    width: 100%;
    margin: 35px 0 15px;
    text-align: center;
    font-size: 35px;
}

.page-template-enroll-mobile .shadow-box__content {
    margin: 25px 15px;
}

.page-template-enroll-mobile .jmtwentysixteen .plans-group-list-style {
    width: 100%;
}

.page-template-enroll-mobile .plan__content {
    text-align: center;
}

.page-template-enroll-mobile .jmtwentysixteen .plans-group-list-style .plan.plan--centered span.btn {
    max-width: 300px;
}

.page-template-enroll-mobile #plans-form {
    display: inline-block;
    margin-bottom: 90px;
}

    .page-template-enroll-mobile #plans-form button[name="choose_plans"].mobile-only {
        display: block;
    }

.page-template-enroll-mobile .enroll-form__section {
    padding: 30px 15px;
}

.page-template-enroll-mobile .bg-thank-you-for-enrolling {
    min-height: 125px;
}

.page-template-enroll-mobile .conv-iframe {
    display: block;
    position: absolute;
}

.page-template-enroll-mobile .arrow-top--white,
.page-template-enroll-mobile .confirmation-top {
    padding-bottom: 12px;
}

.page-template-enroll-mobile .enroll-rewards-wrap {
    padding-top: 24px;
}

.page-template-enroll-mobile .modal-window {
    -webkit-animation: none !important;
    animation: none !important;
}

.page-template-enroll-mobile #electric-plans,
.page-template-enroll-mobile #gas-plans {
    display: inline-block;
}

.page-template-enroll-mobile .modal-overlay .modal-window {
    opacity: 1;
}

@media(max-width:1024px) {
    .page-template-enroll-mobile .module_three .col.grid-1 {
        float: left;
        width: 5%;
        padding: 0 10px;
    }

    .page-template-enroll-mobile .module_three .col.grid-11 {
        float: left;
        width: 95%
    }
}

@media(max-width:500px) {
    .page-template-enroll-mobile .module_three .col.grid-1 {
        width: 10%;
    }

    .page-template-enroll-mobile .module_three .col.grid-11 {
        width: 90%
    }
}

.page-template-enroll-mobile .module_three .col.grid-1,
.page-template-enroll-mobile .module_three .col.grid-11 {
    position: relative;
}

    .page-template-enroll-mobile .module_three .col.grid-1 .parentFormundefined.formError {
        top: -55px !important;
        left: -2px !important;
        margin-top: 0 !important;
    }


/* Associates Styles */
.associate-msg-box {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 25px 0 0;
    text-align: center;
    color: #303030;
}

    .associate-msg-box.form-error {
        margin: 0 0 15px;
        padding: 10px;
    }

    .associate-msg-box span {
        display: inline-block;
        width: 100%;
    }

    .associate-msg-box .header {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1.2;
    }

    .associate-msg-box.form-error .header {
        margin-bottom: 5px;
        font-size: 24px;
    }

    .associate-msg-box .sub-header {
        font-size: 20px;
    }

    .associate-msg-box.form-error .sub-header {
        font-size: 18px;
    }

.associate-dashboard {
    display: inline-block;
    width: 100%;
    margin: 45px 0;
    background-color: #FFF;
}

.aff-login-title {
    display: inline-block;
    width: 100%;
    margin: 35px 0 25px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}

.associate-dashboard form[name=loginform],
.forgot-pass form {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px 5px;
}

    .associate-dashboard form[name=loginform] p label,
    .associate-dashboard form[name=loginform] p input:not([type=checkbox]),
    .forgot-pass #lostpasswordform input {
        display: inline-block;
        width: 100%;
    }

    .associate-dashboard form[name=loginform] .login-remember {
        display: inline-block;
        width: 100%;
        line-height: 20px;
    }

        .associate-dashboard form[name=loginform] .login-remember input[type=checkbox] {
            float: left;
        }

    .associate-dashboard form[name=loginform] .login-submit {
        margin-bottom: 0;
    }

        .associate-dashboard form[name=loginform] .login-submit input[type=submit],
        .forgot-pass #lostpasswordform input[type=submit] {
            padding: 15px 20px;
            background: #FFF;
            border: 1px solid #303030;
            box-shadow: none;
            cursor: pointer;
        }

    .associate-dashboard form[name=loginform] .cptch_input,
    .forgot-pass #lostpasswordform .cptch_input {
        border: 1px solid #dadada;
        border-radius: 4px;
        box-shadow: inset 0 5px 6px rgba(0,0,0,0.03);
        background-color: white;
        font-size: 15px;
        font-family: "Lato", sans-serif;
        padding: 10px;
        margin-bottom: 10px;
    }

.aff-pass-reset-btn,
.aff-pass-reset-close {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 15px;
    font-size: 16px;
}

.associate-nav {
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    padding: 45px 30px 15px;
}

    .associate-nav .ass-nav-item {
        display: inline-block;
        float: left;
        padding: 15px 20px;
        background-color: #e3e3e3;
        border: 1px solid #3fbced;
        cursor: pointer;
        transition: all .2s;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
    }

        .associate-nav .ass-nav-item:hover {
            opacity: .7;
        }

        .associate-nav .ass-nav-item.selected {
            background-color: #3fbced;
            color: #FFF;
        }


.referrals-display .associate-msg-box {
    margin-top: 0;
}

.tos-pop {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .tos-pop .tos-link {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

        .tos-pop .tos-link a {
            font-size: 20px;
        }

    .tos-pop button {
        background-color: red;
        color: #FFF;
        margin-bottom: 25px;
        padding: 20px 15px;
        font-size: 18px;
        line-height: 1;
        border: none;
        cursor: pointer;
        transition: all .2s;
    }

        .tos-pop button:hover {
            opacity: .75;
        }

.referral-text {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

    .referral-text span {
        display: inline-block;
        font-family: monospace;
        background: #f5f5f5;
        padding: 10px;
        margin-left: 15px;
        border: 2px dashed #e3e3e3;
    }

.referrals-display table {
    width: 100%;
}

    .referrals-display table thead {
        border: 1px solid #e3e3e3;
    }

    .referrals-display table th {
        padding: 5px;
        text-align: left;
    }

    .referrals-display table tbody tr:nth-child(even) {
        background-color: #e3e3e3;
    }

    .referrals-display table td {
        padding: 5px;
    }

.referrals-display .payout-display {
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 30px auto 10px;
    padding: 15px 15px;
    border: 1px solid #3fbced;
    border-radius: 5px;
}

    .referrals-display .payout-display:after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }

    .referrals-display .payout-display .payout-box {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 0 10px;
        text-align: center;
    }

    .referrals-display .payout-display span.payout-type {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 20px;
        color: #444;
    }

    .referrals-display .payout-display span.payout-price {
        font-size: 22px;
        color: #3fbced;
    }

.associate-profile-box {
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    padding: 15px 30px 45px;
}

.profile-form-title {
    margin-bottom: 20px;
}

.associate-contain {
    display: inline-block;
    width: 100%;
    margin: 45px 0;
    padding: 35px 30px;
    background: #FFF;
}

.associate-form-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 500;
}

.associate-form .input-wrap .col.grid-12 {
    padding: 0;
}

.associate-form .input-wrap .col.grid-6:first-child,
.associate-form .input-wrap .col.grid-9:first-child {
    padding-left: 0;
}

.associate-form .input-wrap .col.grid-6:last-child,
.associate-form .input-wrap .col.grid-3:last-child {
    padding-right: 0;
}

.associate-form input:not([type=checkbox]),
.associate-form select {
    height: 60px;
}

.associate-form button {
    margin: 30px 0 0;
}

.associate-form .associate-tos {
    display: inline-block;
    width: 100%;
}

    .associate-form .associate-tos input[type=checkbox] {
        float: left;
    }

    .associate-form .associate-tos span {
        display: inline-block;
        float: left;
        line-height: 20px;
    }

.resource-vid-table {
    display: inline-block;
    width: 100%;
}

.resource-vid-box {
    display: inline-block;
    width: 49%;
    float: left;
    margin: 0 .5%;
}

.resource-video {
    display: inline-block;
    width: 100%;
    height: auto;
}

.modal-overlay.aff-modal .modal-window {
    top: 12%;
}

.modal-content .wrap.aff-signup {
    padding: 0 40px 0;
}

    .modal-content .wrap.aff-signup ol,
    .modal-content .wrap.aff-signup ul {
        display: inline-block;
        padding-left: 35px;
    }

        .modal-content .wrap.aff-signup ol li,
        .modal-content .wrap.aff-signup ul li {
            margin-bottom: 15px;
        }

.aff-disclaimer {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

    .aff-disclaimer p {
        font-size: 15px;
    }


.verification-box {
    display: inline-block;
    width: 100%;
}

.enrollment-verification-box {
    min-height: 250px;
    padding: 15px 20px;
}

.verification-box button,
.verificaiton-box input[type=submit] {
    background: #3fbced;
    color: #FFF;
    border: none;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
}

    .verification-box button,
    .verificaiton-box input[type=submit]:hover {
        opacity: .75;
    }

        .verification-box button:disabled {
            cursor: initial;
            background-color: #a2a2a2;
        }

.verify-type {
    position: relative;
    display: inline-block;
    width: 50%;
    min-height: 200px;
    float: left;
    padding: 20px 10px;
    text-align: center;
}

.enrollment-verification-form.verification-email > button,
.enrollment-verification-form.verification-phone > button {
    width: 130px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: -40px 0 0 -65px;
}

.modal-content .verify-type {
    width: 47.5%;
}

.modal-content .verify-or {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    float: left;
    height: 200px;
    font-weight: 700;
    color: #74ccf1;
}

.verify-type span {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 24px;
}

    .verify-type span.type {
        color: #3fbced;
    }

.verification-message-box {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .verification-message-box .verif-header {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 20px;
    }

    .verification-message-box .verif-data {
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }

.verification-popup,
.enrollment-verification-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    max-width: 300px;
    width: 100%;
    margin-left: -150px;
    margin-top: -94px;
}

    .verification-popup:before,
    .enrollment-verification-popup:before {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.75);
    }

    .verification-popup:after,
    .enrollment-verification-popup:after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }

    .verification-popup form[name=end-verification],
    .enrollment-verification-popup form[name=end-verification] {
        position: relative;
        display: inline-block;
        padding: 15px 10px;
        text-align: center;
        background-color: #FFF;
    }

        .verification-popup form[name=end-verification] span,
        .enrollment-verification-popup form[name=end-verification] span {
            display: inline-block;
            width: 100%;
            font-size: 22px;
            margin: 0 0 15px;
        }

            .verification-popup form[name=end-verification] span.verify-error,
            .enrollment-verification-popup form[name=end-verification] span.verify-error {
                color: rgb(255, 86, 86);
                font-size: 16px;
            }

    .verification-popup .code-entry,
    .enrollment-verification-popup .code-entry {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

        .verification-popup .code-entry input[type="text"],
        .enrollment-verification-popup .code-entry input[type="text"] {
            display: inline-block;
            float: left;
            width: 70%;
            height: 48px;
            padding: 0 10px;
            font-size: 22px;
            border: 1px solid #3fbced;
        }

.phone-method-contain {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.phone-method-box {
    display: inline-block;
    max-width: 150px;
    width: 100%;
}

    .phone-method-box label {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: center;
    }

.verification-popup .code-entry button,
.enrollment-verification-popup .code-entry button {
    display: inline-block;
    float: left;
    width: 30%;
    height: 48px;
    margin-top: 0;
}

.verification-popup button.small-btn,
.enrollment-verification-popup button.small-btn {
    font-size: 12px;
    float: right;
}

.verification-popup button.verification-close,
.enrollment-verification-popup button.verification-close {
    float: left;
}


@media(max-width:1024px) {
    .associate-form .input-wrap .col {
        padding: 0 !important;
    }

    .modal-overlay.aff-modal .modal-window {
        top: 0;
    }
}

@media(max-width:768px) {
    .referrals-display table,
    .referrals-display thead,
    .referrals-display tbody,
    .referrals-display th,
    .referrals-display td,
    .referrals-display tr {
        display: block;
    }

        .referrals-display thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .referrals-display table tr {
            margin-bottom: 15px;
        }

            .referrals-display table tr td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }

                .referrals-display table tr td:last-child {
                    border-bottom: none;
                }

        .referrals-display td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            color: #676767;
        }

        .referrals-display td:nth-of-type(1):before {
            content: "Name:";
        }

        .referrals-display td:nth-of-type(2):before {
            content: "Date:";
        }

        .referrals-display td:nth-of-type(3):before {
            content: "Type:";
        }

        .referrals-display td:nth-of-type(4):before {
            content: "Value:";
        }

        .referrals-display td:nth-of-type(5):before {
            content: "Status:";
        }
    /*.referrals-display td:nth-of-type(6):before { content: ""; }*/
}

@media(max-width:767px) {
    .verify-type span {
        font-size: 18px;
    }
}

@media(max-width:605px) {
    .referral-text span {
        margin: 5px 0 0;
        font-size: 12px;
        padding: 10px 5px;
    }

    .verify-type {
        width: 100%;
    }
}

@media(max-width:500px) {
    .referrals-display .payout-display .payout-box {
        width: 100%;
    }

        .referrals-display .payout-display .payout-box:first-child {
            margin-bottom: 20px;
        }

    .associate-nav .ass-nav-item {
        font-size: 16px;
        padding: 15px 18px;
    }
}


/* NEW HOMEPAGE BENEFITS ROW 4/17/2020 */
/* NEW HOMEPAGE DESIGN 11/7/2020 */

.n-benefits-row {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

    .n-benefits-row > span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-family: "Lato", sans-serif;
        text-transform: uppercase;
        font-size: 45px;
        font-weight: 300;
        margin-bottom: 25px;
        color: #626262;
    }

        .n-benefits-row > span i {
            font-size: 30px;
            color: #7DC43E;
        }

    .n-benefits-row .benefits-contain {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /*align-items:center;*/
        justify-content: center;
        margin-top: 30px;
    }

        .n-benefits-row .benefits-contain .data-block {
            display: inline-block;
            width: 45%;
            float: left;
            margin: 0 2.5%;
        }

            .n-benefits-row .benefits-contain .data-block span {
                display: inline-block;
                width: 100%;
                font-family: 'Lato';
                font-weight: 500;
                color: #000;
                font-size: 21px;
                line-height: 1;
                text-align: center;
                margin-bottom: 40px;
            }

        .n-benefits-row .benefits-contain .data-box {
            display: flex;
            flex: 0 0 50%;
            width: 50%;
            float: left;
            flex-direction: column;
            min-height: 190px;
            padding: 10px 20px;
        }

            .n-benefits-row .benefits-contain .data-box .icon-box {
                display: inline-block;
                width: 100%;
                min-height: 80px;
                margin-bottom: 10px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
            }

            .n-benefits-row .benefits-contain .data-box span {
                display: inline-block;
                width: 100%;
                text-align: center;
                color: #333;
                font-family: "Lato";
                font-size: 16px;
                line-height: 1.4;
                max-width: 200px;
                margin: 0 auto;
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-1 {
                background-image: url('/wp-content/uploads/2020/04/01-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-2 {
                background-image: url('/wp-content/uploads/2020/04/02-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-3 {
                background-image: url('/wp-content/uploads/2020/04/03-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-4 {
                background-image: url('/wp-content/uploads/2020/04/04-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-5 {
                background-image: url('/wp-content/uploads/2020/04/05-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-6 {
                background-image: url('/wp-content/uploads/2020/04/06-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-7 {
                background-image: url('/wp-content/uploads/2020/04/07-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-8 {
                background-image: url('/wp-content/uploads/2020/04/08-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-9 {
                background-image: url('/wp-content/themes/americanpower/css/images/icons/book.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-10 {
                background-image: url('/wp-content/themes/americanpower/css/images/icons/music.png');
            }

.n-featured {
    display: inline-block;
    width: 100%;
    /*margin:30px 0 70px;*/
    padding: 45px 15px 50px;
    text-align: center;
    background-color: #61939A;
    z-index: 1000;
}

    .n-featured span {
        display: inline-block;
        width: 100%;
        margin-bottom: 55px;
        text-align: center;
        font-family: 'Poppins','Lato';
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        color: #FFF;
    }

    .n-featured .featured-box {
        display: inline-block;
        width: 100%;
    }

    .n-featured .featured-in {
        display: inline-block;
        width: 33.33%;
        min-height: 55px;
        float: left;
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .n-featured .featured-in.img-1 {
            background-image: url(/images/Forbes-Logo.png);
        }

        .n-featured .featured-in.img-2 {
            background-image: url(/images/HuffPost-Logo.png);
        }

        .n-featured .featured-in.img-3 {
            background-image: url(/images/Newswire-Logo.png);
        }

        .n-featured .featured-in:nth-child(1) {
            background-position: left center;
            background-size: auto 42px;
        }

        .n-featured .featured-in:nth-child(2) {
            background-size: auto 30px;
        }

        .n-featured .featured-in:nth-child(3) {
            background-position: right center;
            background-size: auto 31px;
        }


@media(max-width:900px) {
    .n-featured .featured-in:nth-child(1),
    .n-featured .featured-in:nth-child(2),
    .n-featured .featured-in:nth-child(3) {
        background-size: 90%;
    }
}

@media(max-width:767px) {
    .n-featured {
    }

    .n-benefits-row > span {
        font-size: 40px;
    }

        .n-benefits-row > span i {
            font-size: 28px;
        }

    .n-benefits-row .benefits-contain .data-block {
        width: 100%;
    }

    .n-benefits-row .benefits-contain .data-box {
        flex: 0 0 50%;
    }

    .n-benefits-row .benefits-contain {
        padding: 0 15%;
    }

    .n-featured .featured-in {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 25px;
    }

        .n-featured .featured-in:nth-child(1),
        .n-featured .featured-in:nth-child(2),
        .n-featured .featured-in:nth-child(3) {
            background-position: center;
            background-size: contain;
        }
}

@media(max-width:600px) {
    .n-benefits-row > span {
        font-size: 30px;
    }

        .n-benefits-row > span i {
            font-size: 22px;
        }

    .n-benefits-row .benefits-contain {
        padding: 0 10%;
    }

    .n-featured .featured-in:nth-child(1) {
        background-size: 260px 65px;
        min-height: 65px;
    }

    .n-featured .featured-in:nth-child(2) {
        background-size: 260px 30px;
        min-height: 30px;
    }

    .n-featured .featured-in:nth-child(3) {
        background-size: 260px 32px;
        min-height: 32px;
    }
}

@media(max-width:500px) {
    .n-benefits-row .benefits-contain .data-box {
        min-height: 230px;
    }

    .n-benefits-row > span {
        font-size: 24px;
    }

        .n-benefits-row > span i {
            font-size: 18px;
        }

    .n-benefits-row .benefits-contain {
        padding: 0 0;
    }
}


/* Homepage - How it works */
.how-it-works {
    padding: 145px 0 85px;
}

    .how-it-works div.contain {
    }

        .how-it-works div.contain > span.title {
            display: inline-block;
            width: 100%;
            margin-bottom: 115px;
            text-align: center;
            font-size: 40px;
            font-family: 'Roboto','Lato';
            font-weight: bold;
            color: #1B2422;
        }

            .how-it-works div.contain > span.title.mobile {
                margin-bottom: 45px;
                font-size: 31px;
                display: none;
            }

        .how-it-works div.contain .how-it-works-row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

            .how-it-works div.contain .how-it-works-row .works-col {
                display: flex;
                flex: 0 0 33.33%;
                align-items: center;
                flex-direction: column;
            }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(1) {
                    padding: 0 10px 0 0;
                }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(2) {
                    padding: 0 10px 0;
                }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(3) {
                    padding: 0 0 0 10px;
                }

                .how-it-works div.contain .how-it-works-row .works-col img {
                    margin-bottom: 50px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-title {
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 55px;
                    font-size: 20px;
                    font-weight: bold;
                    font-family: 'Roboto','Lato';
                    color: #000000;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-text {
                    display: inline-block;
                    width: 100%;
                    font-size: 20px;
                    font-weight: 400;
                    font-family: 'Roboto','Lato';
                    color: #2F2F2F;
                }

        .how-it-works div.contain a.works-cta {
            display: block;
            max-width: 330px;
            margin: 70px auto 0;
            padding: 30px 0;
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            font-family: 'Poppins';
            color: #2F2F2F;
            border-radius: 90px;
            border: 5px solid #707070;
            transition: all .2s;
        }

            .how-it-works div.contain a.works-cta:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .how-it-works div.contain {
        padding: 0 15px;
    }

        .how-it-works div.contain .how-it-works-row {
            justify-content: center;
        }

            .how-it-works div.contain .how-it-works-row .works-col {
                flex: 0 0 50%;
                margin-bottom: 60px;
            }

                .how-it-works div.contain .how-it-works-row .works-col img {
                    margin-bottom: 15px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-title {
                    text-align: center;
                    margin-bottom: 15px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-text {
                    text-align: center;
                }
}

@media(max-width:767px) {
    .how-it-works {
        padding: 75px 0 30px;
    }

        .how-it-works div.contain > span.title {
            display: none;
        }

            .how-it-works div.contain > span.title.mobile {
                display: inline-block;
            }

        .how-it-works div.contain > span {
            margin-bottom: 60px;
        }

        .how-it-works div.contain .how-it-works-row .works-col {
            flex: 0 0 100%;
        }

        .how-it-works div.contain a.works-cta {
            margin-top: 40px;
        }
}


/* Homepage - Information Section */
.info-section {
}

    .info-section .grey-bg {
        margin: 0 15px;
        padding: 100px 15px 80px;
        background-color: rgba(158,155,148,.28);
    }

    .info-section span.header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 135px;
        text-align: center;
        font-size: 39px;
        font-family: 'Poppins SemiBold','Lato';
        color: #1B2422;
    }

        .info-section span.header-title.mobile {
            display: none;
        }

    .info-section .info-blocks {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

        .info-section .info-blocks .info-block {
            display: flex;
            flex-direction: column;
            flex: 0 0 25%;
            padding: 0 37.5px;
        }

            .info-section .info-blocks .info-block .info-mini-block {
                min-height: 140px;
                margin-bottom: 45px;
                padding: 0 0 50px 0;
                font-size: 20px;
                font-family: 'Roboto','Lato';
                font-weight: 400;
                color: #000000;
                border-bottom: 1px solid #B7B7B7;
            }

            .info-section .info-blocks .info-block:nth-child(1) {
                padding: 0 37.5px 0 0;
            }

            .info-section .info-blocks .info-block:nth-child(4) {
                padding: 0 0 0 37.5px;
            }

            .info-section .info-blocks .info-block .info-mini-block:nth-child(2) {
                min-height: 85px !important;
            }

                .info-section .info-blocks .info-block .info-mini-block:nth-child(2) span {
                    display: inline-block;
                    text-align: center;
                    font-weight: bold;
                }

    .info-section .info-block .info-img {
        margin-bottom: 100px;
        min-height: 122px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .info-section .info-block .info-img.img-1 {
            background-image: url(/images/Worker.png);
        }

        .info-section .info-block .info-img.img-2 {
            background-image: url(/images/Eco-Plug.png);
        }

        .info-section .info-block .info-img.img-3 {
            background-image: url(/images/Chat-Icon.png);
        }

        .info-section .info-block .info-img.img-4 {
            background-image: url(/images/Chain.png);
        }

        .info-section .info-block .info-img.img-1 {
            background-size: auto 120px;
        }

        .info-section .info-block .info-img.img-2 {
            background-size: auto 122px;
        }

        .info-section .info-block .info-img.img-3 {
            background-size: auto 80px;
        }

        .info-section .info-block .info-img.img-4 {
            background-size: auto 107px;
        }

@media(max-width:1023px) {
    .info-section .grey-bg {
        padding: 45px 15px 20px;
    }

    .info-section .info-blocks .info-block {
        flex: 0 0 50%;
        margin-bottom: 85px;
    }

        .info-section .info-blocks .info-block:nth-child(odd) {
            padding: 0 37.5px 0 0;
        }

        .info-section .info-blocks .info-block:nth-child(even) {
            padding: 0 0 0 37.5px;
        }

    .info-section .info-block .info-img {
        margin-bottom: 50px;
    }

    .info-section .info-blocks .info-block .info-mini-block {
        padding-bottom: 38px;
    }

        .info-section .info-blocks .info-block .info-mini-block:nth-child(2) span {
        }
}

@media(max-width:767px) {
    .info-section span.header-title {
        display: none;
        margin-bottom: 50px;
        text-align: left;
        font-size: 31px;
    }

        .info-section span.header-title:nth-child(2) {
            margin-bottom: 80px;
        }

        .info-section span.header-title.mobile {
            display: inline-block;
            text-align: center;
        }

    .info-section .info-blocks .info-block:nth-child(odd) {
        padding: 0 10px 0 0;
    }

    .info-section .info-blocks .info-block:nth-child(even) {
        padding: 0 0 0 10px;
    }

    .info-section .info-blocks .info-block {
        margin-bottom: 0;
    }

        .info-section .info-blocks .info-block .info-mini-block:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0;
        }

        .info-section .info-blocks .info-block .info-mini-block span {
            display: inline-block;
            text-align: center;
        }

        .info-section .info-blocks .info-block .info-mini-block {
            font-size: 18px;
        }

    .info-section .info-block .info-img.img-1 {
        background-size: auto 65px;
    }

    .info-section .info-block .info-img.img-2 {
        background-size: auto 71px;
    }

    .info-section .info-block .info-img.img-3 {
        background-size: auto 55px;
    }

    .info-section .info-block .info-img.img-4 {
        background-size: auto 77px;
    }
}

@media(max-width:374px) {
    .info-section .info-blocks .info-block .info-mini-block:nth-child(2) {
        min-height: 115px !important;
    }

    .info-section .info-blocks .info-block .info-mini-block {
        min-height: 165px;
    }
}


/* Homepage - Renewable Energy Section */
.renew-section {
    padding: 145px 0 115px;
}

    .renew-section .header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 115px;
        text-align: center;
        font-size: 39px;
        line-height: 1.1;
        font-family: 'Lato';
        font-weight: bold;
        color: #1B2422;
    }

    .renew-section .renew-blocks {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .renew-section .renew-blocks .renew-block {
            display: flex;
            flex: 0 0 50%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 50px;
            border-color: rgba(173,173,173,.32) !important;
            border-width: .5px !important;
        }

            .renew-section .renew-blocks .renew-block:nth-child(1) {
                border-bottom: solid;
                border-right: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(2) {
                border-bottom: solid;
                border-left: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(3) {
                border-top: solid;
                border-right: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(4) {
                border-top: solid;
                border-left: solid;
            }

    .renew-section .renew-block .renew-img {
        margin-bottom: 75px;
        min-height: 153px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .renew-section .renew-block .renew-img.img-1 {
            background-image: url(/images/Energy.png);
        }

        .renew-section .renew-block .renew-img.img-2 {
            background-image: url(/images/Windmill.png);
        }

        .renew-section .renew-block .renew-img.img-3 {
            background-image: url(/images/Sum.png);
        }

        .renew-section .renew-block .renew-img.img-4 {
            background-image: url(/images/Eco-House.png);
        }

        .renew-section .renew-block .renew-img.img-1 {
            background-size: auto 153px;
        }

        .renew-section .renew-block .renew-img.img-2 {
            background-size: auto 128px;
        }

        .renew-section .renew-block .renew-img.img-3 {
            background-size: auto 123px;
        }

        .renew-section .renew-block .renew-img.img-4 {
            background-size: auto 123px;
        }

    .renew-section .renew-block .text {
        display: inline-block;
        text-align: center;
        font-size: 25px;
        font-weight: 400;
        font-family: 'Roboto','Lato';
        color: #2F2F2F;
    }

    .renew-section div.contain a.renew-cta {
        display: block;
        max-width: 440px;
        margin: 100px auto 0;
        padding: 30px;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        font-family: 'Poppins';
        color: #2F2F2F;
        border-radius: 90px;
        border: 5px solid #707070;
        transition: all .2s;
    }

        .renew-section div.contain a.renew-cta.mobile {
            display: none;
        }

        .renew-section div.contain a.renew-cta:hover {
            opacity: .7;
        }

@media(max-width:767px) {
    .renew-section {
        padding: 110px 15px;
        145px;
    }

        .renew-section .header-title {
            margin-bottom: 80px;
        }

        .renew-section .renew-blocks .renew-block {
            flex: 100%;
            padding: 50px 0;
            border-top: 0 !important;
            border-right: 0 !important;
            border-bottom: 1px solid rgba(173,173,173,.32) !important;
            border-left: 0 !important;
        }

            .renew-section .renew-blocks .renew-block:last-child {
                border-bottom: 0 !important;
            }

        .renew-section .renew-block .text {
            text-align: center;
        }

        .renew-section div.contain a.renew-cta {
            display: none;
        }

            .renew-section div.contain a.renew-cta.mobile {
                display: block;
                max-width: 305px;
                width: 100%;
                padding: 30px 0;
            }

        .renew-section .renew-block .renew-img.img-1,
        .renew-section .renew-block .renew-img.img-2,
        .renew-section .renew-block .renew-img.img-3,
        .renew-section .renew-block .renew-img.img-4 {
            background-size: contain;
        }
}



/* Utility Section */
.utility-section {
    padding: 120px 0 110px;
    background-color: #546D69;
}

    .utility-section span.header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 110px;
        text-align: center;
        font-size: 39px;
        line-height: 1.75;
        font-family: 'Poppins SemiBold','Lato';
        color: #FFF;
    }

    .utility-section .header-icon {
        margin-bottom: 45px;
        min-height: 88px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: auto 88px;
        background-image: url(/images/Power-Tower.png);
    }

        .utility-section .header-icon.mobile {
            display: none;
        }

    .utility-section span {
        display: inline-block;
        width: 100%;
        margin-bottom: 45px;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 400;
        font-family: 'Roboto','Lato';
        color: #FFF;
    }

@media(max-width:767px) {
    .utility-section {
        padding: 100px 0;
    }

        .utility-section .contain {
            padding: 0 20px;
        }

        .utility-section .header-icon {
            display: none;
        }

            .utility-section .header-icon.mobile {
                display: block;
                margin-bottom: 60px;
            }

        .utility-section span.header-title {
            font-size: 30px;
        }

        .utility-section span {
            font-size: 20px;
        }
}



/* Homepage - Expert Guidance */
.expert-section {
    padding: 185px 0 140px;
}

    .expert-section .header-title,
    .expert-section .expert-half.expert-info span.header-title {
        font-size: 40px;
        font-weight: bold;
        font-family: 'Roboto','Lato';
        color: #1B2422;
    }

    .expert-section .expert-box {
        display: flex;
        flex-direction: row;
    }

    .expert-section .expert-half {
        display: flex;
        flex: 0 0 50%;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
    }

        .expert-section .expert-half:first-child {
            padding-right: 30px;
        }

        .expert-section .expert-half:last-child {
            padding-left: 30px;
        }

        .expert-section .expert-half.expert-info {
        }

            .expert-section .expert-half.expert-info span {
                display: inline-block;
                margin-bottom: 40px;
                font-size: 20px;
                font-family: 'Poppins';
                color: #2F2F2F;
            }

                .expert-section .expert-half.expert-info span:nth-child(2) {
                    margin-bottom: 75px;
                    font-size: 26px;
                    font-family: 'Roboto','Lato';
                }

        .expert-section .expert-half.expert-img {
            margin-bottom: 45px;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(/images/Experts.png);
        }

            .expert-section .expert-half.expert-img.mobile {
                display: none;
            }

        .expert-section .expert-half.expert-info a.expert-cta {
            max-width: 360px;
            margin-top: 30px;
            padding: 10px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            font-family: 'Roboto','Lato';
            color: #FFF;
            background-color: #61939A;
            border-radius: 90px;
            transition: all .2s;
        }

            .expert-section .expert-half.expert-info a.expert-cta:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .expert-section {
        padding: 100px 0;
    }

        .expert-section .contain {
            padding: 0 15px;
        }

        .expert-section .expert-half {
            flex: 0 0 100%;
            padding: 0 0 0 0 !important;
            flex-direction: row;
        }

            .expert-section .header-title,
            .expert-section .expert-half.expert-info span.header-title {
                font-size: 30px;
            }

            .expert-section .expert-half.expert-img {
                display: none;
            }

                .expert-section .expert-half.expert-img.mobile {
                    display: block;
                    width: 100%;
                    margin: 30px 0 60px;
                    padding-bottom: 50% !important;
                }
}

@media(max-width:767px) {
    .expert-section .expert-half.expert-img.mobile {
        padding-bottom: 75% !important;
    }
}

@media(max-width:450px) {
    .expert-section .expert-half.expert-img.mobile {
        padding-bottom: 100% !important;
    }
}


/* Homepage - Contact Section */
.contact-section {
    padding-bottom: 5px;
}

    .contact-section .grey-bg {
        margin: 0 15px;
        background-color: rgba(158,155,148,.28);
    }

    .contact-section .contact-box {
        display: flex;
        flex-direction: row;
    }

        .contact-section .contact-box .header-title {
            display: inline-block;
            margin-bottom: 35px;
            font-size: 39px;
            line-height: 1.75;
            font-weight: bold;
            font-family: 'Poppins SemiBold','Lato';
            color: #1B2422;
        }

        .contact-section .contact-box .text {
            display: inline-block;
            margin-bottom: 50px;
            font-size: 20px;
            line-height: 1.5;
            font-weight: 400;
            font-family: 'Poppins','Lato';
            color: #383838;
        }

        .contact-section .contact-box .contact-half {
            display: flex;
            flex: 0 0 50%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 80px 0;
        }

    .contact-section .contact-half.contact-form {
        display: inline-block;
        width: 100%;
        padding: 65px 40px 75px;
    }

        .contact-section .contact-half.contact-form label {
            display: inline-block;
            width: 100%;
            margin-bottom: 45px;
            font-family: 'Roboto','Lato';
            color: #1B2422;
        }

            .contact-section .contact-half.contact-form label span {
                display: inline-block;
                width: 100%;
                margin-bottom: 15px;
                font-size: 20px;
                line-height: 1;
                font-weight: bold;
            }

        .contact-section .contact-half.contact-form input:not([type=submit]):not([type="checkbox"]) {
            display: inline-block;
            width: 100%;
            padding: 24px 15px;
            font-size: 20px;
            border: 1px solid #707070;
            box-shadow: none;
        }

        .contact-section .contact-half.contact-form label.tos-agree input,
        .contact-section .contact-half.contact-form label.tos-agree a {
            display: inline-block;
            float: left;
        }

        .contact-section .contact-half.contact-form label.tos-agree input {
            width: 13px;
            margin-right: 5px;
        }

        .contact-section .contact-half.contact-form label.tos-agree a {
            width: calc(100% - 31px);
            color: #383838;
        }

        .contact-section .contact-half.contact-form input.submit {
            display: block;
            max-width: 490px;
            width: 100%;
            margin: 0 auto;
            padding: 10px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #FFF;
            background-color: #61939A;
            border-radius: 90px;
            border: none;
            transition: all .2s;
        }

            .contact-section .contact-half.contact-form input.submit:hover {
                opacity: .7;
            }

    .contact-section .contact-half.contact-img {
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/images/Contact.jpg);
    }

@media(max-width:767px) {
    .contact-section .contact-box .header-title {
        font-size: 30px;
        text-align: center;
    }

    .contact-section .contact-box .text {
        font-size: 21px;
    }

    .contact-section .contact-box .contact-half {
        flex: 0 0 100%;
    }

    .contact-section .contact-half.contact-form {
        padding: 80px 20px;
    }

    .contact-section .contact-half.contact-img {
        display: none;
    }

    .contact-section .contact-half.contact-form label span {
        font-size: 24px;
    }

    .contact-section .contact-half.contact-form input:not([type=submit]) {
        padding: 20px 15px;
    }
}



/* Homepage - Banner CTA */
.banner-cta {
    padding: 65px 0;
    background-color: #61939A;
}

    .banner-cta .banner-box {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .banner-cta .banner-box.mobile {
            display: none;
        }

    .banner-cta .banner-text {
        display: flex;
        flex: 0 0 75%;
        flex-direction: column;
    }

        .banner-cta .banner-text span {
            font-size: 30px;
            font-weight: 700;
            font-family: 'Roboto','Lato';
            color: #FFF;
        }

    .banner-cta .banner-button {
        display: flex;
        flex: 0 0 25%;
        flex-direction: column;
    }

        .banner-cta .banner-button a {
            display: inline-block;
            max-width: 290px;
            width: 100%;
            padding: 30px;
            text-align: center;
            font-size: 26px;
            font-weight: 400;
            font-family: 'Roboto','Lato';
            color: #FFF;
            background-color: #0072FF;
            border-radius: 90px;
            transition: all .2s;
        }

            .banner-cta .banner-button a:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .banner-cta .contain {
        padding: 0 15px;
    }

    .banner-cta .banner-box {
        display: none;
    }

        .banner-cta .banner-box.mobile {
            display: flex;
            flex-direction: column;
        }

    .banner-cta .banner-icon {
        margin-bottom: 25px;
        min-height: 71px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: auto 71px;
        background-image: url(/wp-content/uploads/2020/12/Wind-Mill-White.png);
        background-image: -webkit-image-set( url(/wp-content/uploads/2020/12/Wind-Mill-White.png) 1x, url(/wp-content/uploads/2020/12/Wind-Mill-White-x2.png) 2x, );
        background-image: image-set( url(/wp-content/uploads/2020/12/Wind-Mill-White.png) 1x, url(/wp-content/uploads/2020/12/Wind-Mill-White-x2.png) 2x, );
    }

    .banner-cta .banner-text {
        max-width: 290px;
        width: 100%;
        margin-bottom: 150px;
    }

    .banner-cta .banner-button {
        max-width: 290px;
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

        .banner-cta .banner-button a {
            font-size: 26px;
        }

        .banner-cta .banner-button.clear a {
            background-color: initial;
            border: 3px solid #FFF;
            font-size: 17px;
        }
}



.cb-hack {
    display: inline;
    opacity: 0;
    position: relative;
    width: 1px;
    height: 1px;
    top: 4px;
    right: -34px;
}

@media(max-width:767px) {
    .cb-hack {
        top: 48px;
        right: -29px;
    }
}

/* OH Consent Form*/
.electronic-consent-form {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

    .electronic-consent-form h3 {
        display: inline-block;
        margin-bottom: 15px;
    }

    .electronic-consent-form ul {
        display: inline-block;
        margin-bottom: 10px;
        list-style-type: none;
    }

        .electronic-consent-form ul li {
            display: inline-block;
            width: 100%;
            margin-bottom: 3px;
            font-size: 17px;
        }

    .electronic-consent-form .consent-address {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

        .electronic-consent-form .consent-address span {
            display: inline-block;
            width: 100%;
            font-size: 17px;
        }


/* Legal elements CSS */
.contract-rates {
    display: flex;
    width: 100%;
    align-content: center;
    text-align: left;
}

    .contract-rates > div {
        display: flex;
        flex-direction: column;
        flex: 0 0 50%;
    }

        .contract-rates > div p.plan-name {
            font-size: 18px;
            font-weight: 700;
        }

        .contract-rates > div p {
            display: inline-block;
            width: 100%;
            margin-bottom: 5px;
        }

.contracts-box {
    display: inline-block;
    width: 100%;
}

.attachments-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}

    .attachments-box a {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }


/* HOMEPAGE Helping Hands section */
.helping-hands {
    display: inline-block;
    width: 100%;
    padding: 50px 20px;
}

span.fp-header-text {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #000000;
}

.yt-bottom-text,
.ig-bottom-text {
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ig-bottom-text {
    line-height: 17px;
}

.yt-bottom-text img,
#sb_instagram .ig-bottom-text img {
    display: inline;
    margin-right: 5px !important;
}

.hh-yt-box {
    display: inline-block;
    width: 100%;
}

    .hh-yt-box .yt-vid {
        display: inline-block;
        width: 49%;
        float: left;
    }

        .hh-yt-box .yt-vid:first-child {
            margin-right: 1%;
        }

        .hh-yt-box .yt-vid:last-child {
            margin-left: 1%;
        }

.hh-ig-feed {
    margin: 0 -2%;
}


/* HOMEPAGE Food Donation Schedule */
.donation-schedule {
    display: inline-block;
    width: 100%;
    padding: 80px 20px;
}

    .donation-schedule span.fp-header-text {
        margin-bottom: 20px;
    }

    .donation-schedule span.donation-text {
        display: block;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(0,0,0,.9);
    }

.donation-table {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.donate-page {
    min-height: 500px;
}

.donate-day {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

    .donate-day .donate-day-text {
        display: inline-block;
        width: 100%;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.1;
        color: #93CB65;
        border-bottom: 0.5px solid #B2B2B2;
    }

.donation-row {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.donate-day .donate-col {
    display: inline-block;
    float: left;
    min-height: 1px;
    width: 40%;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(0,0,0,.9);
}

    .donate-day .donate-col.dTime {
        width: 20%;
        text-transform: uppercase;
    }

    .donate-day .donate-col.dName {
    }

    .donate-day .donate-col.dLoca {
    }

        .donate-day .donate-col.dLoca.onsite {
            color: rgba(0,0,0,.25);
        }

.donate-pagination {
    display: block;
    max-width: 400px;
    width: 100%;
    margin: 40px auto 0;
    text-align: center;
}

    .donate-pagination span.donate-pagi,
    .donate-pagination span.donate-arrow {
        display: inline-block;
        width: 33px;
        height: 33px;
        margin: 0 10px;
        text-align: center;
        font-size: 14px;
        line-height: 33px;
        color: rgba(25,25,25,.5);
        border-radius: 3px;
        cursor: pointer;
        transition: all .2s;
    }

        .donate-pagination span.donate-pagi:not(.selected):hover,
        .donate-pagination span.donate-arrow:hover {
            color: #E54625;
        }

        .donate-pagination span.donate-pagi.selected {
            background-color: #E54625;
            color: #FFF;
            cursor: initial;
        }

        .donate-pagination span.donate-pagi.hidden {
            display: none;
        }

@media(max-width:480px) {
    .hh-yt-box .yt-vid {
        width: 100%;
        margin: 0 0 5px 0;
        padding: 2%;
    }

        .hh-yt-box .yt-vid:first-child,
        .hh-yt-box .yt-vid:last-child {
            margin: 0 0 5px 0;
        }

    .hh-ig-feed {
        margin: 0;
    }

        .hh-ig-feed #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
            margin-bottom: 5px;
        }

    .donation-row {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
    }

    .donate-day .donate-col,
    .donate-day .donate-col.dTime {
        width: 100%;
        margin-bottom: 3px;
    }

    .donate-pagination {
        width: 275px;
    }

        .donate-pagination span.donate-pagi,
        .donate-pagination span.donate-arrow {
            width: 25px;
            height: 25px;
            line-height: 25px;
            margin: 0 5px;
        }
}

/* ENROLLMENT ELEMENTS */
.enroll-form .input-wrap {
    position: relative;
    display: flex;
    width: 100%;
    margin: 5px 0;
    padding: 5px 0;
}

    .enroll-form .input-wrap .col {
        display: flex;
        align-items: center;
    }

        .enroll-form .input-wrap .col.grid-1 {
            position: relative;
            width: initial;
        }

        .enroll-form .input-wrap .col p {
            line-height: 1.3;
        }

            .enroll-form .input-wrap .col p:last-child {
                margin-bottom: 0;
            }

        .enroll-form .input-wrap .col .formError {
            top: calc(50% - 12px) !important;
            left: 5px !important;
        }

.fakeLink {
    color: #00c0ff;
    cursor: pointer;
}

    .fakeLink:hover {
        color: #000;
    }

.il-before-enroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    .il-before-enroll .il-before-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.75);
    }

    .il-before-enroll .il-before-inner {
        position: relative;
        top: 50%;
        max-width: 500px;
        width: 100%;
        margin: -150px auto 0;
        padding: 15px 20px;
        background: #FFF;
    }

        .il-before-enroll .il-before-inner:after {
            content: '';
            display: block;
            width: 100%;
            clear: both;
        }

        .il-before-enroll .il-before-inner button {
            margin-top: 20px;
            float: right;
        }

/*!
 * Youtube LazyLoad 
 * v4.0.0
 * https://github.com/the-muda-organization/youtube-lazyload
 * MIT License
 */


/* youtube lazyload container */
.yt-lazyload {
    width: 100%;
    position: relative !important;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* youtube lazyload container ::before --> to maintain 16/9 ratio & black bg before JS loaded */
    .yt-lazyload::before {
        content: '';
        width: 100%;
        display: block;
        position: relative;
        padding-top: 56.25%; /*16:9 ratio*/
        background-color: #000;
    }

/* youtube lazyload wrap */
.yt-lazyload-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: inherit;
}

/* youtube lazyload content */
.yt-lazyload-content {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    background-image: var(--yt-lazyload-img);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

/* play-btn */
.yt-lazyload-playbtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /*background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='rgba(0,0,0,.65)' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E");*/
    background-image: url("../images/svg/yt-play-icon.svg");
    background-position: 50%;
    background-size: calc(35px + 10%) auto;
    background-repeat: no-repeat;
    transition: all .2s;
}

    /* play-btn:hover */
    .yt-lazyload-playbtn:hover {
        /*background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='red' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E");*/
        opacity: .8;
    }

/* logo */
.yt-lazyload-logo {
    display: block;
    width: 30%;
    min-width: 95px;
    min-height: 22px;
    max-width: 215px;
    padding-top: 6.8%; /* 22.3577236% (logo height/width in %) * 0.3 (equivalent to width:30%) = 6.70731708% rounded up */
    position: absolute;
    right: 4%;
    bottom: 4%;
    z-index: 2;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .75;
    transition: opacity .3s;
}

/* 0 = no logo!    */
/* 1 = black       */ .yt-lazyload[data-logo="1"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 110'%3E%3Cpath d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}
/* 2 = color-black */ .yt-lazyload[data-logo="2"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282828' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}
/* 3 = white       */ .yt-lazyload[data-logo="3"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 580 130'%3E%3Cpath d='M181.7 20.7c-2.1-7.9-8.4-14.2-16.3-16.3C151.1.5 93.6.5 93.6.5s-57.6.1-71.9 4C13.8 6.6 7.5 12.9 5.4 20.8 1.6 35.1 1.6 65 1.6 65s0 29.9 3.9 44.3c2.1 7.9 8.4 14.2 16.3 16.3 14.3 3.9 71.8 3.9 71.8 3.9s57.5 0 71.8-3.9c7.9-2.1 14.2-8.4 16.3-16.3 3.9-14.3 3.9-44.3 3.9-44.3s0-29.9-3.9-44.3zM75.2 92.6V37.4L123 65 75.2 92.6z'/%3E%3Cpath d='m268.6 117.8c-3.7-2.5-6.3-6.3-7.8-11.5s-2.2-12-2.2-20.7v-11.6c0-8.6 0.8-15.7 2.6-20.9 1.8-5.3 4.5-9.1 8.3-11.5s8.6-3.7 14.6-3.7c5.9 0 10.8 1.2 14.3 3.7s6.3 6.3 7.9 11.5 2.5 12.2 2.5 20.8v11.7c0 8.6-0.8 15.5-2.5 20.7s-4.3 9-7.9 11.5c-3.7 2.4-8.6 3.7-14.8 3.7-6.4 0-11.3-1.3-15-3.7zm20.5-12.6c1.1-2.6 1.5-7 1.5-12.9v-25.2c0-5.8-0.5-10-1.5-12.6-1.1-2.7-2.8-4-5.3-4s-4.1 1.3-5.2 4-1.5 6.9-1.5 12.6v25.2c0 5.9 0.5 10.3 1.4 12.9s2.7 3.9 5.3 3.9c2.4 0 4.2-1.3 5.3-3.9zm258.9-19.3v4.1c0 5.2 0.1 9.1 0.5 11.7s0.9 4.5 1.9 5.7c0.9 1.2 2.5 1.8 4.5 1.8 2.7 0 4.6-1.1 5.6-3.2 1.1-2.1 1.5-5.7 1.7-10.5l15.7 0.9c0.1 0.7 0.1 1.7 0.1 2.8 0 7.4-2 13-6.1 16.7s-9.8 5.6-17.2 5.6c-9 0-15.2-2.8-18.8-8.4-3.5-5.6-5.4-14.3-5.4-26v-14.3c0-12 1.9-20.9 5.6-26.5 3.8-5.6 10.2-8.4 19.1-8.4 6.3 0 11 1.2 14.3 3.4s5.7 5.8 7.1 10.6 2 11.5 2 20v13.8h-30.6v0.2zm2.4-34c-0.9 1.2-1.5 3-1.9 5.6s-0.5 6.5-0.5 11.8v5.7h13.2v-5.8c0-5.2-0.1-9.1-0.5-11.8s-0.9-4.6-1.9-5.7c-0.9-1.1-2.4-1.7-4.3-1.7-1.9 0.2-3.3 0.8-4.1 1.9zm-326 32.5-20.6-74.7h18.1l7.2 33.8c1.9 8.4 3.2 15.5 4.1 21.3h0.5c0.6-4.3 2-11.2 4.1-21.1l7.4-33.9h18.1l-20.9 74.5v35.7h-17.8v-35.6h-0.2zm143-44.9v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1zm93.2 0v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1z'/%3E%3Cpath d='m416.8 24.4h-18.1v95.8h-17.7v-95.8h-18.1v-14.7h53.8v14.6h0.1zm103.8 28c-1.1-5.1-2.8-8.7-5.3-11.1-2.5-2.2-5.8-3.4-10.2-3.4-3.3 0-6.5 0.9-9.3 2.8-3 1.9-5.1 4.4-6.7 7.4h-0.1v-42.5h-17.5v114.4h15l1.9-7.7h0.4c1.4 2.7 3.5 4.8 6.3 6.5 2.8 1.5 5.9 2.4 9.3 2.4 6.1 0 10.6-2.8 13.6-8.5 2.8-5.7 4.4-14.5 4.4-26.5v-12.7c-0.2-9-0.7-16.1-1.8-21.1zm-16.7 32.9c0 5.9-0.2 10.5-0.7 13.8s-1.3 5.7-2.5 7.1-2.7 2.1-4.6 2.1c-1.5 0-2.8-0.4-4.1-1.1s-2.2-1.8-3.1-3.2v-45.7c0.6-2.2 1.7-4 3.2-5.4s3.1-2.1 4.8-2.1c1.9 0 3.3 0.7 4.3 2.1 1.1 1.4 1.7 3.9 2.1 7.3s0.6 8.3 0.6 14.6v10.5z'/%3E%3C/svg%3E")
}
/* 4 = color-white */ .yt-lazyload[data-logo="4"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}

/* logo:hover */
.yt-lazyload-logo:hover {
    opacity: 1;
    transition: opacity .3s;
}

/* iframe */
.yt-lazyload iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 0;
}


.provider-form__label {
    padding: 20px 20px;
}

    .provider-form__label img {
        font-size: 12px;
    }

.actions-menu li.BBB {
    margin: 25px 10px 15px;
}

a#bbblink.ruhzbal,
a#bbblink.ruhzbul {
    width: 133.3333px !important;
    height: 60px !important;
}

    a#bbblink.sehzbal:hover img,
    a#bbblink.rbhzbal:hover img,
    a#bbblink.ruhzbal:hover img,
    a#bbblink.sehzbul:hover img,
    a#bbblink.rbhzbul:hover img,
    a#bbblink.ruhzbul:hover img {
        margin-left: -133.6666px !important;
    }
/*#bbblink{
	display:inline-block!important;
	width:143px!important;
	height:64px!important;
	padding: 5px 10px!important;
	margin: 20px 10!important;
}
	#bbblink img{
		max-width:initial;
		width:215%;
		height:auto;
	}*/

.home .main-header {
    min-height: 700px;
}

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

@font-face {
    font-family: 'Arial';
    src: url("../fonts/Arial-black-webfont.eot");
    src: url("../fonts/Arial-black-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/Arial-black-webfont.svg#Arial") format("svg");
    font-weight: 800;
    font-style: normal
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html, body {
    height: 100%
}

body {
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
    font-size: 18px;
    line-height: 1.4
}

h1, h2, h3, h4, h5, h6 {
    color: #636363
}

h1 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 20px
}

h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 18px
}

p {
    line-height: 1.5;
    font-size: 17px;
    color: #565555;
    margin-bottom: 26px
}

a {
    text-decoration: none;
    color: #00c0ff
}

img {
    max-width: 100%;
    vertical-align: top
}

.input {
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: inset 0 5px 6px rgba(0,0,0,0.03);
    background-color: white;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    padding: 10px;
    margin-bottom: 10px
}

.input--block {
    display: block;
    width: 100%
}

.input--email {
    background: #fff url(../../images/svg/email-input-icon.svg) 17px center no-repeat;
    padding-left: 55px
}

.input--user {
    padding-left: 55px;
    background: #fff url(/images/svg/user-input-icon.svg) 17px center no-repeat
}

.input--write {
    padding-left: 55px;
    background: #fff url(/images/svg/edit-input-icon.svg) 17px 17px no-repeat
}

.input--phone {
    padding-left: 55px;
    background: #fff url(/images/svg/telephone-icon.svg) 17px center no-repeat
}

.input--message {
    padding-left: 55px;
    background: #fff url(/images/svg/message-icon.svg) 17px 17px no-repeat
}

.input--marker {
    padding-left: 55px;
    background: #fff url(/images/svg/input-marker-icon.svg) 17px center no-repeat
}

.input--city {
    padding-left: 55px;
    background: #fff url(/images/svg/input-city-icon.svg) 17px center no-repeat
}

.input--tag {
    padding-left: 55px;
    background: #fff url(/images/input-tag-icon.png) 17px center no-repeat
}

.input--gas {
    padding-left: 55px;
    background: #fff url(/images/svg/input-gas-icon.svg) 17px center no-repeat
}

.input--electric {
    padding-left: 55px;
    background: #fff url(/images/svg/input-electricity-icon.svg) 17px center no-repeat
}

.input--company {
    padding-left: 55px;
    background: #fff url(/images/svg/input-company-icon.svg) 17px center no-repeat;
    background-size: 18px
}

.input--password {
    padding-left: 55px;
    background: #fff url(/images/svg/input-password-icon.svg) 17px center no-repeat;
    background-size: 18px
}

.input--textarea {
    background-position: 17px 17px !important;
    padding-top: 17px
}

.label--radio {
    cursor: pointer
}

.radio {
    cursor: pointer
}

.radio--left {
    margin-right: 10px
}

.radio--hidden {
    display: none
}

.margin--0 {
    margin: 0 !important
}

.group:before, .group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.bold-heading {
    font-family: "Arial";
    text-transform: uppercase;
    font-weight: 900
}

.bold-heading--big {
    font-size: 68px;
    line-height: 64px
}

.grid-1 {
    width: 8.33333%
}

.span-1 {
    margin-left: 8.33333%
}

.grid-2 {
    width: 16.66667%
}

.span-2 {
    margin-left: 16.66667%
}

.grid-3 {
    width: 25%
}

.span-3 {
    margin-left: 25%
}

.grid-4 {
    width: 33.33333%
}

.span-4 {
    margin-left: 33.33333%
}

.grid-5 {
    width: 41.66667%
}

.span-5 {
    margin-left: 41.66667%
}

.grid-6 {
    width: 50%
}

.span-6 {
    margin-left: 50%
}

.grid-7 {
    width: 58.33333%
}

.span-7 {
    margin-left: 58.33333%
}

.grid-8 {
    width: 66.66667%
}

.span-8 {
    margin-left: 66.66667%
}

.grid-9 {
    width: 75%
}

.span-9 {
    margin-left: 75%
}

.grid-10 {
    width: 83.33333%
}

.span-10 {
    margin-left: 83.33333%
}

.grid-11 {
    width: 91.66667%
}

.span-11 {
    margin-left: 91.66667%
}

.grid-12 {
    width: 100%
}

.span-12 {
    margin-left: 100%
}

.page-wrapper {
    height: 100%;
    width: 100%
}

.wrap {
    width: 100%;
    display: block
}

.contain {
    max-width: 1000px;
    margin: 0 auto
}

.contain--pad50-0 {
    padding: 50px 0
}

.grid-pad {
    padding: 20px 0 20px 20px
}

    .grid-pad .col:last-of-type {
        padding-right: 20px
    }

.grid-posts {
    width: 70%;
    padding-right: 20px
}

.grid-sidebar {
    width: 30%
}

.col {
    float: left;
    padding-right: 20px
}

    .col:last-child {
        padding-right: 0
    }

.col--no-pad {
    padding: 0 !important
}

.col--pad20 {
    padding: 20px !important
}

.col--pad30 {
    padding: 30px !important
}

.pad-bottom100 {
    padding-bottom: 100px
}

.pad60-0 {
    padding: 60px 0
}

.pad100-0 {
    padding: 100px 0
}

.blog-posts__post, .blog-sidebar__block--white {
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05)
}

.post-meta--small .post-meta__link {
    margin-right: 10px
}

.post-meta a {
    text-decoration: none;
    font-size: 12px;
    color: #505050
}

.post-meta__icon {
    position: relative;
    top: 5px;
    fill: #505050;
    margin-right: 6px
}

.post-meta__link {
    margin-right: 20px
}

.post-meta .read-more-link {
    float: right;
    color: #ff2a00;
    text-transform: uppercase;
    line-height: 22px;
    position: relative;
    top: 2px
}

.post-meta .read-more-link--big {
    font-size: 17px;
    font-weight: 900
}

.blog-top-slider {
    padding: 50px 0;
    position: relative
}

.blog-top-slider__prev-arrow, .blog-top-slider__next-arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px
}

    .blog-top-slider__prev-arrow svg, .blog-top-slider__next-arrow svg {
        width: 22px;
        height: 40px;
        fill: #ebebeb
    }

.blog-top-slider__prev-arrow {
    left: -60px
}

.blog-top-slider__next-arrow {
    right: -60px
}

.blog-listing {
    padding: 50px 0
}

.blog-posts__post {
    margin-bottom: 30px
}

.blog-posts__post__body {
    padding: 50px;
    background: white
}

.blog-posts__post__heading {
    font-size: 30px;
    line-height: 38px;
    font-weight: normal
}

.post {
    background: white
}

.post__title-wrap {
    padding: 40px 40px 20px;
    border-bottom: 1px solid #eaeaea
}

.post__title {
    font-size: 39px;
    line-height: 45px;
    font-weight: normal
}

.post__content {
    padding: 30px 40px;
    border-bottom: 1px solid #eaeaea
}

.similar-articles {
    padding: 30px 40px;
    color: #565555;
    border-bottom: 1px solid #eaeaea
}

.similar-articles__heading {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px
}

.similar-articles__post {
    padding-right: 15px
}

    .similar-articles__post:last-child {
        padding-right: 0;
        padding-left: 15px
    }

.similar-articles__post__img {
    margin-bottom: 10px;
    display: block
}

.similar-articles__post__link {
    font-size: 20px;
    line-height: 1.2;
    color: #333333
}

.comment-section__heading {
    font-size: 23px;
    font-weight: normal;
    color: #333
}

    .comment-section__heading svg {
        margin-right: 10px;
        position: relative;
        top: 2px
    }

.comments-wrap {
    padding: 30px 40px
}

.comment {
    padding: 20px 0
}

.comment__meta {
    padding: 16px 0
}

.comment__meta__avatar {
    float: left;
    margin-right: 20px;
    border-radius: 50%
}

.comment__content {
    border-bottom: 1px solid #eaeaea
}

.comment:last-child .comment__content {
    border-bottom: 0
}

.comment .comment {
    position: relative;
    margin-left: 20px;
    padding-left: 30px
}

    .comment .comment:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #eaeaea;
        left: 0
    }

.comment-reply {
    padding: 30px 40px;
    background: #fcfcfc
}

.comment-reply__form {
    margin-bottom: 20px
}

    .comment-reply__form .input {
        padding: 14px 10px 14px 50px;
        margin-bottom: 16px
    }

.blog-sidebar__block {
    margin-bottom: 30px
}

.sidebar-optin {
    padding: 0 20px
}

.sidebar-optin__heading {
    font-size: 26px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 20px
}

.sidebar-optin__img {
    display: block;
    margin: 20px auto
}

.sidebar-optin__form {
    margin-bottom: 30px
}

    .sidebar-optin__form .input--email {
        height: 62px
    }

.sidebar-optin__privacy {
    text-align: center;
    color: #dbdbdb;
    font-size: 15px
}

    .sidebar-optin__privacy svg {
        fill: #dbdbdb;
        display: inline-block;
        margin-right: 8px;
        top: 3px;
        position: relative
    }

.sidebar-tabs a {
    color: #333333
}

.sidebar-tabs__tab {
    float: left;
    text-align: center;
    width: 50%;
    padding: 20px 0;
    font-size: 15px;
    font-weight: bold;
    background: #f8f7f7;
    border-bottom: 1px solid #efefef
}

    .sidebar-tabs__tab:last-child {
        border-left: 1px solid #efefef
    }

    .sidebar-tabs__tab:first-child {
        border-right: 1px solid #efefef
    }

    .sidebar-tabs__tab.active {
        border: none;
        background: #fff
    }

.sidebar-tabs__content-wrap {
    display: none
}

    .sidebar-tabs__content-wrap.active {
        display: block
    }

.sidebar-tabs__post {
    background: #ffffff;
    padding: 20px 30px;
    border-bottom: 1px solid #efefef
}

    .sidebar-tabs__post:nth-child(even) {
        background: #fafafa
    }

.sidebar-tabs__post__img {
    float: left;
    width: 32%
}

.sidebar-tabs__post__content {
    float: left;
    width: 68%;
    padding-left: 14px
}

.sidebar-tabs__post__title {
    font-size: 14px;
    margin-bottom: 10px
}

.contact-map {
    background: url(../../images/apg-map.jpg) top center no-repeat;
    min-height: 452px
}

.contact-map__marker {
    position: relative;
    color: white;
    fill: white;
    background: rgba(0,0,0,0.79);
    width: 454px;
    font-size: 16px;
    padding: 10px;
    margin: 0 auto;
    top: 80px
}

    .contact-map__marker:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border-left: 32px solid rgba(0,0,0,0.79);
        border-right: 32px solid transparent;
        border-bottom: 32px solid transparent;
        bottom: -32px;
        left: 64px
    }

.contact-map__marker__img {
    max-width: 50%;
    float: left
}

.contact-map__marker__content {
    float: left;
    width: 60%;
    padding: 10px 20px 0
}

    .contact-map__marker__content span {
        display: block;
        margin-bottom: 14px
    }

.contact-map__marker__title {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: bold
}

.contact-map__marker__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px
}

.contact-page {
    background: white;
    padding: 0 40px;
    border-top: 4px solid #7dc43e;
    position: relative;
    top: -40px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(2,2,2,0.05);
    margin-bottom: 40px
}

.contact-page__header {
    text-align: center;
    padding: 50px
}

    .contact-page__header p {
        font-size: 24px;
        line-height: 32px;
        color: #626262;
        font-weight: 300
    }

.contact-page__title {
    font-family: "Arial", sans-serif;
    font-weight: normal;
    font-size: 47px;
    line-height: 55px;
    text-transform: uppercase;
    color: #626262;
    margin-bottom: 20px
}

.contact-page__form__inputs-wrap {
    position: relative;
    padding: 40px;
    background: #f8f8f8;
    margin-bottom: 60px
}

    .contact-page__form__inputs-wrap:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border-left: 50px solid #f8f8f8;
        border-right: 40px solid transparent;
        border-bottom: 32px solid transparent;
        bottom: -32px;
        left: 138px
    }

.contact-page__form input {
    height: 78px;
    margin-bottom: 20px
}

.contact-page__form textarea {
    height: 274px;
    padding: 18px 24px 20px 55px;
}

.contact-page__form .btn--large {
    width: 272px;
    margin: 10px 30px 40px
}

.contact-info {
    padding: 0 40px
}

.contact-info-block {
    color: #868686;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
    font-size: 16px
}

    .contact-info-block:first-child {
        padding-top: 0
    }

    .contact-info-block:last-child {
        border-bottom: 0
    }

    .contact-info-block strong {
        color: #626262
    }

    .contact-info-block p {
        font-size: 16px;
        margin-bottom: 12px
    }

.contact-info-block__heading {
    font-family: "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    color: #626262;
    margin-bottom: 12px
}

.contact-info-block__icon-left {
    margin-bottom: 14px
}

.contact-info-block__text {
    display: block;
    float: left;
    width: 90%;
    padding-left: 15px
}

.contact-info-block__icon {
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    fill: #c7c7c7
}

.looking-for-rates {
    padding: 50px 0
}

    .looking-for-rates .group {
        margin-bottom: 20px
    }

.region-select-wrap {
    padding: 50px 0
}

.region-select {
    background: white
}

.region-select__heading {
    font-family: "Arial";
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 40px;
    padding-left: 40px;
    color: #acacac
}

.region-select__form {
    padding: 30px 40px
}

    .region-select__form .input.input--inline {
        height: 59px
    }

    .region-select__form .input, .region-select__form .label {
        margin-right: 20px
    }

    .region-select__form .btn--red {
        font-size: 17px;
        font-weight: 900;
        padding: 20px 40px
    }

.cb-hack {
    display: none
}

    .cb-hack:checked + .check-label {
        background: #41bffe
    }

        .cb-hack:checked + .check-label:hover {
            background: #41bffe
        }

        .cb-hack:checked + .check-label:before {
            background: #fff url(../../images/checkbox-mark.png) center center no-repeat
        }

.check-label {
    padding: 20px 40px 20px 60px;
    border-radius: 3px;
    color: white;
    background: #ccc;
    position: relative;
    cursor: pointer
}

    .check-label:hover {
        background: #bbb
    }

    .check-label:before {
        content: "";
        height: 20px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 20px;
        margin-top: -10px;
        background: white
    }

.info-box {
    padding: 50px 30px
}

.info-box__img--left {
    float: left;
    max-width: 40%;
    position: relative;
    top: 20px
}

.info-box__title {
    text-transform: uppercase;
    margin: 20px auto;
    font-size: 18px;
    font-weight: 900;
    color: #333
}

.info-box__title--plain {
    font-weight: normal;
    text-transform: none;
    font-size: 23px;
    margin: 10px auto
}

.info-box__content--right {
    float: right;
    width: 60%
}

    .info-box__content--right p {
        font-size: 15px;
        margin-bottom: 0
    }

.info-box__content p {
    text-align: justify
}

.plans-bg {
    padding: 50px 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.shadow-box {
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 6px 13px rgba(0,0,0,0.35);
    margin-bottom: 40px
}

.shadow-box__content {
    padding: 40px 48px
}

    .shadow-box__content p:last-child {
        margin-bottom: 0
    }

.plans-tabs {
    list-style-type: none;
    color: white;
    background: #25c8fe
}

.plans-tabs__title {
    background: #3a3a3a;
    font-size: 29px;
    padding: 34px 28px 34px 84px;
    font-family: "Arial";
    text-transform: uppercase
}

.plans-tabs__tab {
    float: left;
    text-align: center;
    position: relative
}

    .plans-tabs__tab a {
        padding: 25px 40px;
        border-right: 1px solid #17bff7;
        color: #b4f4ff;
        display: block
    }

        .plans-tabs__tab a:hover {
            background: #02b2ec
        }

    .plans-tabs__tab.active {
        background: #02b2ec
    }

        .plans-tabs__tab.active a {
            border-right: 1px solid #02b2ec
        }

        .plans-tabs__tab.active:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -16px;
            border-top: 16px solid #02b2ec;
            border-right: 16px solid transparent;
            border-left: 16px solid transparent
        }

.plans-tabs__icon {
    fill: white;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 10px
}

.plans-tabs__icon--left {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    left: 28px
}

.plan {
    border: 5px solid white;
    box-shadow: 0 0 1px 0 #dedede;
    border-radius: 3px;
    background-color: #fff
}

.plan--centered {
    text-align: center
}

.plan--shadow {
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.03)
}

.plan__content {
    padding: 30px 40px
}

.plan__title {
    /*text-transform: uppercase;*/
    font-weight: normal;
    font-size: 33px;
    margin-bottom: 20px
}

.plan__details {
    height: 200px;
    overflow-y: auto
}

.plan__price {
    font-size: 78px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: -1px
}

.plan__price--med {
    font-size: 70px
}

.plan__price span {
    font-size: 30px;
    color: #b6b6b6;
    font-weight: normal
}

.plan__btn .selected-text {
    display: none
}

.plan__btn .unselected-text {
    display: block
}

.plan__footer {
    text-align: left
}

.plan__footer__icon {
    position: relative;
    margin-right: 10px
}

.plan__footer__icon--stroke {
    fill: none;
    stroke-width: 2px
}

.plan__footer__link {
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    color: #8f8f8f;
    background-color: #fbfbfb
}

    .plan__footer__link:hover {
        background-color: white
    }

    .plan__footer__link:nth-child(1) {
        border-right: 1px solid #eaeaea
    }

.mCustomScrollbar {
    padding-right: 20px
}

.plan-radio {
    display: none
}

    .plan-radio:checked + .plan-label .plan {
        border: 5px solid #7dc43e
    }

        .plan-radio:checked + .plan-label .plan .plan__btn {
            background: #7dc43e
        }

            .plan-radio:checked + .plan-label .plan .plan__btn .selected-text {
                display: block
            }

            .plan-radio:checked + .plan-label .plan .plan__btn .unselected-text {
                display: none
            }

.plan-label {
    display: block;
    margin-bottom: 30px
}

.rate-star-icon {
    width: 23px;
    height: 22px;
    fill: #e3e3e3;
    top: 4px
}

.more-info-icon {
    width: 32px;
    height: 8px;
    top: -1px
}

.info-icon {
    width: 22px;
    height: 22px;
    position: relative;
    top: 4px;
    margin-right: 10px;
    fill: #e0dfde
}

.circle-img {
    position: relative;
    margin-top: 40px
}

.circle-img--energy {
    top: -20px;
    right: -31px;
    margin-left: -31px;
    margin-bottom: -10px
}

.circle-img--gas {
    top: -34px;
    margin-bottom: -24px
}

.circle-img--about-us {
    top: -8px;
    margin-bottom: 2px
}

.circle-img--rebates {
    top: -4px;
    margin-bottom: 6px
}

.circle-img--rewards {
    margin-bottom: 10px
}

.circle-img--screen {
    margin-bottom: 10px
}

.pick-apg-services {
    padding: 100px 0
}

    .pick-apg-services h2 {
        font-size: 36px;
        margin-bottom: 30px
    }

.why-list-wrap {
    padding: 0 0 50px
}

.list--green-checkmarks > li {
    list-style-type: none;
    background: url(/images/svg/green-checkmark-icon.svg) left center no-repeat;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px
}

.list--lime-green-checkmarks > li {
    list-style-type: none;
    background: url(/images/svg/lime-green-checkmark-icon.svg) left center no-repeat;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 1em
}

.list--half > li {
    width: 50%;
    float: left;
    padding-right: 20px
}

.big-btn {
    display: block;
    padding: 40px;
    font-size: 27px;
    color: #626262;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.4);
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.02);
    margin-bottom: 40px
}

    .big-btn:hover {
        background: #f2f2f2
    }

.big-btn--icon svg {
    height: 42px;
    width: 46px;
    float: left;
    margin-right: 28px
}

.big-btn--arrow {
    position: relative;
    width: 380px
}

    .big-btn--arrow:hover:after {
        background: #f2f2f2 url(/images/svg/light-gray-arrow.svg) center center no-repeat
    }

    .big-btn--arrow:after {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        background: #f7f7f7 url(/images/svg/light-gray-arrow.svg) center center no-repeat;
        box-shadow: inset 0 -4px 0 rgba(0,0,0,0.02)
    }

.electricity-icon {
    fill: #00c0ff
}

.gas-icon {
    fill: #fe5432
}

.home-icon {
    fill: #8cd940
}

.progress {
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 60px
}

.progress__step {
    color: #b7b7b7;
    font-size: 20px;
    position: relative;
    padding: 0 50px 0 90px
}

    .progress__step:before {
        content: "";
        position: absolute;
        background: #f7f7f7;
        left: 50%;
        margin-left: -5px;
        height: 22px;
        width: 22px;
        bottom: -32px;
        border-radius: 50%
    }

    .progress__step:after {
        content: "";
        position: absolute;
        bottom: -27px;
        left: 50%;
        height: 12px;
        width: 12px;
        background: #b7b7b7;
        border-radius: 50%
    }

.progress__step__num {
    line-height: 1.3;
    font-size: 51px;
    float: left;
    width: 20%;
    font-family: "Arial"
}

.progress__step__text {
    float: left;
    padding: 10px;
    width: 80%;
    font-weight: bold;
    line-height: 1.2
}

.progress__step.active .progress__step__num {
    color: #00c0ff
}

.progress__step.active .progress__step__text {
    color: #5c5c5c
}

.progress__step.active:after {
    background: #7dc43e
}

.progress__step.completed:before {
    width: 28px;
    height: 28px
}

.progress__step.completed:after {
    background: url(/images/svg/green-checkmark-icon.svg) center center no-repeat;
    width: 20px;
    height: 16px
}

.arrow-top {
    background: #fcfcfc;
    position: relative;
    padding-bottom: 60px
}

    .arrow-top:before {
        content: "";
        height: 0;
        width: 0;
        border-bottom: 20px solid white;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        position: absolute;
        margin-left: -15px
    }

.arrow-top--white {
    background: white
}

.arrow-top--step-2:before {
    left: 50%
}

.arrow-top--step-3:before {
    left: 82.7%
}

.enroll-form {
    position: relative;
    background: white
}

.enroll-form__section {
    padding: 30px 40px;
    border-bottom: 1px solid #f5f5f5
}

.enroll-form__section--blue {
    background: #f8feff
}

    .enroll-form__section--blue .input-wrap.input-wrap--radio--bordered {
        padding: 40px 50px
    }

        .enroll-form__section--blue .input-wrap.input-wrap--radio--bordered input {
            position: relative;
            top: 30px
        }

.enroll-form__section--yellow {
    background: #fffffa
}

.enroll-form__heading {
    font-size: 33px;
    font-weight: normal
}

.enroll-form__heading--small {
    font-size: 24px
}

.enroll-form__footer {
    padding: 40px 50px
}

.enroll-form .input {
    height: 60px;
    margin-bottom: 14px
}

.enroll-form .input-wrap--radio--bordered {
    margin: 0 -40px;
    padding: 16px 50px;
    border-top: 1px solid #f5f5f5
}

    .enroll-form .input-wrap--radio--bordered:last-of-type {
        margin-bottom: -30px
    }

.enroll-form .btn--shadow.btn--med {
    padding: 20px 40px;
    background-color: #fafafa
}

    .enroll-form .btn--shadow.btn--med:hover {
        background-color: #ededed
    }

.enroll-form p {
    font-size: 16px
}

.bill-img {
    display: block;
    margin: 30px auto;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    padding: 30px 10px
}

.sidebar--padded {
    padding: 40px 32px
}

.sidebar-offers--blue {
    background: #00b4ff;
    color: #acebff
}

    .sidebar-offers--blue p {
        color: #acebff
    }

    .sidebar-offers--blue .sidebar-offers__heading, .sidebar-offers--blue .sidebar-offers__offer__price {
        color: white
    }

    .sidebar-offers--blue .sidebar-offers__offer {
        border-bottom: 1px solid rgba(255,255,255,0.3)
    }

.sidebar-offers__offer {
    padding: 30px
}

.sidebar-offers__offer__desc {
    font-size: 14px
}

.sidebar-offers__offer__price {
    font-size: 42px;
    font-weight: bold
}

.sidebar-offers__heading {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px
}

.sidebar-offers__heading--med {
    font-size: 20px
}

.sidebar-offers__heading--small {
    font-family: "Arial";
    font-size: 16px
}

.sidebar-offers strong {
    display: block;
    color: black
}

.sidebar-offers p {
    margin-bottom: 10px
}

.sidebar-offers .list li {
    font-size: 14px
}

.confirmation-top {
    padding: 40px 0
}

.gray-top-box {
    margin: 20px 0
}

.gray-top-box--border {
    border: 1px solid #e1e1e1
}

.gray-top-box--shadow-border {
    box-shadow: inset 0 0 0 7px #f2f2f2, inset 0 0 0 8px #e1e1e1;
    padding: 8px
}

.gray-top-box__heading {
    background: #fcfcfc;
    margin: 0;
    font-size: 19px;
    line-height: 68px;
    padding: 0 20px;
    border-bottom: 1px solid #e1e1e1
}

.gray-top-box__heading--large {
    font-size: 32px;
    text-transform: uppercase;
    font-family: "Arial";
    padding-left: 40px;
    line-height: 104px
}

.gray-top-box__content {
    padding: 20px
}

.gray-top-box .plan {
    border: none
}

.gray-box {
    margin: 20px 0;
    background: #fbfbfb;
    padding: 30px
}

.gray-box--border {
    border: 1px solid #e1e1e1
}

.confirmation-number, .confirmation-date {
    font-weight: bold
}

.confirmation-number {
    font-size: 34px;
    line-height: 64px
}

.confirmation-date {
    font-size: 24px;
    line-height: 32px
}

.enroll-rewards-wrap {
    padding: 40px 0
}

    .enroll-rewards-wrap .gray-top-box:first-of-type {
        margin-bottom: 0
    }

    .enroll-rewards-wrap .gray-top-box:last-of-type {
        margin-bottom: 40px
    }

.switch-confirmation-email-form {
    padding: 10px 20px
}

    .switch-confirmation-email-form .input, .switch-confirmation-email-form .btn--blue {
        height: 60px;
        vertical-align: top
    }

    .switch-confirmation-email-form .btn--blue {
        font-size: 15px;
        font-weight: bold
    }

.have-a-question {
    padding: 50px 30px 50px 0;
    border-right: 1px solid #e1e1e1
}

.representative {
    padding: 50px 0 50px 30px
}

.representative__name, .representative__contact {
    font-size: 30px
}

.representative__title {
    font-size: 16px
}

.representative__contact {
    font-weight: 900;
    margin: 0
}

.rewards-info {
    background: #fbfbfb;
    padding: 30px;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

    .rewards-info:nth-child(even) {
        background: white
    }

    .rewards-info img {
        position: relative;
        top: 20px
    }

    .rewards-info .grid-10 {
        padding-left: 10px
    }

    .rewards-info .heading--thin {
        font-size: 36px;
        margin-bottom: 10px
    }

.rewards-info--terms {
    padding: 30px 50px
}

    .rewards-info--terms p {
        font-size: 16px
    }

        .rewards-info--terms p.fp {
            font-size: 13px;
            color: #979797
        }

.plans-scroller {
    overflow-y: auto;
    max-height: 700px;
    margin-right: -22px;
    padding-right: 10px
}

.unserviced-wrap {
    padding: 50px 0
}

.available-offers {
    border-left: 1px solid #ededed
}

.unserviced-form-wrap, .available-offers {
    padding: 30px 40px;
    background: white
}

    .unserviced-form-wrap > .heading, .available-offers > .heading {
        font-size: 35px
    }

    .unserviced-form-wrap .input, .available-offers .input {
        height: 60px;
        margin-bottom: 20px
    }

.my-account__footer {
    background: #fdfdfd;
    padding: 40px;
    border-top: 1px solid #ededed;
    margin: 0 -40px -40px
}

.my-account-header {
    padding-top: 80px;
    padding-bottom: 60px
}

.my-account-header--rewards {
    padding-top: 60px;
    padding-bottom: 42px
}

.my-account-header__headline {
    font-family: "Arial", sans-serif;
    color: #d9eef5;
    font-size: 64px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.my-account-header__headline--rewards {
    font-size: 42px;
    color: #e8e8e8
}

.my-account-header p {
    font-size: 27px
}

    .my-account-header p.text-light {
        font-size: 26px
    }

.my-account-tabs {
    background: #f9f9f9;
    border-bottom: 1px solid #e9eaea;
    border-top: 5px solid #cbcbcb
}

.my-account-tabs--small .my-account-tabs__tab {
    font-size: 14px;
    font-weight: bold;
    padding: 30px 28px
}

    .my-account-tabs--small .my-account-tabs__tab.br {
        padding: 23px 28px
    }

.my-account-tabs__tab {
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    color: #a5a5a5;
    line-height: 1;
    background: #f9f9f9;
    padding: 30px 60px;
    border-left: 1px solid #e9eaea
}

    .my-account-tabs__tab:first-child {
        border-left: 0
    }

    .my-account-tabs__tab:last-child {
        border-right: 1px solid #e9eaea
    }

    .my-account-tabs__tab.active {
        background: white;
        color: #5b5a5a;
        border-bottom: 1px solid white;
        border-top: 5px solid #92bf17;
        margin-bottom: -1px;
        margin-top: -5px
    }

    .my-account-tabs__tab:hover {
        color: #5b5a5a
    }

.my-account-tabs__panel {
    background: white;
    padding: 40px;
    display: none
}

    .my-account-tabs__panel.active {
        display: block
    }

.notification-circles__link {
    background: white;
    display: block;
    height: 84px;
    width: 84px;
    border-radius: 50%;
    position: relative;
    text-align: center
}

    .notification-circles__link:hover {
        background: #00B5FF
    }

        .notification-circles__link:hover svg {
            fill: white
        }

.notification-circles__notify-count {
    content: attr(data-count);
    position: absolute;
    color: white;
    background: red;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    line-height: 32px;
    top: -5px;
    right: 0;
    text-align: center
}

.notification-circles__icon {
    fill: #3FBCED;
    position: relative
}

.notification-email-icon {
    width: 36px;
    height: 23px;
    top: 30px
}

.notification-bell-icon {
    width: 30px;
    height: 32px;
    top: 26px
}

.notification-gear-icon {
    width: 32px;
    height: 32px;
    top: 26px
}

.account-info .input {
    height: 60px;
    margin-bottom: 16px
}

.account-info textarea.input {
    height: 118px
}

.account-info__heading {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 33px;
    line-height: 1.2
}

.account-info__heading--bold {
    font-size: 30px;
    font-family: "Arial";
    text-transform: uppercase;
    margin-bottom: 20px
}

.account-info__content {
    padding-bottom: 30px
}

.account-info .col:nth-child(1) .account-info__content {
    padding-right: 40px
}

.account-info .col:nth-child(2) .account-info__content {
    padding-left: 40px;
    border-left: 1px solid #ededed
}

.heading--thin {
    font-weight: normal;
    text-transform: uppercase
}

.choose-providers {
    padding: 50px 0
}

.provider-title {
    display: block;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 20px;
    color: #636363
}

.radio--hidden:checked + .provider-form__label:active {
    border: 5px solid #00c0ff !important;
}

.provider-form__label {
    text-align: center;
    display: block;
    width: 100%;
    padding: 30px 20px;
    background: white;
    border: 5px solid #ECECEC;
    cursor: pointer;
    margin: 20px 0;
    height: 180px
}

blue--border {
    border: 5px solid #41bffe;
}

.provider-form__label:hover {
    border-color: #dfdfdf
}

.provider-form__label img {
    display: block;
    margin: 0 auto
}

@-webkit-keyframes showModalAnim {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }

    100% {
        opacity: 1
    }
}

@keyframes showModalAnim {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }

    100% {
        opacity: 1
    }
}

.modal-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.6);
    transition: opacity .6s
}

    .modal-overlay.show {
        display: block;
        opacity: 1
    }

        .modal-overlay.show.hide {
            opacity: 0
        }

        .modal-overlay.show .modal-window {
            -webkit-animation: showModalAnim 1s forwards .2s;
            animation: showModalAnim 1s forwards .2s
        }

            .modal-overlay.show .modal-window.hide {
                -webkit-animation: showModalAnim 1s reverse;
                animation: showModalAnim 1s reverse
            }

    .modal-overlay .modal-window {
        opacity: 0;
        background: white;
        position: relative;
        width: 1000px;
        min-height: 100px;
        max-height: 80%;
        margin: 0 auto;
        max-width: 100%;
        top: 50%;
        padding: 70px 0;
        padding: 0 0 126px
    }

    .modal-overlay .modal-window__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 30px;
        background-color: #f4f4f4
    }

        .modal-overlay .modal-window__footer .close-btn {
            color: white;
            padding: 14px 47px;
            background-color: #ccc;
            position: relative;
            top: 7px
        }

            .modal-overlay .modal-window__footer .close-btn:hover {
                color: white;
                background: #ADADAD
            }

    .modal-overlay .modal-close {
        position: absolute;
        top: 10px;
        right: 14px;
        font-size: 30px;
        color: #eee
    }

        .modal-overlay .modal-close:hover {
            color: #aaa
        }

    .modal-overlay .choose-providers {
        padding: 30px
    }

.modal-loader {
    margin: 0 auto;
    display: block;
    max-width: 200px;
    padding-top: 100px
}

.ny-billofrights {
    padding: 0 40px
}

    .ny-billofrights ul {
        padding: 20px
    }

        .ny-billofrights ul li {
            margin-bottom: 10px;
            line-height: 1.5;
            font-size: 17px;
            color: #565555
        }

.ny_billofrights_accept {
    position: absolute;
    bottom: 15px;
    right: 40px
}

.text-lime-green {
    color: #baff00
}

.text-white {
    color: white
}

.text-red {
    color: red
}

.text-blue {
    color: #00c0ff
}

.text-green {
    color: #7dc43e
}

.text-light-gray {
    color: #999999
}

.text-lighter-gray {
    color: #c1c1c1
}

.text-light {
    font-weight: 300
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-big {
    font-size: 22px;
    line-height: 31px
}

.text-med {
    font-size: 20px
}

.text--small {
    font-size: 14px
}

.bg-white {
    background: white
}

.bg-gray {
    background-color: #f7f7f7
}

.bg-pink-gray {
    background-color: #f0eded
}

.bg-my-account {
    background: #00c2ff url(../../images/my-acc-bg.png) top center no-repeat
}

.bg-rewards {
    background: #21417e url(../../images/rewards-bg.png) top center no-repeat
}

.bbottom-light-gray {
    border-bottom: 1px solid #f1f1f1
}

.bg-dark-gray {
    background-color: #303030
}

.bg-thank-you-for-enrolling {
    min-height: 369px;
    background: url(/images/thank-you-for-enrolling.png) center center no-repeat
}

.italic {
    font-style: italic
}

.bold {
    font-weight: bold
}

.uppercase {
    text-transform: uppercase
}

.pull--left {
    float: left
}

.pull--right {
    float: right
}

.muted {
    color: #BEBEBE
}

.muted--small {
    font-size: 14px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.preload {
    display: none
}

.btn {
    border: none;
    outline: none;
    background-color: grey;
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
    color: #616161
}

    .btn:hover {
        text-decoration: none;
        color: inherit
    }

    .btn:visited {
        color: none
    }

.btn--block {
    display: block;
    width: 100%
}

.btn--red {
    background: #ff2a00;
    color: white
}

    .btn--red:hover {
        background: #e62600;
        color: white
    }

.btn--blue {
    background: #00c0ff;
    color: white
}

    .btn--blue:hover {
        background: #00ade6;
        color: white
    }

.btn--default {
    border: 1px solid #d5d5d5;
    background: white;
    font-size: 13px;
    font-weight: bold
}

    .btn--default:hover {
        background: #616161;
        color: white
    }

.btn--shadow {
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.04)
}

    .btn--shadow:hover {
        background-color: #f2f2f2
    }

.btn--med {
    padding: 12px 26px;
    font-size: 16px;
    font-weight: bold
}

.btn--large {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 900
}

.btn--large-wide {
    padding: 20px 60px;
    font-size: 18px;
    font-weight: 900
}

.btn-white {
    background-color: white;
    border: 1px solid #d5d5d5
}

    .btn-white:hover {
        background-color: #e6e6e6
    }

.btn-ghost-white {
    background-color: transparent;
    border: 2px solid white;
    color: white
}

    .btn-ghost-white:hover {
        background-color: rgba(0,0,0,0.2);
        color: white
    }

.btn-white-arrow {
    padding-right: 70px;
    background-image: url(../../images/svg/white-button-arrow.svg);
    background-position: 89% center;
    background-repeat: no-repeat
}

.btn-ghost-gray {
    background-color: transparent;
    border: 2px solid #999999;
    color: #999999
}

    .btn-ghost-gray:hover {
        background-color: rgba(0,0,0,0.2);
        color: #999999
    }

.btn-gray-arrow {
    padding-right: 70px;
    background-image: url(../../images/svg/gray-button-arrow.svg);
    background-position: 89% center;
    background-repeat: no-repeat
}

.enroll-btn {
    padding: 25px 40px;
    background: #ff2a00;
    color: white;
    font-size: 25px;
    font-weight: 900
}

.enroll-btn-mobile {
    padding: 25px 40px;
    margin: 0 0 10px 0;
    background: #00c0ff;
    color: white;
    font-size: 23px;
    font-weight: 900
}

.enroll-btn:hover {
    background: #c20;
    color: white
}

.enroll-btn.blue {
    background: #00c0ff;
    margin-right: 10px
}

    .enroll-btn.blue:hover {
        background: #009acc;
        color: white
    }

.enroll-or-call {
    text-align: center
}

    .enroll-or-call.with-blog {
        padding: 80px 0
    }

    .enroll-or-call .or-span {
        display: inline-block;
        position: relative;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        width: 70px;
        max-width: 70px;
        color: #b8b8b8;
        margin: 0 6px 0 12px
    }

        .enroll-or-call .or-span:before, .enroll-or-call .or-span:after {
            content: "";
            position: absolute;
            border-top: 1px solid #b8b8b8;
            height: 0;
            top: 50%;
            width: 15px
        }

        .enroll-or-call .or-span:before {
            left: 2px
        }

        .enroll-or-call .or-span:after {
            right: 2px
        }

    .enroll-or-call .call-us {
        color: #858585;
        font-size: 35px;
        font-weight: 900;
        text-decoration: none;
        display: inline-block;
        text-align: left;
        padding: 10px 20px;
        padding-left: 70px;
        position: relative;
        border-radius: 3px;
        top: 12px
    }

        .enroll-or-call .call-us:hover {
            background: #f6f6f6;
            color: #858585
        }

        .enroll-or-call .call-us span {
            font-size: 20px;
            display: block;
            font-weight: normal
        }

        .enroll-or-call .call-us .mobile-phone-icon {
            position: absolute;
            left: 20px;
            top: 50%;
            width: 34px;
            height: 54px;
            float: left;
            margin-top: -27px;
            fill: currentColor
        }

.entry-content img {
    margin: 0 0 1.5em 0
}

.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left
}

.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px
}

    .wp-caption img {
        border: 0 none;
        padding: 0;
        margin: 0
    }

    .wp-caption p.wp-caption-text {
        line-height: 1.5;
        font-size: 10px;
        margin: 0
    }

.wp-smiley {
    margin: 0 !important;
    max-height: 1em
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right
}

.formError {
    z-index: 990
}

    .formError .formErrorContent {
        z-index: 991
    }

    .formError .formErrorArrow {
        z-index: 996
    }

.ui-dialog .formError {
    z-index: 5000
}

    .ui-dialog .formError .formErrorContent {
        z-index: 5001
    }

    .ui-dialog .formError .formErrorArrow {
        z-index: 5006
    }

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

    .formError.inline {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block
    }

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 16px
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        border-radius: 7px
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.main-header {
    background: black center center no-repeat
}

.main-navigation {
    height: 100px;
    background: rgba(0,0,0,0.65);
    position: relative;
    z-index: 1000
}

.menu-toggle {
    display: none
}

@media (max-width: 1000px) {
    .menu-toggle {
        display: block;
        float: right;
        position: relative;
        margin-top: 35px;
        right: 18px
    }
}

.brand {
    display: block;
    float: left;
    margin-top: 30.5px;
    margin-right: 70px
}

@media (max-width: 1000px) {
    .brand {
        margin-left: 18px;
        margin-bottom: 32px
    }
}

.main-menu, .actions-menu {
    list-style-type: none
}

@media (max-width: 1000px) {
    .main-menu, .actions-menu {
        display: none;
        clear: both
    }
}

.main-menu ul, .actions-menu ul {
    list-style-type: none
}

.main-menu li, .actions-menu li {
    float: left
}

@media (max-width: 1000px) {
    .main-menu li, .actions-menu li {
        float: none;
        display: block;
        background: black
    }
}

.main-menu li a, .actions-menu li a {
    display: block;
    text-decoration: none
}

.main-menu li a {
    color: white;
    font-size: 13px;
    font-weight: 900;
    line-height: 100px;
    height: 100px;
    padding: 0 18px;
    text-transform: uppercase
}

@media (max-width: 1000px) {
    .main-menu li a {
        height: auto;
        line-height: 50px
    }
}

.main-menu li a:hover {
    color: #baff00;
    background: rgba(0,0,0,0.58)
}

.main-menu li.active a, .main-menu li.current-menu-item a {
    color: #baff00;
    border-bottom: 2px solid #baff00
}

.actions-menu {
    float: right
}

@media (max-width: 1000px) {
    .actions-menu {
        float: none;
        background: black
    }
}

.actions-menu li {
    float: left
}

@media (max-width: 1000px) {
    .actions-menu li {
        float: none;
        background: black
    }
}

.actions-menu li.call-button a {
    padding: 5px 10px;
    margin: 25px 0;
    border-radius: 3px;
    background: rgba(0,0,0,0.18)
}

@media (max-width: 1000px) {
    .actions-menu li.call-button a {
        display: block;
        padding: 0 18px;
        line-height: 50px;
        margin: 0
    }
}

.actions-menu li.call-button a:hover {
    background: rgba(0,0,0,0.58)
}

.actions-menu li a {
    line-height: 40px;
    padding: 30px 10px;
    color: white;
    display: block
}

@media (max-width: 1000px) {
    .actions-menu li a {
        display: block;
        padding: 0 18px;
        line-height: 50px;
        margin: 0
    }
}

.actions-menu li a:hover {
    color: #baff00
}

    .actions-menu li a:hover svg {
        fill: #baff00
    }

.actions-menu li a svg {
    position: relative;
    top: 6px
}

.actions-menu li svg {
    fill: white;
    width: 22px;
    height: 22px
}

.header-cta-message {
    max-width: 530px;
    padding: 90px 0
}

    .header-cta-message .cta-heading {
        color: white
    }

    .header-cta-message .cta-text {
        font-size: 23px;
        line-height: 36px;
        font-weight: 300;
        margin-bottom: 40px;
        color: white
    }

    .header-cta-message .btn-ghost-white {
        font-size: 23px;
        font-weight: 900;
        padding: 25px 36px;
        padding-right: 70px
    }

.more-link {
    float: left;
    width: 20%;
    text-align: center;
    padding: 40px 0;
    border-right: 1px solid #f1f1f1
}

    .more-link:last-child {
        border-right: none
    }

    .more-link .more-link-title {
        color: #333;
        font-family: "Lato";
        font-size: 17px;
        text-transform: uppercase;
        margin: 30px auto 40px
    }

    .more-link .more-link-icon {
        fill: #7dc43e;
        display: block;
        margin: 0 auto;
        transition: .3s
    }

        .more-link .more-link-icon.lightbulb-icon {
            width: 83px;
            height: 80px
        }

        .more-link .more-link-icon.benefits-icon {
            width: 56px;
            height: 80px
        }

        .more-link .more-link-icon.plant-earth-icon {
            width: 59px;
            height: 80px
        }

        .more-link .more-link-icon.low-rates-icon {
            width: 89px;
            height: 80px
        }

        .more-link .more-link-icon.rewards-icon {
            width: 52px;
            height: 80px
        }

    .more-link .more-btn {
        font-size: 13px;
        font-weight: bold;
        color: #616161;
        padding: 14px 30px
    }

.cta-content-left {
    padding: 90px 0
}

    .cta-content-left.energy-providers {
        padding: 120px 0 10px
    }

    .cta-content-left .america-map {
        position: relative;
        margin-top: -75px
    }

.rebate-img {
    margin: -18px;
    margin-left: -220px;
    max-width: none
}

.video-shadow-wrap {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.06);
    padding: 10px
}

.cta-graphs {
    text-align: center;
    padding: 90px 0
}

    .cta-graphs .cta-heading {
        position: relative;
        font-family: "Lato", sans-serif;
        text-transform: uppercase;
        font-size: 47px;
        font-weight: 300;
        margin-bottom: 20px;
        color: #626262
    }

        .cta-graphs .cta-heading .leaves {
            position: relative;
            color: #7dc43e
        }

            .cta-graphs .cta-heading .leaves:before {
                content: "";
                position: absolute;
                height: 50px;
                width: 50px;
                top: -28px;
                left: 192px;
                background: url(../../images/svg/budding-leaves-icon.svg) top center no-repeat
            }

    .cta-graphs p {
        font-size: 22px;
        color: #626262
    }

.graphs-wrap {
    margin: 30px 0
}

    .graphs-wrap .graph {
        position: relative;
        text-align: center;
        padding: 20px;
        min-width: 250px
    }

        .graphs-wrap .graph .graph-desc {
            font-size: 16px;
            line-height: 20px;
            color: #c0c0c0
        }

.circles-wrp {
    margin-bottom: 90px
}

    .circles-wrp .circles-text {
        top: 80% !important;
        font-family: "Arial";
        font-size: 40px;
        color: #c0c0c0
    }

.graph-icon {
    position: absolute;
    top: 72px;
    left: 50%
}

.water-drop-icon {
    fill: #00baff;
    width: 44px;
    height: 62px;
    margin-left: -22px
}

.gas-pump-icon {
    fill: #3a3a3a;
    width: 52px;
    height: 64px;
    margin-left: -22px
}

.earth-icon {
    fill: #7dc43e;
    width: 65px;
    height: 65px;
    margin-left: -32px
}

.snowflake-icon {
    fill: #00baff;
    width: 56px;
    height: 62px;
    margin-left: -28px
}

.testimonial .testimonial-img {
    position: relative;
    margin-top: -32px
}

    .testimonial .testimonial-img img {
        max-width: 100%
    }

.testimonial .quote {
    /*font-family: "Georgia";*/
    padding: 0 20px
}

    .testimonial .quote p {
        padding: 60px 0 40px;
        color: #333;
        /*font-family: "Georgia";*/
        font-size: 21px;
        line-height: 33px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.35)
    }

    .testimonial .quote cite {
        font-size: 19px;
        line-height: 28px;
        color: #a9a9a9
    }

    .testimonial .quote .by {
        display: block
    }

.testimonial .quote-icon {
    width: 25px;
    height: 21px;
    fill: #cecece
}

.testimonial .quote-left {
    margin-right: 10px
}

.testimonial .quote-right {
    margin-left: 10px
}

.thin-heading-wrap {
    color: #626262;
    text-align: center;
    padding: 90px 10px 50px
}

    .thin-heading-wrap .heading-thin {
        text-transform: uppercase;
        font-size: 46px;
        line-height: 1.2;
        font-weight: normal;
        margin-bottom: 10px
    }

    .thin-heading-wrap .sub {
        font-size: 22px
    }

.cards-wrap {
    padding: 10px 0 90px
}

.cards-wrap-mobile {
    padding: 10px 0 0px
}

.cards-wrap .card {
    background: white;
    border: 1px solid #eaeaea;
    height: 580px;
    position: relative
}

    .cards-wrap .card .post-meta {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px
    }

.cards-wrap .thumbnail {
    max-width: 100%
}

.cards-wrap .article-title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 20px
}

.cards-wrap p {
    color: #999;
    font-size: 15px;
    text-align: center
}

.post-edit-icon {
    width: 18px;
    height: 18px
}

.comment-bubble-icon {
    width: 20px;
    height: 18px
}

.comment-bubble-icon-big {
    width: 22px;
    height: 19px
}

.calendar-check-icon {
    width: 18px;
    height: 18px
}

.lock-privacy-icon {
    width: 16px;
    height: 19px
}

.social-networks {
    padding: 0 50px
}

    .social-networks .find-us {
        font-size: 28px;
        margin: 50px 0px;
        color: #707070;
        text-transform: uppercase
    }

    .social-networks .social-buttons {
        margin: 46px 0;
        list-style-type: none
    }

.social-buttons {
    display: block
}

    .social-buttons li {
        float: left;
        margin-right: 10px
    }

        .social-buttons li:last-child {
            margin-right: 0
        }

        .social-buttons li a {
            display: block;
            padding: 10px
        }

            .social-buttons li a.facebook {
                background: #4880ff
            }

                .social-buttons li a.facebook:hover {
                    background: #2e6eff
                }

            .social-buttons li a.twitter {
                background: #00c0ff
            }

                .social-buttons li a.twitter:hover {
                    background: #00ade6
                }

            .social-buttons li a.google-plus {
                background: #ff2a00
            }

                .social-buttons li a.google-plus:hover {
                    background: #e62600
                }

            .social-buttons li a.youtube {
                background: #696969
            }

                .social-buttons li a.youtube:hover {
                    background: #5c5c5c
                }

            .social-buttons li a.instagram {
                background: #ff970f
            }

                .social-buttons li a.instagram:hover {
                    background: #f58b00
                }

            .social-buttons li a.pinterest {
                background: #ff2a00
            }

                .social-buttons li a.pinterest:hover {
                    background: #e62600
                }

            .social-buttons li a svg {
                fill: white;
                width: 30px;
                height: 30px
            }

.site-footer p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px
}

.site-footer a {
    text-decoration: none
}

.site-footer .about-section {
    padding-right: 50px
}

    .site-footer .about-section .footer-logo {
        margin-bottom: 30px
    }

    .site-footer .about-section .btn-ghost-gray {
        padding: 18px 60px 18px 28px;
        font-weight: 900
    }

.site-footer .footer-nav li {
    margin-bottom: 36px;
    list-style-type: none
}

    .site-footer .footer-nav li:before {
        content: ">";
        color: #d3d3d3;
        font-family: "Consolas"
    }

    .site-footer .footer-nav li a {
        padding-left: 30px;
        color: #d3d3d3
    }

        .site-footer .footer-nav li a:hover {
            color: white
        }

.site-footer .contact-section .contact-heading {
    text-transform: uppercase;
    font-size: 19px
}

.site-footer .contact-section .icon-left {
    margin-bottom: 50px
}

    .site-footer .contact-section .icon-left .icon-wrap {
        fill: #00c0ff
    }

        .site-footer .contact-section .icon-left .icon-wrap .email-icon {
            width: 35px;
            height: 26px
        }

        .site-footer .contact-section .icon-left .icon-wrap .map-marker-icon {
            width: 31px;
            height: 41px
        }

        .site-footer .contact-section .icon-left .icon-wrap .iphone-icon {
            width: 25px;
            height: 44px
        }

    .site-footer .contact-section .icon-left .contact-heading {
        font-size: 19px;
        font-weight: bold
    }

    .site-footer .contact-section .icon-left .content a, .site-footer .contact-section .icon-left .content span {
        color: #999999;
        display: block;
        line-height: 1.2
    }

    .site-footer .contact-section .icon-left .content .phone-bold {
        font-size: 30px;
        color: #7f7f7f;
        font-weight: 900
    }

.footer-heading {
    font-size: 25px;
    color: #707070;
    margin-bottom: 40px
}

.footer-top {
    color: #999999;
    padding: 80px 0
}

.footer-bottom {
    padding: 50px 20px 20px;
    text-align: center
}

    .footer-bottom p {
        color: #7d7d7d
    }

@charset "UTF-8";

.wp-block-archives-dropdown label {
    display: block
}

.wp-block-avatar.aligncenter {
    text-align: center
}

.wp-block-audio {
    margin: 0 0 1em
}

    .wp-block-audio figcaption {
        margin-top: .5em;
        margin-bottom: 1em
    }

    .wp-block-audio audio {
        width: 100%;
        min-width: 300px
    }

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box
}

    .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
        color: #fff
    }

    .wp-block-button__link.aligncenter {
        text-align: center
    }

    .wp-block-button__link.alignright {
        text-align: right
    }

.wp-block-buttons > .wp-block-button.has-custom-width {
    max-width: none
}

    .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
        width: 100%
    }

.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
    width: calc(25% - var(--wp--style--block-gap, .5em)*0.75)
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
    width: calc(50% - var(--wp--style--block-gap, .5em)*0.5)
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
    width: calc(75% - var(--wp--style--block-gap, .5em)*0.25)
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
    width: 100%;
    flex-basis: 100%
}

.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
    width: 25%
}

.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
    width: 50%
}

.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
    width: 75%
}

.wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared {
    border-radius: 0
}

.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius {
    border-radius: 0 !important
}

.is-style-outline > :where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline {
    border: 2px solid;
    padding: .667em 1.333em
}

.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) {
    color: currentColor
}

.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) {
    background-color: transparent
}

.wp-block-buttons.is-vertical {
    flex-direction: column
}

    .wp-block-buttons.is-vertical > .wp-block-button:last-child {
        margin-bottom: 0
    }

.wp-block-buttons > .wp-block-button {
    display: inline-block;
    margin: 0
}

.wp-block-buttons.is-content-justification-left {
    justify-content: flex-start
}

    .wp-block-buttons.is-content-justification-left.is-vertical {
        align-items: flex-start
    }

.wp-block-buttons.is-content-justification-center {
    justify-content: center
}

    .wp-block-buttons.is-content-justification-center.is-vertical {
        align-items: center
    }

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end
}

    .wp-block-buttons.is-content-justification-right.is-vertical {
        align-items: flex-end
    }

.wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between
}

.wp-block-buttons.aligncenter {
    text-align: center
}

.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.wp-block-button.aligncenter, .wp-block-calendar {
    text-align: center
}

    .wp-block-calendar tbody td, .wp-block-calendar th {
        padding: .25em;
        border: 1px solid #ddd
    }

    .wp-block-calendar tfoot td {
        border: none
    }

    .wp-block-calendar table {
        width: 100%;
        border-collapse: collapse
    }

        .wp-block-calendar table th {
            font-weight: 400;
            background: #ddd
        }

    .wp-block-calendar a {
        text-decoration: underline
    }

    .wp-block-calendar table caption, .wp-block-calendar table tbody {
        color: #40464d
    }

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-code code {
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap !important;
    align-items: normal !important
}

@media (min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important
    }
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

@media (max-width:781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

        .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
            flex-grow: 0
        }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap !important
}

    .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

        .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
            flex-grow: 0
        }

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

    .wp-block-column.is-vertically-aligned-top {
        align-self: flex-start
    }

    .wp-block-column.is-vertically-aligned-center {
        align-self: center
    }

    .wp-block-column.is-vertically-aligned-bottom {
        align-self: flex-end
    }

    .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top {
        width: 100%
    }

.wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers, .wp-block-comments-pagination > .wp-block-comments-pagination-previous {
    margin-right: .5em;
    margin-bottom: .5em
}

    .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child {
        margin-right: 0
    }

.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
    margin-right: 1ch;
    display: inline-block
}

    .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
        transform: scaleX(1)
    }

.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
    margin-left: 1ch;
    display: inline-block
}

    .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
        transform: scaleX(1)
    }

.wp-block-comments-pagination.aligncenter {
    justify-content: center
}

.wp-block-comment-template {
    margin-bottom: 0;
    max-width: 100%;
    list-style: none;
    padding: 0
}

    .wp-block-comment-template li {
        clear: both
    }

    .wp-block-comment-template ol {
        margin-bottom: 0;
        max-width: 100%;
        list-style: none;
        padding-left: 2rem
    }

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box
}

    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: fixed
    }

@supports (-webkit-touch-callout:inherit) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated {
    background-repeat: repeat;
    background-size: auto
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background-color: #000
}

.wp-block-cover-image .has-background-dim.has-background-gradient, .wp-block-cover .has-background-dim.has-background-gradient {
    background-color: transparent
}

.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
    content: "";
    background-color: inherit
}

.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
    opacity: 1
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
    opacity: 0
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
    opacity: .1
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
    opacity: .2
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
    opacity: .3
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
    opacity: .4
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
    opacity: .5
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
    opacity: .6
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
    opacity: .7
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
    opacity: .8
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
    opacity: .9
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
    opacity: 1
}

.wp-block-cover-image .block-library-cover__padding-visualizer, .wp-block-cover .block-library-cover__padding-visualizer {
    z-index: 2
}

.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-cover-image:after, .wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports (position:sticky) {
    .wp-block-cover-image:after, .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
    display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff
}

.wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #000
}

.wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto
}

.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    box-shadow: none
}

.wp-block-cover__image-background, .wp-block-cover__video-background {
    z-index: 0
}

.wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: .44em;
    text-align: center
}

.wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align=left] > [data-type="core/embed"], .wp-block[data-align=right] > [data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

    .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper {
        min-width: 280px
    }

.wp-block-cover .wp-block-embed {
    min-width: 320px;
    min-height: 240px
}

.wp-block-embed {
    margin: 0 0 1em;
    overflow-wrap: break-word
}

    .wp-block-embed figcaption {
        margin-top: .5em;
        margin-bottom: 1em
    }

    .wp-block-embed iframe {
        max-width: 100%
    }

.wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

    .wp-block-file.aligncenter {
        text-align: center
    }

    .wp-block-file.alignright {
        text-align: right
    }

    .wp-block-file .wp-block-file__embed {
        margin-bottom: 1em
    }

    .wp-block-file .wp-block-file__button {
        background: #32373c;
        border-radius: 2em;
        color: #fff;
        font-size: .8em;
        padding: .5em 1em
    }

    .wp-block-file a.wp-block-file__button {
        text-decoration: none
    }

        .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
            box-shadow: none;
            color: #fff;
            opacity: .85;
            text-decoration: none
        }

    .wp-block-file * + .wp-block-file__button {
        margin-left: .75em
    }

.blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
        margin: 0 1em 1em 0;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        position: relative;
        width: calc(50% - 1em)
    }

        .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
            margin-right: 0
        }

        .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
            margin: 0;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start
        }

        .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
            display: block;
            max-width: 100%;
            height: auto;
            width: auto
        }

        .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
            position: absolute;
            bottom: 0;
            width: 100%;
            max-height: 100%;
            overflow: auto;
            padding: 3em .77em .7em;
            color: #fff;
            text-align: center;
            font-size: .8em;
            background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
            box-sizing: border-box;
            margin: 0;
            z-index: 2
        }

            .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
                display: inline
            }

    .blocks-gallery-grid:not(.has-nested-images) figcaption, .wp-block-gallery:not(.has-nested-images) figcaption {
        flex-grow: 1
    }

    .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
        width: 100%;
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
        width: 100%;
        margin-right: 0
    }

@media (min-width:600px) {
    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
        width: calc(33.33333% - .66667em);
        margin-right: 1em
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
        width: calc(25% - .75em);
        margin-right: 1em
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
        width: calc(20% - .8em);
        margin-right: 1em
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
        width: calc(16.66667% - .83333em);
        margin-right: 1em
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
        width: calc(14.28571% - .85714em);
        margin-right: 1em
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
        width: calc(12.5% - .875em);
        margin-right: 1em
    }

        .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
            margin-right: 0
        }
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright {
    max-width: 420px;
    width: 100%
}

.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
    align-self: flex-start
}

figure.wp-block-gallery.has-nested-images {
    align-items: normal
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
    margin: 0
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative;
    flex-direction: column;
    max-width: 100%
}

    .wp-block-gallery.has-nested-images figure.wp-block-image > a, .wp-block-gallery.has-nested-images figure.wp-block-image > div {
        margin: 0;
        flex-direction: column;
        flex-grow: 1
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image img {
        display: block;
        height: auto;
        max-width: 100% !important;
        width: auto
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
        background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
        bottom: 0;
        color: #fff;
        font-size: 13px;
        left: 0;
        margin-bottom: 0;
        max-height: 60%;
        overflow: auto;
        padding: 0 8px 8px;
        position: absolute;
        text-align: center;
        width: 100%;
        box-sizing: border-box
    }

        .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
            display: inline
        }

        .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
            color: inherit
        }

    .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div {
        flex: 1 1 auto
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
        flex: initial;
        background: none;
        color: inherit;
        margin: 0;
        padding: 10px 10px 9px;
        position: relative
    }

.wp-block-gallery.has-nested-images figcaption {
    flex-grow: 1;
    flex-basis: 100%;
    text-align: center
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
    margin-top: 0;
    margin-bottom: auto
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    align-self: inherit
}

    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone) {
        display: flex
    }

    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
        width: 100%;
        flex: 1 0 0%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
    width: 100%
}

@media (min-width:600px) {
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)
    }

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)
    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
        width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)
    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
        width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)
    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
        width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
    }

        .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
            width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)
        }

        .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
            width: 100%
        }
}

.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-gallery.has-nested-images.aligncenter {
    justify-content: center
}

.wp-block-group {
    box-sizing: border-box
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image {
    margin: 0 0 1em
}

    .wp-block-image img {
        height: auto;
        max-width: 100%;
        vertical-align: bottom
    }

    .wp-block-image:not(.is-style-rounded) > a, .wp-block-image:not(.is-style-rounded) img {
        border-radius: inherit
    }

    .wp-block-image.aligncenter {
        text-align: center
    }

    .wp-block-image.alignfull img, .wp-block-image.alignwide img {
        height: auto;
        width: 100%
    }

    .wp-block-image.aligncenter, .wp-block-image .aligncenter, .wp-block-image.alignleft, .wp-block-image .alignleft, .wp-block-image.alignright, .wp-block-image .alignright {
        display: table
    }

        .wp-block-image.aligncenter > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.alignleft > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image .alignright > figcaption {
            display: table-caption;
            caption-side: bottom
        }

    .wp-block-image .alignleft {
        float: left;
        margin: .5em 1em .5em 0
    }

    .wp-block-image .alignright {
        float: right;
        margin: .5em 0 .5em 1em
    }

    .wp-block-image .aligncenter {
        margin-left: auto;
        margin-right: auto
    }

    .wp-block-image figcaption {
        margin-top: .5em;
        margin-bottom: 1em
    }

    .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img {
        border-radius: 9999px
    }

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-image figure {
    margin: 0
}

ol.wp-block-latest-comments {
    margin-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 2.25em;
    list-style: none
}

    .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
        margin-left: 3.25em
    }

.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: .75em
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0
}

    .wp-block-latest-posts.wp-block-latest-posts__list li {
        clear: both
    }

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

    .wp-block-latest-posts.is-grid li {
        margin: 0 1.25em 1.25em 0;
        width: 100%
    }

@media (min-width:600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - .625em)
    }

        .wp-block-latest-posts.columns-2 li:nth-child(2n) {
            margin-right: 0
        }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - .83333em)
    }

        .wp-block-latest-posts.columns-3 li:nth-child(3n) {
            margin-right: 0
        }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - .9375em)
    }

        .wp-block-latest-posts.columns-4 li:nth-child(4n) {
            margin-right: 0
        }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 1em)
    }

        .wp-block-latest-posts.columns-5 li:nth-child(5n) {
            margin-right: 0
        }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 1.04167em)
    }

        .wp-block-latest-posts.columns-6 li:nth-child(6n) {
            margin-right: 0
        }
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: block;
    font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-latest-posts__featured-image a {
    display: inline-block
}

.wp-block-latest-posts__featured-image img {
    height: auto;
    width: auto;
    max-width: 100%
}

.wp-block-latest-posts__featured-image.alignleft {
    margin-right: 1em;
    float: left
}

.wp-block-latest-posts__featured-image.alignright {
    margin-left: 1em;
    float: right
}

.wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: 1em;
    text-align: center
}

ol, ul {
    box-sizing: border-box
}

    ol.has-background, ul.has-background {
        padding: 1.25em 2.375em
    }

.wp-block-media-text {
    /*!rtl:begin:ignore*/ direction: ltr;
    /*!rtl:end:ignore*/ display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

    .wp-block-media-text.has-media-on-the-right {
        grid-template-columns: 1fr 50%
    }

    .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
        align-self: start
    }

    .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
        align-self: center
    }

    .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
        align-self: end
    }

    .wp-block-media-text .wp-block-media-text__media {
        /*!rtl:begin:ignore*/ grid-column: 1;
        grid-row: 1;
        /*!rtl:end:ignore*/ margin: 0
    }

    .wp-block-media-text .wp-block-media-text__content {
        direction: ltr;
        /*!rtl:begin:ignore*/ grid-column: 2;
        grid-row: 1;
        /*!rtl:end:ignore*/ padding: 0 8%;
        word-break: break-word
    }

    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
        /*!rtl:begin:ignore*/ grid-column: 2;
        grid-row: 1
        /*!rtl:end:ignore*/
    }

    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        /*!rtl:begin:ignore*/ grid-column: 1;
        grid-row: 1
        /*!rtl:end:ignore*/
    }

.wp-block-media-text__media img, .wp-block-media-text__media video {
    height: auto;
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

    .wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
        display: block;
        height: 100%
    }

    .wp-block-media-text.is-image-fill .wp-block-media-text__media img {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }

@media (max-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important
    }

        .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
            grid-column: 1;
            grid-row: 1
        }

        .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
            grid-column: 1;
            grid-row: 2
        }
}

.wp-block-navigation {
    position: relative;
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-direction: row;
    --navigation-layout-wrap: wrap;
    --navigation-layout-justify: flex-start;
    --navigation-layout-align: center
}

    .wp-block-navigation ul {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0
    }

        .wp-block-navigation ul, .wp-block-navigation ul li {
            list-style: none;
            padding: 0
        }

    .wp-block-navigation .wp-block-navigation-item {
        display: flex;
        align-items: center;
        position: relative
    }

        .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
            display: none
        }

    .wp-block-navigation .wp-block-navigation-item__content {
        color: inherit;
        display: block;
        padding: 0
    }

    .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
        text-decoration: underline
    }

    .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
        text-decoration: line-through
    }

    .wp-block-navigation:where(:not([class*=has-text-decoration])) a, .wp-block-navigation:where(:not([class*=has-text-decoration])) a:active, .wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
        text-decoration: none
    }

    .wp-block-navigation .wp-block-navigation__submenu-icon {
        align-self: center;
        line-height: 0;
        display: inline-block;
        font-size: inherit;
        padding: 0;
        background-color: inherit;
        color: currentColor;
        border: none;
        width: .6em;
        height: .6em;
        margin-left: .25em
    }

        .wp-block-navigation .wp-block-navigation__submenu-icon svg {
            display: inline-block;
            stroke: currentColor;
            width: inherit;
            height: inherit;
            margin-top: .075em
        }

    .wp-block-navigation.is-vertical {
        --navigation-layout-direction: column;
        --navigation-layout-justify: initial;
        --navigation-layout-align: flex-start
    }

    .wp-block-navigation.no-wrap {
        --navigation-layout-wrap: nowrap
    }

    .wp-block-navigation.items-justified-center {
        --navigation-layout-justification-setting: center;
        --navigation-layout-justify: center
    }

        .wp-block-navigation.items-justified-center.is-vertical {
            --navigation-layout-align: center
        }

    .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flex-end;
        --navigation-layout-justify: flex-end
    }

        .wp-block-navigation.items-justified-right.is-vertical {
            --navigation-layout-align: flex-end
        }

    .wp-block-navigation.items-justified-space-between {
        --navigation-layout-justification-setting: space-between;
        --navigation-layout-justify: space-between
    }

    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
        background-color: inherit;
        color: inherit;
        position: absolute;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: normal;
        opacity: 0;
        transition: opacity .1s linear;
        visibility: hidden;
        width: 0;
        height: 0;
        overflow: hidden;
        left: -1px;
        top: 100%
    }

        .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
            display: flex;
            flex-grow: 1
        }

            .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
                margin-right: 0;
                margin-left: auto
            }

        .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
            margin: 0
        }

@media (min-width:782px) {
    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
        left: 100%;
        top: -1px
    }

        .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container:before {
            content: "";
            position: absolute;
            right: 100%;
            height: 100%;
            display: block;
            width: .5em;
            background: transparent
        }

    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
        margin-right: .25em
    }

        .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
            transform: rotate(-90deg)
        }
}

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
    left: 0;
    top: 100%
}

@media (min-width:782px) {
    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: 100%;
        top: 0
    }
}

.wp-block-navigation-submenu {
    position: relative;
    display: flex
}

    .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
        stroke: currentColor
    }

button.wp-block-navigation-item__content {
    background-color: transparent;
    border: none;
    color: currentColor;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-align: left
}

.wp-block-navigation-submenu__toggle {
    cursor: pointer
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-right: .85em
}

    .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
        margin-left: -.6em;
        pointer-events: none
    }

.wp-block-navigation, .wp-block-navigation .wp-block-page-list, .wp-block-navigation:where(.has-background), .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list, .wp-block-navigation:where(.has-background) .wp-block-navigation__container, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog {
    gap: inherit
}

    .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content, .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
        padding: .5em 1em
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container {
        left: auto;
        right: 0
    }

        .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
            left: -1px;
            right: -1px
        }

@media (min-width:782px) {
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: auto;
        right: 100%
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0,0,0,.15)
}

.wp-block-navigation__container {
    display: flex;
    flex-wrap: var(--navigation-layout-wrap,wrap);
    flex-direction: var(--navigation-layout-direction,initial);
    justify-content: var(--navigation-layout-justify,initial);
    align-items: var(--navigation-layout-align,initial);
    list-style: none;
    margin: 0;
    padding-left: 0
}

    .wp-block-navigation__container .is-responsive {
        display: none
    }

    .wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
        flex-grow: 1
    }

.wp-block-navigation__responsive-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        display: flex;
        flex-wrap: var(--navigation-layout-wrap,wrap);
        flex-direction: var(--navigation-layout-direction,initial);
        justify-content: var(--navigation-layout-justify,initial);
        align-items: var(--navigation-layout-align,initial)
    }

    .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
        color: inherit !important;
        background-color: inherit !important
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        display: flex;
        flex-direction: column;
        background-color: inherit;
        padding: 2rem;
        overflow: auto;
        z-index: 100000
    }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
            padding-top: calc(2rem + 24px);
            overflow: visible;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: var(--navigation-layout-justification-setting,inherit)
        }

            .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
                justify-content: flex-start
            }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
                    display: none
                }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
                    opacity: 1;
                    visibility: visible;
                    height: auto;
                    width: auto;
                    overflow: initial;
                    min-width: 200px;
                    position: static;
                    border: none;
                    padding-left: 2rem;
                    padding-right: 2rem
                }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
                    gap: inherit
                }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
                    padding-top: var(--wp--style--block-gap,2em)
                }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
                    padding: 0
                }

                .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
                    display: flex;
                    flex-direction: column;
                    align-items: var(--navigation-layout-justification-setting,initial)
                }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
            color: inherit !important;
            background: transparent !important
        }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
            right: auto;
            left: auto
        }

@media (min-width:600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit
    }

        .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
            display: none
        }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000
}

.wp-block-navigation__toggle_button_label {
    font-size: 1rem;
    font-weight: 700
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    vertical-align: middle;
    cursor: pointer;
    color: currentColor;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

    .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
        fill: currentColor;
        pointer-events: none;
        display: block;
        width: 24px;
        height: 24px
    }

.wp-block-navigation__responsive-container-open {
    display: flex
}

@media (min-width:600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none
    }
}

.wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.wp-block-navigation__responsive-close {
    width: 100%
}

    .wp-block-navigation__responsive-close:focus {
        outline: none
    }

.is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog {
    box-sizing: border-box
}

.wp-block-navigation__responsive-dialog {
    position: relative
}

html.has-modal-open {
    overflow: hidden
}

.wp-block-navigation .wp-block-navigation-item__label {
    word-break: normal;
    overflow-wrap: break-word
}

.wp-block-navigation .wp-block-navigation-item__description {
    display: none
}

.wp-block-navigation .wp-block-page-list {
    display: flex;
    flex-direction: var(--navigation-layout-direction,initial);
    justify-content: var(--navigation-layout-justify,initial);
    align-items: var(--navigation-layout-align,initial);
    flex-wrap: var(--navigation-layout-wrap,wrap);
    background-color: inherit
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: inherit
}

.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

p.has-drop-cap.has-background {
    overflow: hidden
}

p.has-background {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-author__byline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .5em
}

.wp-block-post-author__avatar {
    margin-right: 1em
}

.wp-block-post-author__bio {
    margin-bottom: .7em;
    font-size: .7em
}

.wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0
}

.wp-block-post-author__name {
    margin: 0
}

.wp-block-post-comments .alignleft {
    float: left
}

.wp-block-post-comments .alignright {
    float: right
}

.wp-block-post-comments .navigation:after {
    content: "";
    display: table;
    clear: both
}

.wp-block-post-comments .commentlist {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0
}

    .wp-block-post-comments .commentlist .comment {
        min-height: 2.25em;
        padding-left: 3.25em
    }

        .wp-block-post-comments .commentlist .comment p {
            font-size: 1em;
            line-height: 1.8;
            margin: 1em 0
        }

    .wp-block-post-comments .commentlist .children {
        list-style: none;
        margin: 0;
        padding: 0
    }

.wp-block-post-comments .comment-author {
    line-height: 1.5
}

    .wp-block-post-comments .comment-author .avatar {
        border-radius: 1.5em;
        display: block;
        float: left;
        height: 2.5em;
        margin-top: .5em;
        margin-right: .75em;
        width: 2.5em
    }

    .wp-block-post-comments .comment-author cite {
        font-style: normal
    }

.wp-block-post-comments .comment-meta {
    font-size: .875em;
    line-height: 1.5
}

    .wp-block-post-comments .comment-meta b {
        font-weight: 400
    }

    .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
        margin-top: 1em;
        margin-bottom: 1em;
        display: block
    }

.wp-block-post-comments .comment-body .commentmetadata {
    font-size: .875em
}

.wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments .comment-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

    .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
        margin-top: .35em
    }

.wp-block-post-comments .comment-reply-title {
    margin-bottom: 0
}

    .wp-block-post-comments .comment-reply-title :where(small) {
        font-size: var(--wp--preset--font-size--medium,smaller);
        margin-left: .5em
    }

.wp-block-post-comments .reply {
    font-size: .875em;
    margin-bottom: 1.4em
}

.wp-block-post-comments input:not([type=submit]), .wp-block-post-comments textarea {
    border: 1px solid #949494;
    font-size: 1em;
    font-family: inherit
}

    .wp-block-post-comments input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments textarea {
        padding: calc(.667em + 2px)
    }

.wp-block-post-comments input[type=submit] {
    border: none
}

.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
    font-weight: inherit
}

.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
    font-family: inherit
}

.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
    font-size: inherit
}

.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
    line-height: inherit
}

.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
    font-style: inherit
}

.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
    letter-spacing: inherit
}

.wp-block-post-comments-form input[type=submit] {
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    overflow-wrap: break-word
}

.wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea {
    border: 1px solid #949494;
    font-size: 1em;
    font-family: inherit
}

    .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form textarea {
        padding: calc(.667em + 2px)
    }

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form .comment-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

    .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
        margin-top: .35em
    }

.wp-block-post-comments-form .comment-reply-title {
    margin-bottom: 0
}

    .wp-block-post-comments-form .comment-reply-title :where(small) {
        font-size: var(--wp--preset--font-size--medium,smaller);
        margin-left: .5em
    }

.wp-block-post-excerpt__more-link {
    display: inline-block
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0
}

    .wp-block-post-featured-image a {
        display: block
    }

    .wp-block-post-featured-image img {
        max-width: 100%;
        width: 100%;
        height: auto;
        vertical-align: bottom
    }

    .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img {
        width: 100%
    }

.wp-block-post-terms__separator {
    white-space: pre-wrap
}

.wp-block-post-title {
    word-break: break-word
}

    .wp-block-post-title a {
        display: inline-block
    }

.wp-block-preformatted {
    white-space: pre-wrap
}

    .wp-block-preformatted.has-background {
        padding: 1.25em 2.375em
    }

.wp-block-pullquote {
    margin: 0 0 1em;
    padding: 3em 0;
    text-align: center;
    overflow-wrap: break-word;
    box-sizing: border-box
}

    .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p {
        color: inherit
    }

    .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right {
        max-width: 420px
    }

        .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p {
            font-size: 1.25em
        }

    .wp-block-pullquote p {
        font-size: 1.75em;
        line-height: 1.6
    }

    .wp-block-pullquote cite, .wp-block-pullquote footer {
        position: relative
    }

    .wp-block-pullquote .has-text-color a {
        color: inherit
    }

    .wp-block-pullquote.has-text-align-left blockquote {
        text-align: left
    }

    .wp-block-pullquote.has-text-align-right blockquote {
        text-align: right
    }

    .wp-block-pullquote.is-style-solid-color {
        border: none
    }

        .wp-block-pullquote.is-style-solid-color blockquote {
            margin-left: auto;
            margin-right: auto;
            max-width: 60%
        }

            .wp-block-pullquote.is-style-solid-color blockquote p {
                margin-top: 0;
                margin-bottom: 0;
                font-size: 2em
            }

            .wp-block-pullquote.is-style-solid-color blockquote cite {
                text-transform: none;
                font-style: normal
            }

    .wp-block-pullquote cite {
        color: inherit
    }

.wp-block-post-template, .wp-block-query-loop {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    list-style: none;
    padding: 0
}

    .wp-block-post-template.wp-block-post-template, .wp-block-query-loop.wp-block-post-template {
        background: none
    }

    .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        gap: 1.25em
    }

        .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li {
            margin: 0;
            width: 100%
        }

@media (min-width:600px) {
    .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
        width: calc(50% - .625em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
        width: calc(25% - .9375em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
        width: calc(20% - 1em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
        width: calc(16.66667% - 1.04167em)
    }
}

.wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous {
    margin-right: .5em;
    margin-bottom: .5em
}

    .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child {
        margin-right: 0
    }

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    margin-right: 1ch;
    display: inline-block
}

    .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
        transform: scaleX(1)
    }

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    margin-left: 1ch;
    display: inline-block
}

    .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
        transform: scaleX(1)
    }

.wp-block-query-pagination.aligncenter {
    justify-content: center
}

.wp-block-quote {
    box-sizing: border-box;
    overflow-wrap: break-word
}

    .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) {
        margin-bottom: 1em;
        padding: 0 1em
    }

        .wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p {
            font-size: 1.5em;
            font-style: italic;
            line-height: 1.6
        }

        .wp-block-quote.is-large:not(.is-style-plain) cite, .wp-block-quote.is-large:not(.is-style-plain) footer, .wp-block-quote.is-style-large:not(.is-style-plain) cite, .wp-block-quote.is-style-large:not(.is-style-plain) footer {
            font-size: 1.125em;
            text-align: right
        }

.wp-block-read-more {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

    .wp-block-read-more:not([style*=text-decoration]), .wp-block-read-more:not([style*=text-decoration]):active, .wp-block-read-more:not([style*=text-decoration]):focus {
        text-decoration: none
    }

ul.wp-block-rss {
    list-style: none;
    padding: 0
}

    ul.wp-block-rss.wp-block-rss {
        box-sizing: border-box
    }

    ul.wp-block-rss.alignleft {
        margin-right: 2em
    }

    ul.wp-block-rss.alignright {
        margin-left: 2em
    }

    ul.wp-block-rss.is-grid {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        list-style: none
    }

        ul.wp-block-rss.is-grid li {
            margin: 0 1em 1em 0;
            width: 100%
        }

@media (min-width:600px) {
    ul.wp-block-rss.columns-2 li {
        width: calc(50% - 1em)
    }

    ul.wp-block-rss.columns-3 li {
        width: calc(33.33333% - 1em)
    }

    ul.wp-block-rss.columns-4 li {
        width: calc(25% - 1em)
    }

    ul.wp-block-rss.columns-5 li {
        width: calc(20% - 1em)
    }

    ul.wp-block-rss.columns-6 li {
        width: calc(16.66667% - 1em)
    }
}

.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
    display: block;
    font-size: .8125em
}

.wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: .375em .625em;
    color: #32373c;
    margin-left: .625em;
    word-break: normal;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

    .wp-block-search__button.has-icon {
        line-height: 0
    }

    .wp-block-search__button svg {
        min-width: 1.5em;
        min-height: 1.5em;
        fill: currentColor
    }

.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%
}

.wp-block-search__label {
    width: 100%
}

.wp-block-search__input {
    padding: 8px;
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border: 1px solid #949494
}

    .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
        border-radius: 0;
        border: none;
        padding: 0 0 0 .25em
    }

        .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
            outline: none
        }

    .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
        padding: .125em .5em
    }

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    margin: auto
}

.wp-block-separator {
    border-top: 1px solid;
    border-bottom: 1px solid
}

    .wp-block-separator.is-style-dots {
        background: none !important;
        border: none;
        text-align: center;
        line-height: 1;
        height: auto
    }

        .wp-block-separator.is-style-dots:before {
            content: "···";
            color: currentColor;
            font-size: 1.5em;
            letter-spacing: 2em;
            padding-left: 2em;
            font-family: serif
        }

.wp-block-site-logo {
    line-height: 0
}

    .wp-block-site-logo a {
        display: inline-block
    }

    .wp-block-site-logo.is-default-size img {
        width: 120px;
        height: auto
    }

    .wp-block-site-logo a, .wp-block-site-logo img {
        border-radius: inherit
    }

    .wp-block-site-logo.aligncenter {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .wp-block-site-logo.is-style-rounded {
        border-radius: 9999px
    }

.wp-block-social-links {
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    margin-left: 0;
    background: none
}

    .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover {
        text-decoration: none;
        border-bottom: 0;
        box-shadow: none
    }

    .wp-block-social-links .wp-social-link a {
        padding: .25em
    }

    .wp-block-social-links .wp-social-link svg {
        width: 1em;
        height: 1em
    }

    .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
        margin-left: .5em;
        margin-right: .5em;
        font-size: .65em
    }

    .wp-block-social-links.has-small-icon-size {
        font-size: 16px
    }

    .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
        font-size: 24px
    }

        .wp-block-social-links.has-large-icon-size {
            font-size: 36px
        }

        .wp-block-social-links.has-huge-icon-size {
            font-size: 48px
        }

        .wp-block-social-links.aligncenter {
            justify-content: center;
            display: flex
        }

        .wp-block-social-links.alignright {
            justify-content: flex-end
        }

.wp-block-social-link {
    display: block;
    border-radius: 9999px;
    transition: transform .1s ease;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-social-link {
        transition-duration: 0s;
        transition-delay: 0s
    }
}

.wp-block-social-link a {
    align-items: center;
    display: flex;
    line-height: 0;
    transition: transform .1s ease
}

.wp-block-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    color: currentColor;
    fill: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
    background-color: #ff424d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #fe4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: none
}

    .wp-block-social-links.is-style-logos-only .wp-social-link a {
        padding: 0
    }

    .wp-block-social-links.is-style-logos-only .wp-social-link svg {
        width: 1.25em;
        height: 1.25em
    }

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
    color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
    color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

    .wp-block-social-links.is-style-pill-shape .wp-social-link a {
        padding-left: .66667em;
        padding-right: .66667em
    }

.wp-block-spacer {
    clear: both
}

.wp-block-tag-cloud.aligncenter {
    text-align: center
}

.wp-block-tag-cloud.alignfull {
    padding-left: 1em;
    padding-right: 1em
}

.wp-block-tag-cloud a {
    display: inline-block;
    margin-right: 5px
}

.wp-block-tag-cloud span {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none
}

.wp-block-tag-cloud.is-style-outline {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

    .wp-block-tag-cloud.is-style-outline a {
        border: 1px solid;
        font-size: unset !important;
        margin-right: 0;
        padding: 1ch 2ch;
        text-decoration: none !important
    }

.wp-block-table {
    margin: 0 0 1em;
    overflow-x: auto
}

    .wp-block-table table {
        border-collapse: collapse;
        width: 100%
    }

    .wp-block-table .has-fixed-layout {
        table-layout: fixed;
        width: 100%
    }

        .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
            word-break: break-word
        }

    .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
        display: table;
        width: auto
    }

        .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
            word-break: break-word
        }

    .wp-block-table .has-subtle-light-gray-background-color {
        background-color: #f3f4f5
    }

    .wp-block-table .has-subtle-pale-green-background-color {
        background-color: #e9fbe5
    }

    .wp-block-table .has-subtle-pale-blue-background-color {
        background-color: #e7f5fe
    }

    .wp-block-table .has-subtle-pale-pink-background-color {
        background-color: #fcf0ef
    }

    .wp-block-table.is-style-stripes {
        border-spacing: 0;
        border-collapse: inherit;
        background-color: transparent;
        border-bottom: 1px solid #f0f0f0
    }

        .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
            background-color: #f0f0f0
        }

        .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
            background-color: #f3f4f5
        }

        .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
            background-color: #e9fbe5
        }

        .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
            background-color: #e7f5fe
        }

        .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
            background-color: #fcf0ef
        }

        .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
            border-color: transparent
        }

    .wp-block-table .has-border-color > *, .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr {
        border-color: inherit
    }

    .wp-block-table table[style*=border-style] > *, .wp-block-table table[style*=border-style] td, .wp-block-table table[style*=border-style] th, .wp-block-table table[style*=border-style] tr {
        border-style: inherit
    }

    .wp-block-table table[style*=border-width] > *, .wp-block-table table[style*=border-width] td, .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] tr {
        border-width: inherit;
        border-style: inherit
    }

.wp-block-text-columns, .wp-block-text-columns.aligncenter {
    display: flex
}

    .wp-block-text-columns .wp-block-column {
        margin: 0 1em;
        padding: 0
    }

        .wp-block-text-columns .wp-block-column:first-child {
            margin-left: 0
        }

        .wp-block-text-columns .wp-block-column:last-child {
            margin-right: 0
        }

    .wp-block-text-columns.columns-2 .wp-block-column {
        width: 50%
    }

    .wp-block-text-columns.columns-3 .wp-block-column {
        width: 33.33333%
    }

    .wp-block-text-columns.columns-4 .wp-block-column {
        width: 25%
    }

pre.wp-block-verse {
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap
}

.wp-block-video {
    margin: 0 0 1em
}

    .wp-block-video video {
        width: 100%
    }

@supports (position:sticky) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

    :root .has-very-light-gray-background-color {
        background-color: #eee
    }

    :root .has-very-dark-gray-background-color {
        background-color: #313131
    }

    :root .has-very-light-gray-color {
        color: #eee
    }

    :root .has-very-dark-gray-color {
        color: #313131
    }

    :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
        background: linear-gradient(135deg,#00d084,#0693e3)
    }

    :root .has-purple-crush-gradient-background {
        background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
    }

    :root .has-hazy-dawn-gradient-background {
        background: linear-gradient(135deg,#faaca8,#dad0ec)
    }

    :root .has-subdued-olive-gradient-background {
        background: linear-gradient(135deg,#fafae1,#67a671)
    }

    :root .has-atomic-cream-gradient-background {
        background: linear-gradient(135deg,#fdd79a,#004a59)
    }

    :root .has-nightshade-gradient-background {
        background: linear-gradient(135deg,#330968,#31cdcf)
    }

    :root .has-midnight-gradient-background {
        background: linear-gradient(135deg,#020381,#2874fc)
    }

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

    .screen-reader-text:focus {
        background-color: #ddd;
        clip: auto !important;
        -webkit-clip-path: none;
        clip-path: none;
        color: #444;
        display: block;
        font-size: 1em;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

html :where(.has-border-color), html :where([style*=border-width]) {
    border-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

.graph-icon,
.mobile-phone-icon,
.post-meta__icon,
.headset-icon, .faq-icon, .call-icon,
.email-icon, .map-marker-icon, .iphone-icon,
.contact-info-block__icon,
.contact-map__marker__icon,
.plans-tabs__icon,
.info-icon,
.lock-privacy-icon {
    fill: rgba(0,0,0,.0) !important;
    background-image: url(/wp-content/themes/americanpower/css/images/icons-ref.png);
    background-size: initial;
    background-repeat: no-repeat !important;
}

.headset-icon {
    background-position: -28px -26px;
}

.faq-icon {
    background-position: -28px -2px;
}

.call-icon {
    background-position: -28px -51px;
}

.graph-icon.pigtail-icon {
    background-position: -111px 0px;
}

.graph-icon.windmill-icon {
    background-position: -115px -74px;
}

.graph-icon.upstat-graph-icon {
    background-position: -188px 8px;
}

.graph-icon.recycle-icon {
    background-position: -190px -73px;
}

.enroll-or-call .call-us .mobile-phone-icon {
    background-position: -44px -159px;
}

.post-meta__icon.post-edit-icon {
    background-position: -87px -53px;
}

.post-meta__icon.comment-bubble-icon {
    background-position: -85px -78px;
}

.post-meta__icon.calendar-check-icon {
    background-position: -95px -101px;
}

.lock-privacy-icon {
    background-position: -96px -131px;
}

.info-icon {
    background-position: -27px -76px;
}

.plans-tabs__icon.plans-plan {
    background-position: -47px -101px;
}

.plans-tabs__icon.plans-grid {
    background-position: -57px -1px;
}

.plans-tabs__icon.plans-plus {
    background-position: -55px -51px;
}

.plans-tabs__icon.plans-lock {
    background-position: -57px -26px;
}

.plans-tabs__icon.plans-star {
    background-position: -55px -76px;
}

.contact-map__marker__icon.contact-map-marker-icon {
    background-position: -85px -1px;
}

.contact-map__marker__icon.contact-telephone-icon {
    background-position: -85px -27px;
}

.contact-info-block__icon.contact-phone {
    background-position: 0px -1px;
}

.contact-info-block__icon.contact-clock {
    background-position: 0px -25px;
}

.contact-info-block__icon.contact-q-mark {
    background-position: 0px -50px;
}

.contact-info-block__icon.contact-email {
    background-position: 0px -72px;
}

.email-icon {
    background-position: 0px -100px;
}

.map-marker-icon {
    background-position: -2px -130px;
}

.iphone-icon {
    background-position: -4px -172px;
}

/*ICON.CSS*/

.graph-icon,
.mobile-phone-icon,
.post-meta__icon,
.headset-icon, .faq-icon, .call-icon,
.email-icon, .map-marker-icon, .iphone-icon,
.contact-info-block__icon,
.contact-map__marker__icon,
.plans-tabs__icon,
.info-icon,
.lock-privacy-icon {
    fill: rgba(0,0,0,.0) !important;
    background-image: url(https://www.americanpowerandgas.com/wp-content/themes/americanpower/css/images/icons-ref.png);
    background-size: initial;
    background-repeat: no-repeat !important;
}

.headset-icon {
    background-position: -28px -26px;
}

.faq-icon {
    background-position: -28px -2px;
}

.call-icon {
    background-position: -28px -51px;
}

.graph-icon.pigtail-icon {
    background-position: -111px 0px;
}

.graph-icon.windmill-icon {
    background-position: -115px -74px;
}

.graph-icon.upstat-graph-icon {
    background-position: -188px 8px;
}

.graph-icon.recycle-icon {
    background-position: -190px -73px;
}

.enroll-or-call .call-us .mobile-phone-icon {
    background-position: -44px -159px;
}

.post-meta__icon.post-edit-icon {
    background-position: -87px -53px;
}

.post-meta__icon.comment-bubble-icon {
    background-position: -85px -78px;
}

.post-meta__icon.calendar-check-icon {
    background-position: -95px -101px;
}

.lock-privacy-icon {
    background-position: -96px -131px;
}

.info-icon {
    background-position: -27px -76px;
}

.plans-tabs__icon.plans-plan {
    background-position: -47px -101px;
}

.plans-tabs__icon.plans-grid {
    background-position: -57px -1px;
}

.plans-tabs__icon.plans-plus {
    background-position: -55px -51px;
}

.plans-tabs__icon.plans-lock {
    background-position: -57px -26px;
}

.plans-tabs__icon.plans-star {
    background-position: -55px -76px;
}

.contact-map__marker__icon.contact-map-marker-icon {
    background-position: -85px -1px;
}

.contact-map__marker__icon.contact-telephone-icon {
    background-position: -85px -27px;
}

.contact-info-block__icon.contact-phone {
    background-position: 0px -1px;
}

.contact-info-block__icon.contact-clock {
    background-position: 0px -25px;
}

.contact-info-block__icon.contact-q-mark {
    background-position: 0px -50px;
}

.contact-info-block__icon.contact-email {
    background-position: 0px -72px;
}

.email-icon {
    background-position: 0px -100px;
}

.map-marker-icon {
    background-position: -2px -130px;
}

.iphone-icon {
    background-position: -4px -172px;
}


/*MAIN CSS*/
html {
    font-size: 10px
}

bod .site-footer:not {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 200;
    font-family: Lato,sans-serif;
    line-height: 1.5
}

@media only screen and (max-width:46.87em) {
    body {
        font-size: 1.8rem
    }
}

h1 {
    font-weight: 900
}

h1, h2, h3, h4, h5, h6 {
    font-family: Gotham,sans-serif
}

h2, h3, h4, h5, h6 {
    font-size: 3rem;
    font-weight: 500
}

@media only screen and (max-width:46.87em) {
    h2, h3, h4, h5, h6 {
        font-size: 2.8rem
    }
}

.hero {
    height: 80vh;
    background-image: url(/images/benefits_header.png);
    background-size: cover;
    background-position: top;
    display: flex;
    align-items: center
}

@media only screen and (max-width:46.87em) {
    .hero {
        display: block
    }
}

.hero__text-box {
    width: 60%;
    color: #fff;
    margin: 0 auto;
    transform: translateX(-4rem)
}

@media only screen and (max-width:26.25em) {
    .hero__text-box {
        padding-top: 10rem;
        width: 100%;
        transform: none;
        margin-left: 2rem
    }
}

@media only screen and (max-width:320px) {
    .hero__text-box {
        padding-top: 8rem
    }
}

.hero__header {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 5.5rem;
    line-height: 1;
    width: 45%
}

@media only screen and (max-width:75em) {
    .hero__header {
        width: 90%
    }
}

@media only screen and (max-width:46.87em) {
    .hero__header {
        padding-top: 2rem;
        font-size: 2rem
    }
}

@media only screen and (max-width:26.25em) {
    .hero__header {
        font-size: 3.5rem
    }
}

@media only screen and (max-width:320px) {
    .hero__header {
        font-size: 2.5rem;
        width: 80%
    }
}

.hero__subtitle {
    font-size: 2.5rem;
    width: 30%;
    line-height: 1.3
}

@media only screen and (max-width:75em) {
    .hero__subtitle {
        width: 70%
    }
}

@media only screen and (max-width:46.87em) {
    .hero__subtitle {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:26.25em) {
    .hero__subtitle {
        font-size: 2.3rem
    }
}

@media only screen and (max-width:320px) {
    .hero__subtitle {
        font-size: 1.8rem
    }
}

.featured {
    background-color: #fff;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-50%);
    padding: 6rem 4rem 7rem
}

@media only screen and (max-width:90.62em) {
    .featured {
        padding: 6rem 8rem 7rem
    }
}

@media only screen and (max-width:56.25em) {
    .featured {
        padding: 6rem 10rem 7rem
    }
}

@media only screen and (max-width:46.87em) {
    .featured {
        padding: 2rem 3rem 4rem;
        width: min-content
    }
}

@media only screen and (max-width:26.25em) {
    .featured {
        padding: 3.5rem 0 4rem;
        width: 97%
    }
}

@media only screen and (max-width:320px) {
    .featured {
        padding: 2rem 0 3rem;
        width: 97%
    }
}

.featured__title {
    margin-top: 0;
    font-size: 1.8rem;
    font-style: italic;
    color: grey;
    margin-bottom: 4rem
}

@media only screen and (max-width:46.87em) {
    .featured__title {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:26.25em) {
    .featured__title {
        margin-bottom: 2rem;
        font-size: 1.4rem
    }
}

.featured__logos {
    display: flex;
    align-items: center
}

.featured__logo {
    width: 25rem
}

@media only screen and (max-width:75em) {
    .featured__logo {
        width: 15rem
    }
}

@media only screen and (max-width:46.87em) {
    .featured__logo {
        width: 10rem
    }
}

@media only screen and (max-width:26.25em) {
    .featured__logo {
        width: 5rem;
        width: 8rem
    }
}

.featured__logo:nth-child(2) {
    margin: 0 6rem
}

@media only screen and (max-width:46.87em) {
    .featured__logo:nth-child(2) {
        margin: 0 4rem
    }
}

@media only screen and (max-width:26.25em) {
    .featured__logo:nth-child(2) {
        margin: 0 2rem
    }
}

.details {
    background-color: #e1f9ff
}

@media only screen and (max-width:90.62em) {
    .details {
        padding-bottom: 10rem
    }
}

.details__text {
    display: grid;
    grid-template-columns: repeat(auto-fit,40rem);
    justify-content: center;
    align-content: center;
    justify-items: center
}

@media only screen and (max-width:40.25em) {
    .details__text {
        grid-template-columns: repeat(auto-fit,100%)
    }
}

.details__text-column {
    width: 80%;
    padding: 0 5rem;
    text-align: center;
    transform: translateY(-10%)
}

@media only screen and (max-width:75em) {
    .details__text-column {
        padding: 3rem 0
    }
}

@media only screen and (max-width:56.25em) {
    .details__text-column {
        padding-bottom: 4.5rem
    }
}

.details__text-column:not(:last-child) {
    border-right: 1px solid #cfe6ec
}

@media only screen and (max-width:75em) {
    .details__text-column:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #cfe6ec
    }
}

.details__title {
    color: #1f66aa;
    font-weight: 700
}

.cards {
    background-color: rgba(166,221,247,.73);
    padding: 5rem 0
}

.cards__container {
    display: grid;
    grid-template-columns: repeat(4,35rem);
    grid-gap: 2rem;
    width: 80%;
    margin: 0 auto;
    justify-content: center
}

@media only screen and (max-width:75em) {
    .cards__container {
        grid-template-columns: repeat(auto-fill,38rem)
    }
}

@media only screen and (max-width:56.25em) {
    .cards__container {
        grid-template-columns: repeat(auto-fill,33rem);
        grid-gap: 3rem;
        width: 90%
    }
}

@media only screen and (max-width:26.25em) {
    .cards__container {
        grid-template-columns: repeat(auto-fill,100%);
        grid-gap: 3rem;
        width: 90%
    }
}

.cards .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #338cba;
    padding: 4rem;
    text-align: center;
    height: 40rem;
    border-radius: 8px;
    background-color: rgba(166,221,247,.73)
}

@media only screen and (max-width:56.25em) {
    .cards .card {
        height: 50rem
    }
}

.cards .card__image {
    height: 12rem;
    width: auto
}

.cards .card__title {
    color: #51924b;
    font-weight: 700;
    margin-bottom: 0
}

.cta {
    padding: 9rem 0;
    text-align: center
}

.cta__header {
    font-size: 3.2rem;
    font-weight: 700
}

@media only screen and (max-width:26.25em) {
    .cta__header {
        width: 80%;
        margin: 0 auto 3rem
    }
}

.cta__text {
    width: 50rem;
    font-size: 1.8rem;
    margin: 0 auto 8rem
}

@media only screen and (max-width:26.25em) {
    .cta__text {
        width: 80%
    }
}

.cta__btn {
    background-color: #fe2b00;
    outline: none;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 3rem;
    padding: 2rem 4rem;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    text-decoration: none
}

    .cta__btn:hover {
        transform: translateY(-2px);
        box-shadow: 7px 6px 15px -2px hsla(0,0%,51.4%,.75);
        cursor: pointer
    }

@media only screen and (max-width:26.25em) {
    .cta__btn {
        font-size: 2.5rem
    }
}

.footer {
    background-color: #303030;
    color: #fff;
    display: flex;
    height: 10rem;
    justify-content: center;
    align-items: center
}

    .footer a, .footer a:visited {
        color: #fff;
        font-weight: 700;
        text-decoration: none
    }

.footer__divider {
    padding: 0 2rem
}

.form {
    margin: 0 auto
}

.form__cta {
    color: #1f66aa;
    text-align: center;
    font-weight: 700
}

@media only screen and (max-width:26.25em) {
    .form__cta {
        font-size: 2rem;
        width: 80%;
        margin: 2rem
    }
}

.form__label {
    display: block;
    margin-bottom: 1rem;
    color: #1f66aa;
    font-weight: 700
}

.form__text-input {
    padding: 1.5rem;
    border: 1px solid #b8b8b8;
    font-size: 2rem;
    width: 94%
}

@media only screen and (max-width:26.25em) {
    .form__text-input {
        width: 80%
    }
}

.form .cta__btn {
    margin-top: 2rem;
    width: 100%
}

@media only screen and (max-width:26.25em) {
    .form .cta__btn {
        width: 90%
    }
}

.form__form {
    width: 30%;
    margin: 5rem auto;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    padding: 5rem 6rem;
    border-radius: 10px
}

@media only screen and (max-width:75em) {
    .form__form {
        width: 50%
    }
}

@media only screen and (max-width:56.25em) {
    .form__form {
        width: 75%
    }
}

@media only screen and (max-width:46.87em) {
    .form__form {
        width: 60%
    }
}

@media only screen and (max-width:26.25em) {
    .form__form {
        width: 100%;
        border-radius: 0;
        padding: 3rem 2rem
    }
}

.form__form-input-container {
    width: 100%;
    padding: 1rem 0
}

.form__form-input-container--checkbox {
    display: grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: 100%;
    align-items: center
}

@media only screen and (max-width:26.25em) {
    .form__form-input-container--checkbox {
        grid-template-columns: 20% 68%
    }
}

.form__checkbox {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 2rem;
    height: 2rem;
    margin: 0;
    justify-self: center
}

.form__checkbox--label {
    grid-column: 2/3;
    margin: 0;
    font-weight: 400
}

    .form__checkbox--label a {
        text-decoration: none;
        font-weight: 700
    }

        .form__checkbox--label a:visited {
            color: inherit
        }

.testimonials {
    width: 80%;
    background-color: #e1f9ff;
    padding: 4rem;
    text-align: center;
    margin: 0 auto 6rem
}

@media only screen and (max-width:26.25em) {
    .testimonials {
        width: 100%;
        margin: 0;
        padding: 4rem 0
    }
}

.testimonials__title {
    font-weight: 700;
    color: #1f66aa;
    text-align: center
}

.testimonials__container {
    display: grid;
    grid-template-columns: repeat(auto-fit,40rem);
    grid-gap: 5rem;
    justify-content: center
}

@media only screen and (max-width:36.25em) {
    .testimonials__container {
        grid-template-columns: repeat(auto-fit,80%)
    }
}

.testimonials .testimonial {
    color: rgba(0,0,0,.7);
    font-size: 1.8rem
}

.hero__header,
.hero__subtitle {
    color: #FFF;
}

.hero__text-box {
    transform: initial;
}

.hero__header {
    max-width: 600px;
    width: 100%;
}

.hero__subtitle {
    max-width: 315px;
    width: 100%;
    margin: .83em 0;
}

.page-template-page-benefits-new .site-footer:not p {
    font-size: 1.6rem;
    font-family: Lato,sans-serif;
    font-weight: initial;
    line-height: 1.5;
    color: #000;
}

.details__text-column {
    width: 100%;
    font-weight: 500;
}

.cta__header {
    color: #000;
}

.page-template-page-benefits-new p.cta__text,
.page-template-page-benefits-new p.testimonial__text {
    font-size: 1.8rem;
}

.page-template-page-benefits-new p.testimonial__text {
    color: rgba(0,0,0,.7);
}

.featured,
.testimonials,
.cards,
.cta {
    box-sizing: initial;
}

.featured__logos {
    flex-wrap: wrap;
}

    .featured__logos img.lazy {
        display: flex;
        flex: 0 0 33%;
        width: 33%;
    }

.footer-heading {
    font-family: "Lato", sans-serif;
    font-weight: 600;
}

.footer-bottom p {
    font-weight: 400;
}

.site-footer h3 {
    font-family: "Lato", sans-serif;
    font-size: 1.17em;
    font-weight: 500;
}

@media(max-width:767px) {
    .page-template-page-benefits-new section {
        box-sizing: border-box;
        padding: 9rem 15px;
    }
}

@media only screen and (max-width: 46.87em) {
    .featured {
        width: 100%;
        padding: 2rem 10px 3rem;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 26.25em) {
    .hero__header,
    .hero__subtitle {
        width: 80%;
    }

    .cta__btn {
        font-size: 2.4rem;
    }
}

.contact-map {
    background: url(/images/apg-map.jpg) top center no-repeat;
    min-height: 452px;
}

.wrapper-mobile {
    padding: 0 2rem 2rem 2rem;
}

    .wrapper-mobile h1 {
        font-size: 3rem;
        font-weight: 700;
        text-align: center;
    }

    .wrapper-mobile a {
        font-size: 1.75rem;
        text-align: center;
    }

    .wrapper-mobile h3 {
        font-size: 26px;
        text-align: center;
    }

    .wrapper-mobile p {
        text-align: center;
    }
/*VIDEO*/
.slider-loop {
    min-height: 700px;
}

.video-container {
    background-image: url(/images/HomePageBanner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 1000px;
}

.video-container-mobile {
    background-image: url(/images/HomePageBanner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    /*height: 850px;*/
    height: 1150px;
    padding: 45px 15px 50px;
}

iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    overflow: hidden;
    pointer-events: none;
}

#text {
    position: absolute;
    color: rgb(255, 255, 255);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    width: 1050px;
    height: 100%;
    min-height: 0px;
    min-width: 0px;
    max-height: 700px;
    max-width: none;
    opacity: 1;
    visibility: visible;
    z-index: 8;
}

.text h1 {
    text-transform: uppercase;
    font-size: 4rem;
    width: 90%;
    color: white;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2;
    padding-top: 10rem;
    padding-left: 3rem;
}

.text p {
    display: block;
    color: white;
    transition: .6s background;
    border-bottom: none;
    text-align: left;
    padding: 5rem 0 5rem 3rem;
    width: 500px;
}

#text-mobile {
    position: absolute;
    color: rgb(255, 255, 255);
    left: 50%;
    top: 59%;
    /*top: 63%;*/
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    min-height: 0px;
    min-width: 0px;
    /*max-height: 855px;*/
    max-height: 1400px;
    max-width: none;
    opacity: 1;
    visibility: visible;
    z-index: 8;
    padding-top: 2rem;
}

.text-mobile h1 {
    font-size: 34px;
    color: white;
    line-height: 39px;
    text-transform: uppercase;
    padding: 4rem 4rem 1rem 4rem;
    font-weight: 900;
}

.text-mobile p {
    line-height: 1.5;
    font-size: 17px;
    color: #565555;
    margin-bottom: 26px;
    padding: 1rem 4rem;
    color: white;
}

.mobile-button-container {
    padding: 0 4rem 3rem 4rem;
}

.red-btn {
    padding: 25px 40px;
    background: #ff2a00;
    color: white;
    font-size: 25px;
    font-weight: 900;
    border-radius: 4px;
    border: none;
}

.red-btn-mobile {
    padding: 25px 52px;
    background: #ff2a00;
    margin: 0 0 10px 0;
    color: white;
    font-size: 23px;
    font-weight: 900;
    border-radius: 4px;
    border: none;
}

.green-btn {
    z-index: 10;
    background-color: rgb(152,195,60);
    font-family: Arial;
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 5px 40px;
    border-radius: 4px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.green-btn-mobile {
    z-index: 10;
    background-color: rgb(152,195,60);
    font-family: Arial;
    height: auto;
    width: 100%;
    color: rgb(255, 255, 255);
    text-align: center !important;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 10px 40px;
    border-radius: 4px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.blue-btn {
    z-index: 9;
    background-color: rgb(42,40,94);
    font-family: Arial;
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 5px 40px;
    border-radius: 4px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.blue-btn-mobile {
    z-index: 9;
    background-color: rgb(42,40,94);
    font-family: Arial;
    height: auto;
    width: 100%;
    text-align: center !important;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 10px 40px;
    border-radius: 4px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.round-blue-btn {
    z-index: 9;
    background-color: rgb(0, 122, 255);
    font-family: Arial;
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 5px 40px;
    border-radius: 90px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.round-blue-btn-mobile {
    z-index: 9;
    background-color: rgb(0, 122, 255);
    font-family: Arial;
    height: auto;
    width: 100%;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    padding: 10px 40px;
    border-radius: 90px;
    filter: blur(0px) grayscale(0%) brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
}

.outline-btn {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    font-family: Arial;
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 3px;
    padding: 7px 25px;
    border-radius: 4px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.outline-btn-mobile {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    font-family: Arial;
    height: auto;
    width: 100%;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 3px;
    padding: 15px 40px;
    border-radius: 4px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.round-outline-btn {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    font-family: Arial;
    height: auto;
    width: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 3px;
    padding: 7px 25px;
    border-radius: 90px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.round-outline-btn-mobile {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    font-family: Arial;
    height: auto;
    width: 100%;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 3px;
    padding: 15px 25px;
    border-radius: 90px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.outline-black-btn {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    font-family: Roboto;
    height: auto;
    width: auto;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 24px;
    border-color: black;
    border-style: solid;
    border-width: 3px;
    padding: 7px 25px;
    border-radius: 4px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.banner-text-mobile {
    max-width: 290px;
    width: 100%;
    margin-bottom: 5rem;
    color: white;
    font-size: 30px;
    font-weight: 700;
}

#vidtop-content {
    top: 0;
    color: #fff;
}

.vid-info {
    top: 0;
    z-index: 8;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    width: 1050px;
    height: 100%;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

    .vid-info h1 {
        text-transform: uppercase;
        font-size: 4rem;
        width: 786px;
        color: white;
        font-weight: 700;
        margin-top: 0;
        line-height: 1.2;
        padding-top: 10rem;
        padding-left: 2rem;
    }

    .vid-info p {
        display: block;
        color: white;
        transition: .6s background;
        border-bottom: none;
        text-align: left;
        padding: 5rem 0 5rem 2rem;
        width: 500px;
    }

.row {
    margin: 0 10px 0 10px;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 150%;
        width: 100%;
    }
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: .5rem;
    }

        .vid-info h1 {
            margin-bottom: .2rem;
        }
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }
}



/*LANE EDITS*/
.contain {
    max-width: 1000px;
    margin: 0 auto;
}




/* MAIN NAV SUB MENU */
.menu-item .sub-menu {
    display: none;
    opacity: 0;
    position: absolute;
    background: #FFF;
    border-top: 1px solid #baff00;
    transition: all .2s;
}

.menu-item:hover .sub-menu {
    display: block;
    opacity: 1;
}

@media(max-width:1000px) {
    .menu-item .sub-menu {
        position: initial;
        border-top: none;
    }
}

/*======================================================*/
/*AP&amp;G ENROLLMENT MOBILES STYLING*/
/*======================================================*/

/* Mobile Menu Button */
.menu-toggle {
    background: none;
    border: none;
    font-size: 25px;
    color: rgba(0,0,0,0.58);
}


/*Plans Page Styling*/
#plans-form button[name="choose_plans"].mobile-only {
    display: none;
}


/* Icons Styles */


/* General / layout */

/* TEMP TOP BAR HOURS NOTIFICATION */
.top-bar-notif {
    display: inline-block;
    width: 100%;
    padding: 20px 15px;
    font-family: 'Roboto';
    font-size: 17px;
    color: #FFF;
    background-color: #61939a;
    text-align: center;
}

    .top-bar-notif span {
        display: inline-block;
        width: 100%;
    }

.il-billofrights.il_modular,
.oh_modular {
    padding: 0 40px;
}

.page-wrapper {
    height: 100%;
    width: 100%;
}

.wrap {
    width: 100%;
    display: block;
}

.contain {
    max-width: 1000px;
    margin: 0 auto;
}

.contain--pad50-0 {
    padding: 50px 0;
}

.grid-1 {
    width: 8.33333%;
}

.span-1 {
    margin-left: 8.33333%;
}

.grid-2 {
    width: 16.66667%;
}

.span-2 {
    margin-left: 16.66667%;
}

.grid-3 {
    width: 25%;
}

.span-3 {
    margin-left: 25%;
}

.grid-4 {
    width: 33.33333%;
}

.span-4 {
    margin-left: 33.33333%;
}

.grid-5 {
    width: 41.66667%;
}

.span-5 {
    margin-left: 41.66667%;
}

.grid-6 {
    width: 50%;
}

.span-6 {
    margin-left: 50%;
}

.grid-7 {
    width: 58.33333%;
}

.span-7 {
    margin-left: 58.33333%;
}

.grid-8 {
    width: 66.66667%;
}

.span-8 {
    margin-left: 66.66667%;
}

.grid-9 {
    width: 75%;
}

.span-9 {
    margin-left: 75%;
}

.grid-10 {
    width: 83.33333%;
}

.span-10 {
    margin-left: 83.33333%;
}

.grid-11 {
    width: 91.66667%;
}

.span-11 {
    margin-left: 91.66667%;
}

.grid-12 {
    width: 100%;
}

.span-12 {
    margin-left: 100%;
}

.choose-providers .grid-pad {
    padding: 0;
}

.grid-pad {
    padding: 20px 0 20px 20px;
}

    .grid-pad .col:last-of-type {
        padding-right: 20px;
    }

.grid-posts {
    width: 70%;
    padding-right: 20px;
}

.grid-sidebar {
    width: 30%;
}

.col {
    float: left;
    padding: 0 15px;
}

    .col:last-child:not(.graph),
    .col {
        padding: 0 15px;
    }

.col--no-pad {
    padding: 0 !important;
}

.col--pad20 {
    padding: 20px !important;
}

.col--pad30 {
    padding: 30px !important;
}

.pad-bottom100 {
    padding-bottom: 100px;
}

.pad60-0 {
    padding: 60px 0;
}

.pad100-0 {
    padding: 100px 0;
}

.page-id-105 .contain,
.page-id-784 .contain,
.page-id-161 .contain {
    padding: 0 15px;
}


/* MEDIA QUERIES */

@media(max-width:1024px) {

    /* Modal for starting Enrollment Process */
    .modal-overlay.show {
        z-index: 10000000;
    }

    .modal-overlay .modal-window {
        overflow: scroll;
    }

    .modal-overlay .modal-window {
        width: 100%;
        max-height: initial;
        height: 100%;
        margin-top: 0 !important;
        top: 0;
    }

    .region-select__heading {
        padding: 0 15px;
        font-size: 25px;
        line-height: 1.2;
    }

    .check-label {
        padding: 15px 30px 15px 50px;
        font-size: 15px;
    }

    .region-select-wrap {
        padding: 30px 0;
    }

    .region-select__form .input.input--inline {
        width: 100%;
        margin-bottom: 30px;
        padding: 20px 30px 20px 50px;
    }

    .modal-overlay .choose-providers .modal-window__footer {
        bottom: -200px;
    }


    /*Homepage Styles*/

    .more-link {
        width: 100%;
        padding: 15px;
    }

    .enroll-or-call.with-blog {
        padding: 35px 15px;
    }

    .enroll-or-call .call-us {
        font-size: 30px;
    }

    .enroll-or-call .or-span {
        display: block;
        margin: 30px auto 0;
    }

    .enroll-or-call.group.with-blog .enroll-btn.blue {
        margin: 0 0 10px 0;
        max-width: 300px;
        width: 100%;
    }

    .enroll-btn {
        max-width: 300px;
        width: 100%;
    }

    .thin-heading-wrap .heading-thin {
        font-size: 35px;
    }

    .cta-graphs .cta-heading {
        font-size: 26px;
        line-height: 35px;
    }

        .cta-graphs .cta-heading .leaves:before {
            top: -33px;
            left: 98px;
        }

    .footer-heading {
        margin: 30px 0 0;
    }

    #menu-footer-navigation {
        max-width: 182px;
        text-align: left;
        margin: 30px auto 0;
    }

    /*Choose Providers Styles*/
    .choose-providers .grid-pad.contain {
        position: relative;
    }

    /* Mobile Layout */
    .col,
    .col:last-child:not(.graph),
    .site-footer .about-section {
        padding: 0 15px;
    }

    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9,
    .grid-10,
    .grid-11,
    .grid-12 {
        width: 100%;
        margin: 10px 0;
        padding: 0 15px;
        text-align: center;
    }

    .span-1,
    .span-2,
    .span-3,
    .span-4,
    .span-5,
    .span-6,
    .span-7,
    .span-8,
    .span-9,
    .span-10,
    .span-11,
    .span-12 {
        margin-left: 0%;
    }

    /*Slider*/
    .slick-slider .header-cta-message {
        text-align: center;
        padding: 75px 30px 0;
    }

        .slick-slider .header-cta-message .cta-heading {
            font-size: 22px;
            line-height: 1.2;
        }

        .slick-slider .header-cta-message .cta-text {
            font-size: 18px;
            line-height: 1.2;
        }

    .slide-arrows {
        width: 100%;
        bottom: 40px;
        left: 0;
        margin: 0 0 30px;
    }

        .slide-arrows i:first-child {
            right: initial;
            left: 15px;
        }

        .slide-arrows i:last-child {
            left: initial;
            right: 15px;
        }

    .header-cta-message .btn-ghost-white {
        padding: 10px 50px 10px 30px;
    }


    /* Plans Pricing */
    .plans-bg .heading.bold-heading {
        font-size: 25px;
        text-align: center;
        line-height: 1.2;
    }

    .jmtwentysixteen .plans-group-list-style {
        width: 100%;
        box-shadow: none;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan {
        border-right: 0;
    }



    .plans-tabs__tab {
        width: 100%;
    }

        .plans-tabs__tab a {
            border-bottom: 1px solid #02b2ec;
        }



    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm,
    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p,
    .mCSB_container,
    .mCustomScrollBox {
        position: initial !important;
    }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm {
        margin: 0;
        width: 100%;
        right: 0;
    }

    .mCustomScrollBox {
        display: inline-block;
        width: 100%;
    }

    #plans-form button[name="choose_plans"] {
        display: none;
    }

        #plans-form button[name="choose_plans"].mobile-only {
            display: inline-block;
            width: 100%;
        }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm h3.plan__title,
    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p.plan__price {
        display: none;
    }

    .plan-radio:checked + .plan-label .plan .plan__btn {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    .list--half > li {
        width: 100%;
    }

    /*Form Steps*/
    .progress {
        padding: 20px 0;
    }

    .progress__step {
        padding: 0;
    }

    .progress__step__text {
        width: initial;
        display: inline-block;
        font-size: 15px;
        padding: 14px 10px 10px;
    }

    .progress__step__num {
        font-size: 35px;
    }

    .progress__step:before {
        left: initial;
        right: 25px;
        top: 15px;
    }

    .progress__step:after {
        left: initial;
        right: 30px;
        top: 20px;
    }

    .col.grid-4:last-child .progress__step:before {
        right: 20px;
    }

    .col.grid-4:last-child .progress__step:after {
        right: 25px;
    }



    .enroll-form p {
        text-align: justify;
        padding-left: 1rem;
    }

    .enroll-form input[type="checkbox"] {
        float: left;
    }


    .page-template-enroll-step-4-php .modal-window.mCustomScrollbar._mCS_1.mCS-autoHide {
        top: 0;
    }


    .confirmation-top .col.grid-6 div {
        height: initial !important;
    }

    .modal-content,
    .mCSB_container {
        height: 100%;
    }

    .ny-billofrights.ny_modular,
    .il-billofrights.il_modular,
    .aff-signup {
        height: 100%;
        overflow: scroll;
    }


    .bg-thank-you-for-enrolling {
        background-size: 1000px;
        min-height: 147px;
    }


    .gray-top-box__heading {
        padding: 20px;
    }

    .gray-top-box__heading,
    .gray-top-box__heading--large {
        line-height: 1.2;
    }


    .representative,
    .have-a-question {
        padding: 50px 0 30px;
    }


    .header-cta-message {
        text-align: center;
    }

    .bold-heading--big {
        padding: 15px;
    }

    .header-cta-message .cta-heading {
        font-size: 45px;
        text-align: center;
    }

    .header-cta-message .cta-text {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }

    .cta-content-left .america-map {
        margin: 0;
    }


    .bold-heading--big {
        font-size: 30px;
        line-height: 1.2;
    }

    body > div.page-wrapper > div:nth-child(4) > div > div > div.col.grid-5 > img {
        max-width: initial;
        width: 100%;
        margin-left: -20px;
    }
}


@media(max-width:768px) {

    body > div.page-wrapper > div:nth-child(5) > div > div.thin-heading-wrap.thin-cards-heading,
    .cta-graphs {
        padding: 30px 15px;
    }

    .header-cta-message .btn-ghost-white {
        font-size: 15px;
        margin: 5px 0;
    }


    .alignleft, img.alignleft {
        margin: 0 0 1.5em;
    }


    .blog-posts__post__body,
    .post__content,
    .post__title-wrap {
        padding: 35px 15px;
    }


    .grid-posts,
    .grid-sidebar {
        width: 100%;
        padding: 0 15px;
    }

    .grid-sidebar {
        margin-top: 25px;
    }


    .blog-posts__post__heading,
    .post__title {
        font-size: 25px;
        line-height: 1.2;
    }

    .blog-sidebar__block {
        text-align: center;
    }

    #comments > p,
    .comments-wrap {
        padding: 5px 15px;
    }

    .similar-articles__post__link {
        margin-top: 10px;
    }




    .contact-page {
        padding: 0;
    }

    .contact-page__header,
    .contact-page__form__inputs-wrap {
        padding: 40px 15px;
    }

    .contact-page__form .btn--large {
        width: 100%;
        margin: 0 0 25px;
    }

    .contact-map__marker {
        width: 310px;
        font-size: 12px;
    }

    .contact-map__marker__content {
        width: 50%;
        padding: 10px 10px 0
    }




    .page-id-105 .contain {
        text-align: center;
    }



    /* Modal for starting Enrollment Process*/
    .region-select-wrap {
        padding: 15px 0;
    }

    .region-select__heading {
        font-size: 18px;
        text-align: center;
    }

    .region-select__form {
        padding: 15px 40px;
    }

        .region-select__form .input.input--inline {
            padding: 15px 20px 15px 50px;
        }

        .region-select__form .input, .region-select__form .label {
            margin: 5px 0;
        }

    .check-label {
        display: block;
        margin: 5px 0;
        text-align: center;
    }

    .modal-overlay .modal-window__footer .close-btn {
        position: relative;
        top: initial;
        bottom: -80px;
        display: block;
        text-align: center;
        float: none;
    }

    .modal-window__footer .pull--right {
        position: relative;
        top: -65px;
        bottom: initial;
        display: block;
        width: 100%;
        margin: 0 !important;
    }


    .info-box__img--left {
        text-align: center;
        float: none;
    }

    .info-box__content--right {
        float: left;
        width: 100%;
        margin-top: 25px;
    }

    .plans-bg .heading.bold-heading {
        font-size: 18px;
    }

    .btn.btn--default.btn--shadow.pull--right {
        float: none;
        text-align: center;
    }

    .thin-heading-wrap .heading-thin {
        font-size: 25px;
    }

    .list.list--green-checkmarks.list--half.group {
        padding: 0 20px;
    }

    .list--half > li {
        padding-right: 0
    }

    .plan__content {
        padding: 30px 15px;
    }

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3 {
        width: 100%;
        font-size: 15px;
        padding-left: 35px;
    }

    .jmtwentysixteen .plans-group-list-style .plan__title {
        width: 100%;
        font-size: 15px;
        padding-left: 35px;
    }

    .jmtwentysixteen .plans-group-list-style .plan__price {
        width: 100%;
        font-size: 25px;
        text-align: center;
    }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm {
        padding: 0;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p {
        height: 100%;
        padding: 0;
        text-align: center;
    }

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3:before {
        width: 40px;
        height: 40px;
        left: -15px;
        top: -5px;
    }

    .jmtwentysixteen .plans-group-list-style .plan.plan--centered span.btn {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    .bg-thank-you-for-enrolling {
        background-size: 850px;
        min-height: 135px;
    }

    .plan__title {
        font-size: 25px;
    }

    .plan__content p {
        font-size: 15px;
    }

        .plan__content p.plan__price {
            font-size: 30px;
        }
}


@media(max-width:450px) {

    /*Footer*/
    .site-footer .contact-section .icon-left .content a,
    .site-footer .contact-section .icon-left .content span {
        font-size: 20px;
    }
}



.sidebar-like {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}

    .sidebar-like span {
        font-size: 20px;
        font-weight: 700;
        color: #636363;
        margin-top: 5px;
    }

.social-share-buttons {
    display: inline-block;
    width: 100%;
    padding: 10px 40px;
}

.pinterest-share {
    display: inline-block;
}

    .fb_iframe_widget span,
    .pinterest-share span {
        vertical-align: top !important;
    }


/* MOBILE ENROLLMENT */

.page-template-enroll-mobile .main-header,
.page-template-enroll-mobile .site-footer {
    display: none;
}


.modal-overlay.mobile-overlay {
    /*height:initial;*/
    position: initial !important;
}

.modal-overlay .modal-window.mobile-enrollment {
    top: 0;
    width: 100%;
    opacity: 1;
}

.mobile-enrollment {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

    .mobile-enrollment .region-select {
        padding: 45px 0 15px;
    }

    .mobile-enrollment .modal-window__footer .pull--right {
        position: initial;
    }

    .mobile-enrollment .modal-window__footer .pull--left {
        display: none;
    }

.page-template-enroll-mobile .il_billofrights_accept,
.page-template-enroll-mobile .oh_online_accept {
    bottom: 18px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    padding: 20px 40px;
    font-size: 17px;
    font-weight: 900;
}

.modal-overlay .choose-providers {
    height: 100%;
    overflow-x: scroll;
}

.page-template-enroll-mobile .il-billofrights.il_modular {
    border-bottom: 1px solid #01c0ff;
}

.page-template-enroll-mobile .group.modal-window__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 15px;
    background-color: #FFF;
    border-top: 1px solid #01c0ff;
}

.page-template-enroll-mobile .shadow-box {
    box-shadow: none;
    margin-bottom: 0;
    background-color: #FFF;
}

.page-template-enroll-mobile h2.heading {
    display: inline-block;
    width: 100%;
    margin: 35px 0 15px;
    text-align: center;
    font-size: 35px;
}

.page-template-enroll-mobile .shadow-box__content {
    margin: 25px 15px;
}

.page-template-enroll-mobile .jmtwentysixteen .plans-group-list-style {
    width: 100%;
}

.page-template-enroll-mobile .plan__content {
    text-align: center;
}

.page-template-enroll-mobile .jmtwentysixteen .plans-group-list-style .plan.plan--centered span.btn {
    max-width: 300px;
}

.page-template-enroll-mobile #plans-form {
    display: inline-block;
    margin-bottom: 90px;
}

    .page-template-enroll-mobile #plans-form button[name="choose_plans"].mobile-only {
        display: block;
    }

.page-template-enroll-mobile .enroll-form__section {
    padding: 30px 15px;
}

.page-template-enroll-mobile .bg-thank-you-for-enrolling {
    min-height: 125px;
}

.page-template-enroll-mobile .conv-iframe {
    display: block;
    position: absolute;
}

.page-template-enroll-mobile .arrow-top--white,
.page-template-enroll-mobile .confirmation-top {
    padding-bottom: 12px;
}

.page-template-enroll-mobile .enroll-rewards-wrap {
    padding-top: 24px;
}

.page-template-enroll-mobile .modal-window {
    -webkit-animation: none !important;
    animation: none !important;
}

.page-template-enroll-mobile #electric-plans,
.page-template-enroll-mobile #gas-plans {
    display: inline-block;
}

.page-template-enroll-mobile .modal-overlay .modal-window {
    opacity: 1;
}

@media(max-width:1024px) {
    .page-template-enroll-mobile .module_three .col.grid-1 {
        float: left;
        width: 5%;
        padding: 0 10px;
    }

    .page-template-enroll-mobile .module_three .col.grid-11 {
        float: left;
        width: 95%
    }
}

@media(max-width:500px) {
    .page-template-enroll-mobile .module_three .col.grid-1 {
        width: 10%;
    }

    .page-template-enroll-mobile .module_three .col.grid-11 {
        width: 90%
    }
}

.page-template-enroll-mobile .module_three .col.grid-1,
.page-template-enroll-mobile .module_three .col.grid-11 {
    position: relative;
}

    .page-template-enroll-mobile .module_three .col.grid-1 .parentFormundefined.formError {
        top: -55px !important;
        left: -2px !important;
        margin-top: 0 !important;
    }


/* Associates Styles */
.associate-msg-box {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 25px 0 0;
    text-align: center;
    color: #303030;
}

    .associate-msg-box.form-error {
        margin: 0 0 15px;
        padding: 10px;
    }

    .associate-msg-box span {
        display: inline-block;
        width: 100%;
    }

    .associate-msg-box .header {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1.2;
    }

    .associate-msg-box.form-error .header {
        margin-bottom: 5px;
        font-size: 24px;
    }

    .associate-msg-box .sub-header {
        font-size: 20px;
    }

    .associate-msg-box.form-error .sub-header {
        font-size: 18px;
    }

.associate-dashboard {
    display: inline-block;
    width: 100%;
    margin: 45px 0;
    background-color: #FFF;
}

.aff-login-title {
    display: inline-block;
    width: 100%;
    margin: 35px 0 25px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}

.associate-dashboard form[name=loginform],
.forgot-pass form {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px 5px;
}

    .associate-dashboard form[name=loginform] p label,
    .associate-dashboard form[name=loginform] p input:not([type=checkbox]),
    .forgot-pass #lostpasswordform input {
        display: inline-block;
        width: 100%;
    }

    .associate-dashboard form[name=loginform] .login-remember {
        display: inline-block;
        width: 100%;
        line-height: 20px;
    }

        .associate-dashboard form[name=loginform] .login-remember input[type=checkbox] {
            float: left;
        }

    .associate-dashboard form[name=loginform] .login-submit {
        margin-bottom: 0;
    }

        .associate-dashboard form[name=loginform] .login-submit input[type=submit],
        .forgot-pass #lostpasswordform input[type=submit] {
            padding: 15px 20px;
            background: #FFF;
            border: 1px solid #303030;
            box-shadow: none;
            cursor: pointer;
        }

    .associate-dashboard form[name=loginform] .cptch_input,
    .forgot-pass #lostpasswordform .cptch_input {
        border: 1px solid #dadada;
        border-radius: 4px;
        box-shadow: inset 0 5px 6px rgba(0,0,0,0.03);
        background-color: white;
        font-size: 15px;
        font-family: "Lato", sans-serif;
        padding: 10px;
        margin-bottom: 10px;
    }

.aff-pass-reset-btn,
.aff-pass-reset-close {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 15px;
    font-size: 16px;
}

.associate-nav {
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    padding: 45px 30px 15px;
}

    .associate-nav .ass-nav-item {
        display: inline-block;
        float: left;
        padding: 15px 20px;
        background-color: #e3e3e3;
        border: 1px solid #3fbced;
        cursor: pointer;
        transition: all .2s;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
    }

        .associate-nav .ass-nav-item:hover {
            opacity: .7;
        }

        .associate-nav .ass-nav-item.selected {
            background-color: #3fbced;
            color: #FFF;
        }


.referrals-display .associate-msg-box {
    margin-top: 0;
}

.tos-pop {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .tos-pop .tos-link {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

        .tos-pop .tos-link a {
            font-size: 20px;
        }

    .tos-pop button {
        background-color: red;
        color: #FFF;
        margin-bottom: 25px;
        padding: 20px 15px;
        font-size: 18px;
        line-height: 1;
        border: none;
        cursor: pointer;
        transition: all .2s;
    }

        .tos-pop button:hover {
            opacity: .75;
        }

.referral-text {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

    .referral-text span {
        display: inline-block;
        font-family: monospace;
        background: #f5f5f5;
        padding: 10px;
        margin-left: 15px;
        border: 2px dashed #e3e3e3;
    }

.referrals-display table {
    width: 100%;
}

    .referrals-display table thead {
        border: 1px solid #e3e3e3;
    }

    .referrals-display table th {
        padding: 5px;
        text-align: left;
    }

    .referrals-display table tbody tr:nth-child(even) {
        background-color: #e3e3e3;
    }

    .referrals-display table td {
        padding: 5px;
    }

.referrals-display .payout-display {
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 30px auto 10px;
    padding: 15px 15px;
    border: 1px solid #3fbced;
    border-radius: 5px;
}

    .referrals-display .payout-display:after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }

    .referrals-display .payout-display .payout-box {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 0 10px;
        text-align: center;
    }

    .referrals-display .payout-display span.payout-type {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 20px;
        color: #444;
    }

    .referrals-display .payout-display span.payout-price {
        font-size: 22px;
        color: #3fbced;
    }

.associate-profile-box {
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    padding: 15px 30px 45px;
}

.profile-form-title {
    margin-bottom: 20px;
}

.associate-contain {
    display: inline-block;
    width: 100%;
    margin: 45px 0;
    padding: 35px 30px;
    background: #FFF;
}

.associate-form-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 500;
}

.associate-form .input-wrap .col.grid-12 {
    padding: 0;
}

.associate-form .input-wrap .col.grid-6:first-child,
.associate-form .input-wrap .col.grid-9:first-child {
    padding-left: 0;
}

.associate-form .input-wrap .col.grid-6:last-child,
.associate-form .input-wrap .col.grid-3:last-child {
    padding-right: 0;
}

.associate-form input:not([type=checkbox]),
.associate-form select {
    height: 60px;
}

.associate-form button {
    margin: 30px 0 0;
}

.associate-form .associate-tos {
    display: inline-block;
    width: 100%;
}

    .associate-form .associate-tos input[type=checkbox] {
        float: left;
    }

    .associate-form .associate-tos span {
        display: inline-block;
        float: left;
        line-height: 20px;
    }

.resource-vid-table {
    display: inline-block;
    width: 100%;
}

.resource-vid-box {
    display: inline-block;
    width: 49%;
    float: left;
    margin: 0 .5%;
}

.resource-video {
    display: inline-block;
    width: 100%;
    height: auto;
}

.modal-overlay.aff-modal .modal-window {
    top: 12%;
}

.modal-content .wrap.aff-signup {
    padding: 0 40px 0;
}

    .modal-content .wrap.aff-signup ol,
    .modal-content .wrap.aff-signup ul {
        display: inline-block;
        padding-left: 35px;
    }

        .modal-content .wrap.aff-signup ol li,
        .modal-content .wrap.aff-signup ul li {
            margin-bottom: 15px;
        }

.aff-disclaimer {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

    .aff-disclaimer p {
        font-size: 15px;
    }


.verification-box {
    display: inline-block;
    width: 100%;
}

.enrollment-verification-box {
    min-height: 250px;
    padding: 15px 20px;
}

.verification-box button,
.verificaiton-box input[type=submit] {
    background: #3fbced;
    color: #FFF;
    border: none;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
}

    .verification-box button,
    .verificaiton-box input[type=submit]:hover {
        opacity: .75;
    }

        .verification-box button:disabled {
            cursor: initial;
            background-color: #a2a2a2;
        }

.verify-type {
    position: relative;
    display: inline-block;
    width: 50%;
    min-height: 200px;
    float: left;
    padding: 20px 10px;
    text-align: center;
}

.enrollment-verification-form.verification-email > button,
.enrollment-verification-form.verification-phone > button {
    width: 130px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: -40px 0 0 -65px;
}

.modal-content .verify-type {
    width: 47.5%;
}

.modal-content .verify-or {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    float: left;
    height: 200px;
    font-weight: 700;
    color: #74ccf1;
}

.verify-type span {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 24px;
}

    .verify-type span.type {
        color: #3fbced;
    }

.verification-message-box {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .verification-message-box .verif-header {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 20px;
    }

    .verification-message-box .verif-data {
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }

.verification-popup,
.enrollment-verification-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    max-width: 300px;
    width: 100%;
    margin-left: -150px;
    margin-top: -94px;
}

    .verification-popup:before,
    .enrollment-verification-popup:before {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.75);
    }

    .verification-popup:after,
    .enrollment-verification-popup:after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }

    .verification-popup form[name=end-verification],
    .enrollment-verification-popup form[name=end-verification] {
        position: relative;
        display: inline-block;
        padding: 15px 10px;
        text-align: center;
        background-color: #FFF;
    }

        .verification-popup form[name=end-verification] span,
        .enrollment-verification-popup form[name=end-verification] span {
            display: inline-block;
            width: 100%;
            font-size: 22px;
            margin: 0 0 15px;
        }

            .verification-popup form[name=end-verification] span.verify-error,
            .enrollment-verification-popup form[name=end-verification] span.verify-error {
                color: rgb(255, 86, 86);
                font-size: 16px;
            }

    .verification-popup .code-entry,
    .enrollment-verification-popup .code-entry {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

        .verification-popup .code-entry input[type="text"],
        .enrollment-verification-popup .code-entry input[type="text"] {
            display: inline-block;
            float: left;
            width: 70%;
            height: 48px;
            padding: 0 10px;
            font-size: 22px;
            border: 1px solid #3fbced;
        }

.phone-method-contain {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.phone-method-box {
    display: inline-block;
    max-width: 150px;
    width: 100%;
}

    .phone-method-box label {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: center;
    }

.verification-popup .code-entry button,
.enrollment-verification-popup .code-entry button {
    display: inline-block;
    float: left;
    width: 30%;
    height: 48px;
    margin-top: 0;
}

.verification-popup button.small-btn,
.enrollment-verification-popup button.small-btn {
    font-size: 12px;
    float: right;
}

.verification-popup button.verification-close,
.enrollment-verification-popup button.verification-close {
    float: left;
}


@media(max-width:1024px) {
    .associate-form .input-wrap .col {
        padding: 0 !important;
    }

    .modal-overlay.aff-modal .modal-window {
        top: 0;
    }
}

@media(max-width:768px) {
    .referrals-display table,
    .referrals-display thead,
    .referrals-display tbody,
    .referrals-display th,
    .referrals-display td,
    .referrals-display tr {
        display: block;
    }

        .referrals-display thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .referrals-display table tr {
            margin-bottom: 15px;
        }

            .referrals-display table tr td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }

                .referrals-display table tr td:last-child {
                    border-bottom: none;
                }

        .referrals-display td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            color: #676767;
        }

        .referrals-display td:nth-of-type(1):before {
            content: "Name:";
        }

        .referrals-display td:nth-of-type(2):before {
            content: "Date:";
        }

        .referrals-display td:nth-of-type(3):before {
            content: "Type:";
        }

        .referrals-display td:nth-of-type(4):before {
            content: "Value:";
        }

        .referrals-display td:nth-of-type(5):before {
            content: "Status:";
        }
    /*.referrals-display td:nth-of-type(6):before { content: ""; }*/
}

@media(max-width:767px) {
    .verify-type span {
        font-size: 18px;
    }
}

@media(max-width:605px) {
    .referral-text span {
        margin: 5px 0 0;
        font-size: 12px;
        padding: 10px 5px;
    }

    .verify-type {
        width: 100%;
    }
}

@media(max-width:500px) {
    .referrals-display .payout-display .payout-box {
        width: 100%;
    }

        .referrals-display .payout-display .payout-box:first-child {
            margin-bottom: 20px;
        }

    .associate-nav .ass-nav-item {
        font-size: 16px;
        padding: 15px 18px;
    }
}


/* NEW HOMEPAGE BENEFITS ROW 4/17/2020 */
/* NEW HOMEPAGE DESIGN 11/7/2020 */

.n-benefits-row {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

    .n-benefits-row > span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-family: "Lato", sans-serif;
        text-transform: uppercase;
        font-size: 45px;
        font-weight: 300;
        margin-bottom: 25px;
        color: #626262;
    }

        .n-benefits-row > span i {
            font-size: 30px;
            color: #7DC43E;
        }

    .n-benefits-row .benefits-contain {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /*align-items:center;*/
        justify-content: center;
        margin-top: 30px;
    }

        .n-benefits-row .benefits-contain .data-block {
            display: inline-block;
            width: 45%;
            float: left;
            margin: 0 2.5%;
        }

            .n-benefits-row .benefits-contain .data-block span {
                display: inline-block;
                width: 100%;
                font-family: 'Lato';
                font-weight: 500;
                color: #000;
                font-size: 21px;
                line-height: 1;
                text-align: center;
                margin-bottom: 40px;
            }

        .n-benefits-row .benefits-contain .data-box {
            display: flex;
            flex: 0 0 50%;
            width: 50%;
            float: left;
            flex-direction: column;
            min-height: 190px;
            padding: 10px 20px;
        }

            .n-benefits-row .benefits-contain .data-box .icon-box {
                display: inline-block;
                width: 100%;
                min-height: 80px;
                margin-bottom: 10px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
            }

            .n-benefits-row .benefits-contain .data-box span {
                display: inline-block;
                width: 100%;
                text-align: center;
                color: #333;
                font-family: "Lato";
                font-size: 16px;
                line-height: 1.4;
                max-width: 200px;
                margin: 0 auto;
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-1 {
                background-image: url('/wp-content/uploads/2020/04/01-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-2 {
                background-image: url('/wp-content/uploads/2020/04/02-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-3 {
                background-image: url('/wp-content/uploads/2020/04/03-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-4 {
                background-image: url('/wp-content/uploads/2020/04/04-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-5 {
                background-image: url('/wp-content/uploads/2020/04/05-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-6 {
                background-image: url('/wp-content/uploads/2020/04/06-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-7 {
                background-image: url('/wp-content/uploads/2020/04/07-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-8 {
                background-image: url('/wp-content/uploads/2020/04/08-1.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-9 {
                background-image: url('/wp-content/themes/americanpower/css/images/icons/book.png');
            }

            .n-benefits-row .benefits-contain .data-box .icon-box.icon-10 {
                background-image: url('/wp-content/themes/americanpower/css/images/icons/music.png');
            }

.n-featured {
    display: inline-block;
    width: 100%;
    /*margin:30px 0 70px;*/
    padding: 45px 15px 50px;
    text-align: center;
    background-color: #61939A;
}

    .n-featured span {
        display: inline-block;
        width: 100%;
        margin-bottom: 55px;
        text-align: center;
        font-family: 'Poppins','Lato';
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        color: #FFF;
    }

    .n-featured .featured-box {
        display: inline-block;
        width: 100%;
    }

    .n-featured .featured-in {
        display: inline-block;
        width: 33.33%;
        min-height: 55px;
        float: left;
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .n-featured .featured-in.img-1 {
            background-image: url(/images/Forbes-Logo.png);
        }

        .n-featured .featured-in.img-2 {
            background-image: url(/images/HuffPost-Logo.png);
        }

        .n-featured .featured-in.img-3 {
            background-image: url(/images/Newswire-Logo.png);
        }

        .n-featured .featured-in:nth-child(1) {
            background-position: left center;
            background-size: auto 42px;
        }

        .n-featured .featured-in:nth-child(2) {
            background-size: auto 30px;
        }

        .n-featured .featured-in:nth-child(3) {
            background-position: right center;
            background-size: auto 31px;
        }


@media(max-width:900px) {
    .n-featured .featured-in:nth-child(1),
    .n-featured .featured-in:nth-child(2),
    .n-featured .featured-in:nth-child(3) {
        background-size: 90%;
    }
}

@media(max-width:767px) {
    .n-featured {
    }

    .n-benefits-row > span {
        font-size: 40px;
    }

        .n-benefits-row > span i {
            font-size: 28px;
        }

    .n-benefits-row .benefits-contain .data-block {
        width: 100%;
    }

    .n-benefits-row .benefits-contain .data-box {
        flex: 0 0 50%;
    }

    .n-benefits-row .benefits-contain {
        padding: 0 15%;
    }

    .n-featured .featured-in {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 25px;
    }

        .n-featured .featured-in:nth-child(1),
        .n-featured .featured-in:nth-child(2),
        .n-featured .featured-in:nth-child(3) {
            background-position: center;
            background-size: contain;
        }
}

@media(max-width:600px) {
    .n-benefits-row > span {
        font-size: 30px;
    }

        .n-benefits-row > span i {
            font-size: 22px;
        }

    .n-benefits-row .benefits-contain {
        padding: 0 10%;
    }

    .n-featured .featured-in:nth-child(1) {
        background-size: 260px 65px;
        min-height: 65px;
    }

    .n-featured .featured-in:nth-child(2) {
        background-size: 260px 30px;
        min-height: 30px;
    }

    .n-featured .featured-in:nth-child(3) {
        background-size: 260px 32px;
        min-height: 32px;
    }
}

@media(max-width:500px) {
    .n-benefits-row .benefits-contain .data-box {
        min-height: 230px;
    }

    .n-benefits-row > span {
        font-size: 24px;
    }

        .n-benefits-row > span i {
            font-size: 18px;
        }

    .n-benefits-row .benefits-contain {
        padding: 0 0;
    }
}


/* Homepage - How it works */
.how-it-works {
    padding: 145px 0 85px;
}

    .how-it-works div.contain {
    }

        .how-it-works div.contain > span.title {
            display: inline-block;
            width: 100%;
            margin-bottom: 115px;
            text-align: center;
            font-size: 40px;
            font-family: 'Roboto','Lato';
            font-weight: bold;
            color: #1B2422;
        }

            .how-it-works div.contain > span.title.mobile {
                margin-bottom: 45px;
                font-size: 31px;
                display: none;
            }

        .how-it-works div.contain .how-it-works-row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

            .how-it-works div.contain .how-it-works-row .works-col {
                display: flex;
                flex: 0 0 33.33%;
                align-items: center;
                flex-direction: column;
            }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(1) {
                    padding: 0 10px 0 0;
                }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(2) {
                    padding: 0 10px 0;
                }

                .how-it-works div.contain .how-it-works-row .works-col:nth-child(3) {
                    padding: 0 0 0 10px;
                }

                .how-it-works div.contain .how-it-works-row .works-col img {
                    margin-bottom: 50px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-title {
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 55px;
                    font-size: 20px;
                    font-weight: bold;
                    font-family: 'Roboto','Lato';
                    color: #000000;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-text {
                    display: inline-block;
                    width: 100%;
                    font-size: 20px;
                    font-weight: 400;
                    font-family: 'Roboto','Lato';
                    color: #2F2F2F;
                }

        .how-it-works div.contain a.works-cta {
            display: block;
            max-width: 330px;
            margin: 70px auto 0;
            padding: 30px 0;
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            font-family: 'Poppins';
            color: #2F2F2F;
            border-radius: 90px;
            border: 5px solid #707070;
            transition: all .2s;
        }

            .how-it-works div.contain a.works-cta:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .how-it-works div.contain {
        padding: 0 15px;
    }

        .how-it-works div.contain .how-it-works-row {
            justify-content: center;
        }

            .how-it-works div.contain .how-it-works-row .works-col {
                flex: 0 0 50%;
                margin-bottom: 60px;
            }

                .how-it-works div.contain .how-it-works-row .works-col img {
                    margin-bottom: 15px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-title {
                    text-align: center;
                    margin-bottom: 15px;
                }

                .how-it-works div.contain .how-it-works-row .works-col .works-text {
                    text-align: center;
                }
}

@media(max-width:767px) {
    .how-it-works {
        padding: 75px 0 30px;
    }

        .how-it-works div.contain > span.title {
            display: none;
        }

            .how-it-works div.contain > span.title.mobile {
                display: inline-block;
            }

        .how-it-works div.contain > span {
            margin-bottom: 60px;
        }

        .how-it-works div.contain .how-it-works-row .works-col {
            flex: 0 0 100%;
        }

        .how-it-works div.contain a.works-cta {
            margin-top: 40px;
        }
}


/* Homepage - Information Section */
.info-section {
}

    .info-section .grey-bg {
        margin: 0 15px;
        padding: 100px 15px 80px;
        background-color: rgba(158,155,148,.28);
    }

    .info-section span.header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 135px;
        text-align: center;
        font-size: 39px;
        font-family: 'Poppins SemiBold','Lato';
        color: #1B2422;
    }

        .info-section span.header-title.mobile {
            display: none;
        }

    .info-section .info-blocks {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

        .info-section .info-blocks .info-block {
            display: flex;
            flex-direction: column;
            flex: 0 0 25%;
            padding: 0 37.5px;
        }

            .info-section .info-blocks .info-block .info-mini-block {
                min-height: 140px;
                margin-bottom: 45px;
                padding: 0 0 50px 0;
                font-size: 20px;
                font-family: 'Roboto','Lato';
                font-weight: 400;
                color: #000000;
                border-bottom: 1px solid #B7B7B7;
            }

            .info-section .info-blocks .info-block:nth-child(1) {
                padding: 0 37.5px 0 0;
            }

            .info-section .info-blocks .info-block:nth-child(4) {
                padding: 0 0 0 37.5px;
            }

            .info-section .info-blocks .info-block .info-mini-block:nth-child(2) {
                min-height: 85px !important;
            }

                .info-section .info-blocks .info-block .info-mini-block:nth-child(2) span {
                    display: inline-block;
                    text-align: center;
                    font-weight: bold;
                }

    .info-section .info-block .info-img {
        margin-bottom: 100px;
        min-height: 122px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .info-section .info-block .info-img.img-1 {
            background-image: url(/images/Worker.png);
        }

        .info-section .info-block .info-img.img-2 {
            background-image: url(/images/Eco-Plug.png);
        }

        .info-section .info-block .info-img.img-3 {
            background-image: url(/images/Chat-Icon.png);
        }

        .info-section .info-block .info-img.img-4 {
            background-image: url(/images/Chain.png);
        }

        .info-section .info-block .info-img.img-1 {
            background-size: auto 120px;
        }

        .info-section .info-block .info-img.img-2 {
            background-size: auto 122px;
        }

        .info-section .info-block .info-img.img-3 {
            background-size: auto 80px;
        }

        .info-section .info-block .info-img.img-4 {
            background-size: auto 107px;
        }

@media(max-width:1023px) {
    .info-section .grey-bg {
        padding: 45px 15px 20px;
    }

    .info-section .info-blocks .info-block {
        flex: 0 0 50%;
        margin-bottom: 85px;
    }

        .info-section .info-blocks .info-block:nth-child(odd) {
            padding: 0 37.5px 0 0;
        }

        .info-section .info-blocks .info-block:nth-child(even) {
            padding: 0 0 0 37.5px;
        }

    .info-section .info-block .info-img {
        margin-bottom: 50px;
    }

    .info-section .info-blocks .info-block .info-mini-block {
        padding-bottom: 38px;
    }

        .info-section .info-blocks .info-block .info-mini-block:nth-child(2) span {
        }
}

@media(max-width:767px) {
    .info-section span.header-title {
        display: none;
        margin-bottom: 50px;
        text-align: left;
        font-size: 31px;
    }

        .info-section span.header-title:nth-child(2) {
            margin-bottom: 80px;
        }

        .info-section span.header-title.mobile {
            display: inline-block;
            text-align: center;
        }

    .info-section .info-blocks .info-block:nth-child(odd) {
        padding: 0 10px 0 0;
    }

    .info-section .info-blocks .info-block:nth-child(even) {
        padding: 0 0 0 10px;
    }

    .info-section .info-blocks .info-block {
        margin-bottom: 0;
    }

        .info-section .info-blocks .info-block .info-mini-block:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0;
        }

        .info-section .info-blocks .info-block .info-mini-block span {
            display: inline-block;
            text-align: center;
        }

        .info-section .info-blocks .info-block .info-mini-block {
            font-size: 18px;
        }

    .info-section .info-block .info-img.img-1 {
        background-size: auto 65px;
    }

    .info-section .info-block .info-img.img-2 {
        background-size: auto 71px;
    }

    .info-section .info-block .info-img.img-3 {
        background-size: auto 55px;
    }

    .info-section .info-block .info-img.img-4 {
        background-size: auto 77px;
    }
}

@media(max-width:374px) {
    .info-section .info-blocks .info-block .info-mini-block:nth-child(2) {
        min-height: 115px !important;
    }

    .info-section .info-blocks .info-block .info-mini-block {
        min-height: 165px;
    }
}


/* Homepage - Renewable Energy Section */
.renew-section {
    padding: 145px 0 115px;
}

    .renew-section .header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 115px;
        text-align: center;
        font-size: 39px;
        line-height: 1.1;
        font-family: 'Lato';
        font-weight: bold;
        color: #1B2422;
    }

    .renew-section .renew-blocks {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .renew-section .renew-blocks .renew-block {
            display: flex;
            flex: 0 0 50%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 50px;
            border-color: rgba(173,173,173,.32) !important;
            border-width: .5px !important;
        }

            .renew-section .renew-blocks .renew-block:nth-child(1) {
                border-bottom: solid;
                border-right: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(2) {
                border-bottom: solid;
                border-left: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(3) {
                border-top: solid;
                border-right: solid;
            }

            .renew-section .renew-blocks .renew-block:nth-child(4) {
                border-top: solid;
                border-left: solid;
            }

    .renew-section .renew-block .renew-img {
        margin-bottom: 75px;
        min-height: 153px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .renew-section .renew-block .renew-img.img-1 {
            background-image: url(/images/Energy.png);
        }

        .renew-section .renew-block .renew-img.img-2 {
            background-image: url(/images/Windmill.png);
        }

        .renew-section .renew-block .renew-img.img-3 {
            background-image: url(/images/Sum.png);
        }

        .renew-section .renew-block .renew-img.img-4 {
            background-image: url(/images/Eco-House.png);
        }

        .renew-section .renew-block .renew-img.img-1 {
            background-size: auto 153px;
        }

        .renew-section .renew-block .renew-img.img-2 {
            background-size: auto 128px;
        }

        .renew-section .renew-block .renew-img.img-3 {
            background-size: auto 123px;
        }

        .renew-section .renew-block .renew-img.img-4 {
            background-size: auto 123px;
        }

    .renew-section .renew-block .text {
        display: inline-block;
        text-align: center;
        font-size: 25px;
        font-weight: 400;
        font-family: 'Roboto','Lato';
        color: #2F2F2F;
    }

    .renew-section div.contain a.renew-cta {
        display: block;
        max-width: 440px;
        margin: 100px auto 0;
        padding: 30px;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        font-family: 'Poppins';
        color: #2F2F2F;
        border-radius: 90px;
        border: 5px solid #707070;
        transition: all .2s;
    }

        .renew-section div.contain a.renew-cta.mobile {
            display: none;
        }

        .renew-section div.contain a.renew-cta:hover {
            opacity: .7;
        }

@media(max-width:767px) {
    .renew-section {
        padding: 110px 15px;
        145px;
    }

        .renew-section .header-title {
            margin-bottom: 80px;
        }

        .renew-section .renew-blocks .renew-block {
            flex: 100%;
            padding: 50px 0;
            border-top: 0 !important;
            border-right: 0 !important;
            border-bottom: 1px solid rgba(173,173,173,.32) !important;
            border-left: 0 !important;
        }

            .renew-section .renew-blocks .renew-block:last-child {
                border-bottom: 0 !important;
            }

        .renew-section .renew-block .text {
            text-align: center;
        }

        .renew-section div.contain a.renew-cta {
            display: none;
        }

            .renew-section div.contain a.renew-cta.mobile {
                display: block;
                max-width: 305px;
                width: 100%;
                padding: 30px 0;
            }

        .renew-section .renew-block .renew-img.img-1,
        .renew-section .renew-block .renew-img.img-2,
        .renew-section .renew-block .renew-img.img-3,
        .renew-section .renew-block .renew-img.img-4 {
            background-size: contain;
        }
}



/* Utility Section */
.utility-section {
    padding: 120px 0 110px;
    background-color: #546D69;
}

    .utility-section span.header-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 110px;
        text-align: center;
        font-size: 39px;
        line-height: 1.75;
        font-family: 'Poppins SemiBold','Lato';
        color: #FFF;
    }

    .utility-section .header-icon {
        margin-bottom: 45px;
        min-height: 88px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: auto 88px;
        background-image: url(/images/Power-Tower.png);
    }

        .utility-section .header-icon.mobile {
            display: none;
        }

    .utility-section span {
        display: inline-block;
        width: 100%;
        margin-bottom: 45px;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 400;
        font-family: 'Roboto','Lato';
        color: #FFF;
    }

@media(max-width:767px) {
    .utility-section {
        padding: 100px 0;
    }

        .utility-section .contain {
            padding: 0 20px;
        }

        .utility-section .header-icon {
            display: none;
        }

            .utility-section .header-icon.mobile {
                display: block;
                margin-bottom: 60px;
            }

        .utility-section span.header-title {
            font-size: 30px;
        }

        .utility-section span {
            font-size: 20px;
        }
}



/* Homepage - Expert Guidance */
.expert-section {
    padding: 185px 0 140px;
}

    .expert-section .header-title,
    .expert-section .expert-half.expert-info span.header-title {
        font-size: 40px;
        font-weight: bold;
        font-family: 'Roboto','Lato';
        color: #1B2422;
    }

    .expert-section .expert-box {
        display: flex;
        flex-direction: row;
    }

    .expert-section .expert-half {
        display: flex;
        flex: 0 0 50%;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
    }

        .expert-section .expert-half:first-child {
            padding-right: 30px;
        }

        .expert-section .expert-half:last-child {
            padding-left: 30px;
        }

        .expert-section .expert-half.expert-info {
        }

            .expert-section .expert-half.expert-info span {
                display: inline-block;
                margin-bottom: 40px;
                font-size: 20px;
                font-family: 'Poppins';
                color: #2F2F2F;
            }

                .expert-section .expert-half.expert-info span:nth-child(2) {
                    margin-bottom: 75px;
                    font-size: 26px;
                    font-family: 'Roboto','Lato';
                }

        .expert-section .expert-half.expert-img {
            margin-bottom: 45px;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(/images/Experts.png);
        }

            .expert-section .expert-half.expert-img.mobile {
                display: none;
            }

        .expert-section .expert-half.expert-info a.expert-cta {
            max-width: 360px;
            margin-top: 30px;
            padding: 10px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            font-family: 'Roboto','Lato';
            color: #FFF;
            background-color: #61939A;
            border-radius: 90px;
            transition: all .2s;
        }

            .expert-section .expert-half.expert-info a.expert-cta:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .expert-section {
        padding: 100px 0;
    }

        .expert-section .contain {
            padding: 0 15px;
        }

        .expert-section .expert-half {
            flex: 0 0 100%;
            padding: 0 0 0 0 !important;
            flex-direction: row;
        }

            .expert-section .header-title,
            .expert-section .expert-half.expert-info span.header-title {
                font-size: 30px;
            }

            .expert-section .expert-half.expert-img {
                display: none;
            }

                .expert-section .expert-half.expert-img.mobile {
                    display: block;
                    width: 100%;
                    margin: 30px 0 60px;
                    padding-bottom: 50% !important;
                }
}

@media(max-width:767px) {
    .expert-section .expert-half.expert-img.mobile {
        padding-bottom: 75% !important;
    }
}

@media(max-width:450px) {
    .expert-section .expert-half.expert-img.mobile {
        padding-bottom: 100% !important;
    }
}


/* Homepage - Contact Section */
.contact-section {
    padding-bottom: 5px;
}

    .contact-section .grey-bg {
        margin: 0 15px;
        background-color: rgba(158,155,148,.28);
    }

    .contact-section .contact-box {
        display: flex;
        flex-direction: row;
    }

        .contact-section .contact-box .header-title {
            display: inline-block;
            margin-bottom: 35px;
            font-size: 39px;
            line-height: 1.75;
            font-weight: bold;
            font-family: 'Poppins SemiBold','Lato';
            color: #1B2422;
        }

        .contact-section .contact-box .text {
            display: inline-block;
            margin-bottom: 50px;
            font-size: 20px;
            line-height: 1.5;
            font-weight: 400;
            font-family: 'Poppins','Lato';
            color: #383838;
        }

        .contact-section .contact-box .contact-half {
            display: flex;
            flex: 0 0 50%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 80px 0;
        }

    .contact-section .contact-half.contact-form {
        display: inline-block;
        width: 100%;
        padding: 65px 40px 75px;
    }

        .contact-section .contact-half.contact-form label {
            display: inline-block;
            width: 100%;
            margin-bottom: 45px;
            font-family: 'Roboto','Lato';
            color: #1B2422;
        }

            .contact-section .contact-half.contact-form label span {
                display: inline-block;
                width: 100%;
                margin-bottom: 15px;
                font-size: 20px;
                line-height: 1;
                font-weight: bold;
            }

        .contact-section .contact-half.contact-form input:not([type=submit]):not([type="checkbox"]) {
            display: inline-block;
            width: 100%;
            padding: 24px 15px;
            font-size: 20px;
            border: 1px solid #707070;
            box-shadow: none;
        }

        .contact-section .contact-half.contact-form label.tos-agree input,
        .contact-section .contact-half.contact-form label.tos-agree a {
            display: inline-block;
            float: left;
        }

        .contact-section .contact-half.contact-form label.tos-agree input {
            width: 13px;
            margin-right: 5px;
        }

        .contact-section .contact-half.contact-form label.tos-agree a {
            width: calc(100% - 31px);
            color: #383838;
        }

        .contact-section .contact-half.contact-form input.submit {
            display: block;
            max-width: 490px;
            width: 100%;
            margin: 0 auto;
            padding: 10px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #FFF;
            background-color: #61939A;
            border-radius: 90px;
            border: none;
            transition: all .2s;
        }

            .contact-section .contact-half.contact-form input.submit:hover {
                opacity: .7;
            }

    .contact-section .contact-half.contact-img {
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/images/Contact.jpg);
    }

@media(max-width:767px) {
    .contact-section .contact-box .header-title {
        font-size: 30px;
        text-align: center;
    }

    .contact-section .contact-box .text {
        font-size: 21px;
    }

    .contact-section .contact-box .contact-half {
        flex: 0 0 100%;
    }

    .contact-section .contact-half.contact-form {
        padding: 80px 20px;
    }

    .contact-section .contact-half.contact-img {
        display: none;
    }

    .contact-section .contact-half.contact-form label span {
        font-size: 24px;
    }

    .contact-section .contact-half.contact-form input:not([type=submit]) {
        padding: 20px 15px;
    }
}



/* Homepage - Banner CTA */
.banner-cta {
    padding: 65px 0;
    background-color: #61939A;
}

    .banner-cta .banner-box {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .banner-cta .banner-box.mobile {
            display: none;
        }

    .banner-cta .banner-text {
        display: flex;
        flex: 0 0 75%;
        flex-direction: column;
    }

        .banner-cta .banner-text span {
            font-size: 30px;
            font-weight: 700;
            font-family: 'Roboto','Lato';
            color: #FFF;
        }

    .banner-cta .banner-button {
        display: flex;
        flex: 0 0 25%;
        flex-direction: column;
    }

        .banner-cta .banner-button a {
            display: inline-block;
            max-width: 290px;
            width: 100%;
            padding: 30px;
            text-align: center;
            font-size: 26px;
            font-weight: 400;
            font-family: 'Roboto','Lato';
            color: #FFF;
            background-color: #0072FF;
            border-radius: 90px;
            transition: all .2s;
        }

            .banner-cta .banner-button a:hover {
                opacity: .7;
            }

@media(max-width:1023px) {
    .banner-cta .contain {
        padding: 0 15px;
    }

    .banner-cta .banner-box {
        display: none;
    }

        .banner-cta .banner-box.mobile {
            display: flex;
            flex-direction: column;
        }

    .banner-cta .banner-icon {
        margin-bottom: 25px;
        min-height: 71px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: auto 71px;
        background-image: url(/wp-content/uploads/2020/12/Wind-Mill-White.png);
        background-image: -webkit-image-set( url(/wp-content/uploads/2020/12/Wind-Mill-White.png) 1x, url(/wp-content/uploads/2020/12/Wind-Mill-White-x2.png) 2x, );
        background-image: image-set( url(/wp-content/uploads/2020/12/Wind-Mill-White.png) 1x, url(/wp-content/uploads/2020/12/Wind-Mill-White-x2.png) 2x, );
    }

    .banner-cta .banner-text {
        max-width: 290px;
        width: 100%;
        margin-bottom: 150px;
    }

    .banner-cta .banner-button {
        max-width: 290px;
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

        .banner-cta .banner-button a {
            font-size: 26px;
        }

        .banner-cta .banner-button.clear a {
            background-color: initial;
            border: 3px solid #FFF;
            font-size: 17px;
        }
}



.cb-hack {
    display: inline;
    opacity: 0;
    position: relative;
    width: 1px;
    height: 1px;
    top: 4px;
    right: -34px;
}

@media(max-width:767px) {
    .cb-hack {
        top: 48px;
        right: -29px;
    }
}

/* OH Consent Form*/
.electronic-consent-form {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

    .electronic-consent-form h3 {
        display: inline-block;
        margin-bottom: 15px;
    }

    .electronic-consent-form ul {
        display: inline-block;
        margin-bottom: 10px;
        list-style-type: none;
    }

        .electronic-consent-form ul li {
            display: inline-block;
            width: 100%;
            margin-bottom: 3px;
            font-size: 17px;
        }

    .electronic-consent-form .consent-address {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

        .electronic-consent-form .consent-address span {
            display: inline-block;
            width: 100%;
            font-size: 17px;
        }


/* Legal elements CSS */
.contract-rates {
    display: flex;
    width: 100%;
    align-content: center;
    text-align: left;
}

    .contract-rates > div {
        display: flex;
        flex-direction: column;
        flex: 0 0 50%;
    }

        .contract-rates > div p.plan-name {
            font-size: 18px;
            font-weight: 700;
        }

        .contract-rates > div p {
            display: inline-block;
            width: 100%;
            margin-bottom: 5px;
        }

.contracts-box {
    width: 100%;
    margin: 20px 0 25px;
}

.attachments-box {
    width: 100%;
    text-align: left;
}

    .attachments-box a {
        width: 100%;
        margin-bottom: 10px;
    }


/* HOMEPAGE Helping Hands section */
.helping-hands {
    display: inline-block;
    width: 100%;
    padding: 50px 20px;
}

span.fp-header-text {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #000000;
}

.yt-bottom-text,
.ig-bottom-text {
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ig-bottom-text {
    line-height: 17px;
}

.yt-bottom-text img,
#sb_instagram .ig-bottom-text img {
    display: inline;
    margin-right: 5px !important;
}

.hh-yt-box {
    display: inline-block;
    width: 100%;
}

    .hh-yt-box .yt-vid {
        display: inline-block;
        width: 49%;
        float: left;
    }

        .hh-yt-box .yt-vid:first-child {
            margin-right: 1%;
        }

        .hh-yt-box .yt-vid:last-child {
            margin-left: 1%;
        }

.hh-ig-feed {
    margin: 0 -2%;
}


/* HOMEPAGE Food Donation Schedule */
.donation-schedule {
    display: inline-block;
    width: 100%;
    padding: 80px 20px;
}

    .donation-schedule span.fp-header-text {
        margin-bottom: 20px;
    }

    .donation-schedule span.donation-text {
        display: block;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(0,0,0,.9);
    }

.donation-table {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.donate-page {
    min-height: 500px;
}

.donate-day {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

    .donate-day .donate-day-text {
        display: inline-block;
        width: 100%;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.1;
        color: #93CB65;
        border-bottom: 0.5px solid #B2B2B2;
    }

.donation-row {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.donate-day .donate-col {
    display: inline-block;
    float: left;
    min-height: 1px;
    width: 40%;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(0,0,0,.9);
}

    .donate-day .donate-col.dTime {
        width: 20%;
        text-transform: uppercase;
    }

    .donate-day .donate-col.dName {
    }

    .donate-day .donate-col.dLoca {
    }

        .donate-day .donate-col.dLoca.onsite {
            color: rgba(0,0,0,.25);
        }

.donate-pagination {
    display: block;
    max-width: 400px;
    width: 100%;
    margin: 40px auto 0;
    text-align: center;
}

    .donate-pagination span.donate-pagi,
    .donate-pagination span.donate-arrow {
        display: inline-block;
        width: 33px;
        height: 33px;
        margin: 0 10px;
        text-align: center;
        font-size: 14px;
        line-height: 33px;
        color: rgba(25,25,25,.5);
        border-radius: 3px;
        cursor: pointer;
        transition: all .2s;
    }

        .donate-pagination span.donate-pagi:not(.selected):hover,
        .donate-pagination span.donate-arrow:hover {
            color: #E54625;
        }

        .donate-pagination span.donate-pagi.selected {
            background-color: #E54625;
            color: #FFF;
            cursor: initial;
        }

        .donate-pagination span.donate-pagi.hidden {
            display: none;
        }

@media(max-width:480px) {
    .hh-yt-box .yt-vid {
        width: 100%;
        margin: 0 0 5px 0;
        padding: 2%;
    }

        .hh-yt-box .yt-vid:first-child,
        .hh-yt-box .yt-vid:last-child {
            margin: 0 0 5px 0;
        }

    .hh-ig-feed {
        margin: 0;
    }

        .hh-ig-feed #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
            margin-bottom: 5px;
        }

    .donation-row {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
    }

    .donate-day .donate-col,
    .donate-day .donate-col.dTime {
        width: 100%;
        margin-bottom: 3px;
    }

    .donate-pagination {
        width: 275px;
    }

        .donate-pagination span.donate-pagi,
        .donate-pagination span.donate-arrow {
            width: 25px;
            height: 25px;
            line-height: 25px;
            margin: 0 5px;
        }
}

/* ENROLLMENT ELEMENTS */
.enroll-form .input-wrap {
    position: relative;
    display: flex;
    width: 100%;
    margin: 5px 0;
    padding: 5px 0;
}

    .enroll-form .input-wrap .col {
        display: flex;
        align-items: center;
    }

        .enroll-form .input-wrap .col.grid-1 {
            position: relative;
            width: initial;
        }

        .enroll-form .input-wrap .col p {
            line-height: 1.3;
        }

            .enroll-form .input-wrap .col p:last-child {
                margin-bottom: 0;
            }

        .enroll-form .input-wrap .col .formError {
            top: calc(50% - 12px) !important;
            left: 5px !important;
        }

.fakeLink {
    color: #00c0ff;
    cursor: pointer;
}

    .fakeLink:hover {
        color: #000;
    }

.il-before-enroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    .il-before-enroll .il-before-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.75);
    }

    .il-before-enroll .il-before-inner {
        position: relative;
        top: 50%;
        max-width: 500px;
        width: 100%;
        margin: -150px auto 0;
        padding: 15px 20px;
        background: #FFF;
    }

        .il-before-enroll .il-before-inner:after {
            content: '';
            display: block;
            width: 100%;
            clear: both;
        }

        .il-before-enroll .il-before-inner button {
            margin-top: 20px;
            float: right;
        }

/*!
 * Youtube LazyLoad 
 * v4.0.0
 * https://github.com/the-muda-organization/youtube-lazyload
 * MIT License
 */


/* youtube lazyload container */
.yt-lazyload {
    width: 100%;
    position: relative !important;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* youtube lazyload container ::before --> to maintain 16/9 ratio & black bg before JS loaded */
    .yt-lazyload::before {
        content: '';
        width: 100%;
        display: block;
        position: relative;
        padding-top: 56.25%; /*16:9 ratio*/
        background-color: #000;
    }

/* youtube lazyload wrap */
.yt-lazyload-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: inherit;
}

/* youtube lazyload content */
.yt-lazyload-content {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    background-image: var(--yt-lazyload-img);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

/* play-btn */
.yt-lazyload-playbtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /*background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='rgba(0,0,0,.65)' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E");*/
    background-image: url("../images/svg/yt-play-icon.svg");
    background-position: 50%;
    background-size: calc(35px + 10%) auto;
    background-repeat: no-repeat;
    transition: all .2s;
}

    /* play-btn:hover */
    .yt-lazyload-playbtn:hover {
        /*background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='red' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E");*/
        opacity: .8;
    }

/* logo */
.yt-lazyload-logo {
    display: block;
    width: 30%;
    min-width: 95px;
    min-height: 22px;
    max-width: 215px;
    padding-top: 6.8%; /* 22.3577236% (logo height/width in %) * 0.3 (equivalent to width:30%) = 6.70731708% rounded up */
    position: absolute;
    right: 4%;
    bottom: 4%;
    z-index: 2;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .75;
    transition: opacity .3s;
}

/* 0 = no logo!    */
/* 1 = black       */ .yt-lazyload[data-logo="1"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 110'%3E%3Cpath d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}
/* 2 = color-black */ .yt-lazyload[data-logo="2"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282828' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}
/* 3 = white       */ .yt-lazyload[data-logo="3"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 580 130'%3E%3Cpath d='M181.7 20.7c-2.1-7.9-8.4-14.2-16.3-16.3C151.1.5 93.6.5 93.6.5s-57.6.1-71.9 4C13.8 6.6 7.5 12.9 5.4 20.8 1.6 35.1 1.6 65 1.6 65s0 29.9 3.9 44.3c2.1 7.9 8.4 14.2 16.3 16.3 14.3 3.9 71.8 3.9 71.8 3.9s57.5 0 71.8-3.9c7.9-2.1 14.2-8.4 16.3-16.3 3.9-14.3 3.9-44.3 3.9-44.3s0-29.9-3.9-44.3zM75.2 92.6V37.4L123 65 75.2 92.6z'/%3E%3Cpath d='m268.6 117.8c-3.7-2.5-6.3-6.3-7.8-11.5s-2.2-12-2.2-20.7v-11.6c0-8.6 0.8-15.7 2.6-20.9 1.8-5.3 4.5-9.1 8.3-11.5s8.6-3.7 14.6-3.7c5.9 0 10.8 1.2 14.3 3.7s6.3 6.3 7.9 11.5 2.5 12.2 2.5 20.8v11.7c0 8.6-0.8 15.5-2.5 20.7s-4.3 9-7.9 11.5c-3.7 2.4-8.6 3.7-14.8 3.7-6.4 0-11.3-1.3-15-3.7zm20.5-12.6c1.1-2.6 1.5-7 1.5-12.9v-25.2c0-5.8-0.5-10-1.5-12.6-1.1-2.7-2.8-4-5.3-4s-4.1 1.3-5.2 4-1.5 6.9-1.5 12.6v25.2c0 5.9 0.5 10.3 1.4 12.9s2.7 3.9 5.3 3.9c2.4 0 4.2-1.3 5.3-3.9zm258.9-19.3v4.1c0 5.2 0.1 9.1 0.5 11.7s0.9 4.5 1.9 5.7c0.9 1.2 2.5 1.8 4.5 1.8 2.7 0 4.6-1.1 5.6-3.2 1.1-2.1 1.5-5.7 1.7-10.5l15.7 0.9c0.1 0.7 0.1 1.7 0.1 2.8 0 7.4-2 13-6.1 16.7s-9.8 5.6-17.2 5.6c-9 0-15.2-2.8-18.8-8.4-3.5-5.6-5.4-14.3-5.4-26v-14.3c0-12 1.9-20.9 5.6-26.5 3.8-5.6 10.2-8.4 19.1-8.4 6.3 0 11 1.2 14.3 3.4s5.7 5.8 7.1 10.6 2 11.5 2 20v13.8h-30.6v0.2zm2.4-34c-0.9 1.2-1.5 3-1.9 5.6s-0.5 6.5-0.5 11.8v5.7h13.2v-5.8c0-5.2-0.1-9.1-0.5-11.8s-0.9-4.6-1.9-5.7c-0.9-1.1-2.4-1.7-4.3-1.7-1.9 0.2-3.3 0.8-4.1 1.9zm-326 32.5-20.6-74.7h18.1l7.2 33.8c1.9 8.4 3.2 15.5 4.1 21.3h0.5c0.6-4.3 2-11.2 4.1-21.1l7.4-33.9h18.1l-20.9 74.5v35.7h-17.8v-35.6h-0.2zm143-44.9v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1zm93.2 0v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1z'/%3E%3Cpath d='m416.8 24.4h-18.1v95.8h-17.7v-95.8h-18.1v-14.7h53.8v14.6h0.1zm103.8 28c-1.1-5.1-2.8-8.7-5.3-11.1-2.5-2.2-5.8-3.4-10.2-3.4-3.3 0-6.5 0.9-9.3 2.8-3 1.9-5.1 4.4-6.7 7.4h-0.1v-42.5h-17.5v114.4h15l1.9-7.7h0.4c1.4 2.7 3.5 4.8 6.3 6.5 2.8 1.5 5.9 2.4 9.3 2.4 6.1 0 10.6-2.8 13.6-8.5 2.8-5.7 4.4-14.5 4.4-26.5v-12.7c-0.2-9-0.7-16.1-1.8-21.1zm-16.7 32.9c0 5.9-0.2 10.5-0.7 13.8s-1.3 5.7-2.5 7.1-2.7 2.1-4.6 2.1c-1.5 0-2.8-0.4-4.1-1.1s-2.2-1.8-3.1-3.2v-45.7c0.6-2.2 1.7-4 3.2-5.4s3.1-2.1 4.8-2.1c1.9 0 3.3 0.7 4.3 2.1 1.1 1.4 1.7 3.9 2.1 7.3s0.6 8.3 0.6 14.6v10.5z'/%3E%3C/svg%3E")
}
/* 4 = color-white */ .yt-lazyload[data-logo="4"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}

/* logo:hover */
.yt-lazyload-logo:hover {
    opacity: 1;
    transition: opacity .3s;
}

/* iframe */
.yt-lazyload iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 0;
}


.provider-form__label {
    padding: 20px 20px;
}

    .provider-form__label img {
        font-size: 12px;
    }

.actions-menu li.BBB {
    margin: 25px 10px 15px;
}

a#bbblink.ruhzbal,
a#bbblink.ruhzbul {
    width: 133.3333px !important;
    height: 60px !important;
}

    a#bbblink.sehzbal:hover img,
    a#bbblink.rbhzbal:hover img,
    a#bbblink.ruhzbal:hover img,
    a#bbblink.sehzbul:hover img,
    a#bbblink.rbhzbul:hover img,
    a#bbblink.ruhzbul:hover img {
        margin-left: -133.6666px !important;
    }
/*#bbblink{
	display:inline-block!important;
	width:143px!important;
	height:64px!important;
	padding: 5px 10px!important;
	margin: 20px 10!important;
}
	#bbblink img{
		max-width:initial;
		width:215%;
		height:auto;
	}*/

.home .main-header {
    min-height: 700px;
}

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


    /*JMEDITS*/
    /* GENERAL STUFF */

    .page-content ul,
    .page-content ol {
        line-height: 1.5;
        font-size: 17px;
        color: #565555;
        margin-bottom: 26px;
    }

        .page-content ul li,
        .page-content ol li {
            padding: 0 0 10px 0;
        }



.page__img {
    width: 100%;
    position: absolute;
    margin: auto;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}

.img-cut {
    height: 450px;
    overflow: hidden;
    position: relative;
    margin: 30px 0;
}

/*-------HEADER---------------*/

div.overlay-dark {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
    display: none;
}

span.feedback {
    z-index: 9997;
    position: fixed;
    right: -70px;
    top: 50%;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    background-color: #7DC43E;
    padding: 5px 10px 10px;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

    span.feedback:hover {
        right: -65px;
        background-color: #8CDA47;
    }

div.feedback {
    display: none;
    z-index: 999;
    position: fixed;
    top: 50%;
    margin-top: -158px;
    right: 50%;
    margin-right: -160px;
    width: 320px;
    padding: 20px 20px 0;
    background: #fff;
    border: solid 1px #eee;
}

    div.feedback p:nth-child(2) {
        margin-bottom: 0;
    }

    div.feedback input, textarea {
        width: 100%;
        max-width: 100%;
        border: solid 1px #eee;
        padding: 10px;
    }

    div.feedback textarea {
        height: 100px;
        margin: 10px 0;
        font-family: sans-serif;
    }

    div.feedback input[type="submit"] {
        color: #fff;
        background-color: #7DC43E;
        padding: 10px;
        border: none;
        cursor: pointer;
        width: 100%;
    }

        div.feedback input[type="submit"]:hover {
            background-color: #8CDA47;
        }

    div.feedback div.wpcf7-response-output {
        margin-top: 0;
    }


/*-------FRONT PAGE-----------*/



.recycle-icon {
    fill: #EAE86B;
    width: 68px;
    height: 68px;
    margin-left: -36px;
}

.pigtail-icon {
    fill: #7dc43e;
    width: 74px;
    height: 68px;
    margin-left: -36px;
}

.windmill-icon {
    fill: #9FBBB8;
    width: 68px;
    height: 68px;
    margin-left: -36px;
}

.upstat-graph-icon {
    fill: #00C0FF;
    width: 72px;
    height: 68px;
    margin-left: -36px;
}

.page-content ul {
    margin-bottom: 30px;
}

.page-content li {
    margin-left: 30px;
}


.post__img,
.blog-posts__post > a > img {
    width: 100%;
}


video {
    max-width: 100%;
}

.brand img {
    max-width: 160px;
}


.actions-menu li.call-button a {
    background: rgba(0,0,0,0.58);
    color: #baff00;
}

    .actions-menu li.call-button a:hover {
        background: rgba(0,0,0,0.38);
        color: #caff10;
    }

    .actions-menu li.call-button a svg {
        fill: #baff00;
    }

    .actions-menu li.call-button a:hover svg {
        fill: #caff10;
    }


/*===========rewards=============*/
.rewards-info--terms h3 {
    margin-bottom: 25px;
}

.rewards-info--terms ul,
.rewards-info--terms ol {
    font-size: 16px;
    padding: 10px 0 0 0;
    margin: 0 0 0 30px;
    line-height: 1.5;
    color: #565555;
}

    .rewards-info--terms ul li,
    .rewards-info--terms ol li {
        padding: 0 0 10px 10px;
    }









/*===========PLANS-PRICING=============*/


.plan__price {
    font-size: 56px;
}

.plan__details {
    height: 100px;
    margin-bottom: 15px;
    color: #6f6f6f;
    letter-spacing: 0.1px;
    font-weight: 100;
}

.plan {
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
}

.plan__content {
    padding: 30px 30px;
}

.plan__title {
    font-size: 28px;
    margin-bottom: 20px;
}

.plan.plan--centered.green {
    background-color: #F0FFE1;
}


/*HEADER ===================*/
.main-navigation {
    background: #fff;
}

.main-menu li a {
    color: #777;
}

.actions-menu li svg {
    fill: #777;
}

.actions-menu li a:hover svg {
    fill: #555;
}


/*FAQ POP UP==============*/


.faq-pop ul li {
    cursor: pointer;
}

.faq-pop {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 140px;
    z-index: 5;
    display: none;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    padding-bottom: 40px;
}

    .faq-pop .close-faq {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #FF2A2A;
        font-size: 24px;
        cursor: pointer;
    }

    .faq-pop h2 {
        background-color: #666;
        padding: 20px;
        text-align: center;
        border-bottom: 2px solid #00C0FF;
        color: #fff;
    }

    .faq-pop ul {
        list-style: none;
    }

        .faq-pop ul li {
            font-weight: 900;
            padding: 5px 30px 20px;
        }

            .faq-pop ul li span {
                display: none;
            }

                .faq-pop ul li span.showfaqspan {
                    font-weight: 400;
                    display: inline-block;
                }

    .faq-pop span.close-faq {
        position: absolute;
        bottom: 10px;
        right: 10px;
        top: auto;
        color: #00C3FF;
        font-weight: 700;
        font-size: 16px;
    }


/*SLIDE=================*/
header.main-header {
    position: relative;
    z-index: 4;
}


    header.main-header .slide .contain .header-cta-message {
        padding-top: 75px;
        max-width: 100%;
    }
/*.slide{
	position: absolute;
	top:100px;
	height: 580px;
	width: 100%;
	display: none;
}
.slide.heythereslide{
	display: block;
	z-index: 2;
}*/

.slide {
    position: relative;
    min-height: 580px;
}


    .slide .slidebg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.2);
    }

        .slide .slidebg img {
            display: none;
        }

    .slide .t-hack {
        position: relative;
        /*display: table-cell;
	vertical-align: middle;*/
    }

.slide-circles {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 3;
}

    .slide-circles i {
        color: #fff;
        padding: 0 5px;
        cursor: pointer;
        opacity: 0.6;
        font-size: 26px;
    }

        .slide-circles i:hover,
        .slide-circles i.c-on {
            opacity: 1;
        }

.slide-arrows {
    position: absolute;
    bottom: 50%;
    z-index: 3;
    font-size: 54px;
    color: #fff;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    margin-bottom: -30px;
}

    .slide-arrows i {
        opacity: .6;
        cursor: pointer;
    }

        .slide-arrows i:first-child {
            position: absolute;
            left: -100px;
        }

        .slide-arrows i:last-child {
            position: absolute;
            right: -100px;
        }

        .slide-arrows i:hover {
            opacity: 1;
        }




/****** blog sidebar *******/
.sidebar-tabs__post__content {
    padding-left: 10px;
}



/****** Enroll Edits 1.12.16 *******/
.modal-content .enrollment .region-select-wrap .region-select .modal-window__footer .btn.btn--red.pull--right {
    background: #41bffe;
    transition: all 0.5s;
}

    .modal-content .enrollment .region-select-wrap .region-select .modal-window__footer .btn.btn--red.pull--right:hover {
        background: #7dc43e;
    }


.jmtwentysixteen {
    padding-bottom: 10px;
}

    .jmtwentysixteen .plans-group-list-style {
        width: 75%;
        position: relative;
        padding: 0;
        min-height: 560px;
        box-shadow: inset -1px 0px #e7e7e7;
    }

        .jmtwentysixteen .plans-group-list-style #plans-form .col.grid-12 {
            padding: 0;
        }

    .jmtwentysixteen .shadow-box__content {
        padding: 0;
        margin: 50px;
        border: 1px solid #E7E7E7;
        background: #fff;
        min-height: 560px;
    }

    .jmtwentysixteen .plans-group-list-style .plan-action-header {
        background: #3A3A3A;
        padding: 20px 40px;
    }

        .jmtwentysixteen .plans-group-list-style .plan-action-header h3 {
            display: inline-block;
            color: #fff;
            font-size: 16px;
            width: 20%;
        }

            .jmtwentysixteen .plans-group-list-style .plan-action-header h3.plan-name {
                width: 48%;
            }

            .jmtwentysixteen .plans-group-list-style .plan-action-header h3.plan-price {
                width: 27%;
            }

    .jmtwentysixteen .plans-group-list-style label.plan-label {
        margin-bottom: 0;
    }

    .jmtwentysixteen .plans-group-list-style .plan__title {
        display: inline-block;
        font-size: 17px;
        font-weight: 700;
        float: left;
        margin: 10px -10px 10px 10px;
    }

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3 {
        padding-left: 80px;
    }

    .jmtwentysixteen .plans-group-list-style .plan__price {
        font-size: 30px;
        font-weight: 400;
        float: left;
        line-height: 40px;
        margin: 0;
    }

        .jmtwentysixteen .plans-group-list-style .plan__price span {
            font-size: 16px;
        }

            .jmtwentysixteen .plans-group-list-style .plan__price span.cent {
                font-size: 30px;
                font-family: "Open Sans", sans-serif;
                color: #565555;
            }

    .jmtwentysixteen .plans-group-list-style .plan.plan--centered span.btn {
        padding: 10px 14px;
        font-size: 14px;
    }

    .jmtwentysixteen .plans-group-list-style .plan.plan--centered {
        border-radius: 0;
        text-align: left;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan {
        border-top: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
        box-shadow: none;
        border-bottom: 0;
        border-bottom: 1px solid #e7e7e7;
        border-left: 0;
    }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan {
        border-right: 0;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm {
        display: none;
        background: #fff;
        border-bottom: 1px solid #e7e7e7;
    }

        .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm.green {
            background-color: #F0FFE1;
        }

    .jmtwentysixteen .plan-radio:checked + .plan-label .plan__details-new-jm {
        display: block;
        position: absolute;
        width: 33.5%;
        right: -36.3%;
        top: 0;
        padding: 25px;
        margin: 0px 19px 0;
        bottom: 0;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 400;
        top: 135px;
        right: 10px;
        left: 20px;
        position: absolute;
    }

        .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm p.plan__price {
            top: 245px;
            left: 0;
            font-size: 38px;
            right: 0;
            text-align: center;
            width: 90%;
            border-bottom: 1px solid #e2e2e2;
            padding: 20px 0;
            margin: 0 5%;
        }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm .btn {
        padding: 10px;
        width: 82%;
        font-size: 16px;
        position: absolute;
        bottom: 125px;
        right: 20px;
    }

    .jmtwentysixteen .plan-radio + .plan-label .plan__details-new-jm h3.plan__title {
        font-size: 28px;
        line-height: 32px;
        width: 100%;
        margin: 0;
        font-weight: 900;
    }

.jmtwentysixteen {
}

a.nextpostslink {
    float: right;
}



/*plan icons*/
.jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3 {
    position: relative;
}

    .jmtwentysixteen .plans-group-list-style input[type="radio"] + label > div > div > h3:before {
        content: '';
        display: block;
        height: 60px;
        width: 60px;
        position: absolute;
        left: -29px;
        top: -20px;
    }

.jmtwentysixteen .plans-group-list-style input[name="electric_provider_rate"][data-rate-type="brown"] + label > div > div > h3:before {
    background: url(images/planicons/electric-blue.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="electric_provider_rate"][data-rate-type*="fix"] + label > div > div > h3:before {
    background: url(images/planicons/fixed-blue.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="electric_provider_rate"][data-rate-type="green"] + label > div > div > h3:before {
    background: url(images/planicons/electric-green.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="electric_provider_rate"][data-rate-type*="greenfix"] + label > div > div > h3:before {
    background: url(images/planicons/fixed-green.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="gas_provider_rate"][data-rate-type="brown"] + label > div > div > h3:before {
    background: url(images/planicons/fire-blue.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="gas_provider_rate"][data-rate-type*="fix"] + label > div > div > h3:before {
    background: url(images/planicons/fixed-blue.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="gas_provider_rate"][data-rate-type="green"] + label > div > div > h3:before {
    background: url(images/planicons/fire-green.png) no-repeat center;
    background-size: contain;
}

.jmtwentysixteen .plans-group-list-style input[name="gas_provider_rate"][data-rate-type*="greenfix"] + label > div > div > h3:before {
    background: url(images/planicons/fixed-green.png) no-repeat center;
    background-size: contain;
}


.bill-zoom {
    color: #00b0ee;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.bill-img {
    cursor: zoom-out;
    display: none;
}


/*Enroll page sidebar*/
p.sidebar-offers__offer__desc {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px 0 0 0;
}

.form_module {
    display: none;
}

.form_module_show {
    display: block;
}

input[type=checkbox] {
    zoom: 1.7;
}

/*NY billofrights higher for modular form*/
.page-template-enroll-step-4-php .modal-window.mCustomScrollbar._mCS_1.mCS-autoHide {
    top: 10%;
}

.modal-overlay .modal-window {
    padding: 20px 0 100px;
}

.ny_billofrights_accept,
.il_billofrights_accept,
.oh_online_accept,
.aff_tos_accept {
    position: absolute;
    bottom: 30px;
    right: 60px;
}



.more-link .more-link-icon.benefits-icon {
    width: 200px;
    height: 80px;
}


.graphs-wrap .graph .graph-desc,
.circles-wrp .circles-text {
    color: #626262;
}

/* Washington DC Rates & Services Page*/

.washington_title {
    font-weight: 750;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 20px;
    color: #636363;
    text-align: center;
}

@media(max-width: 480px) {
    .progress.group.grid-pad {
        display: none;
    }

    .progress-green-bar-thing {
        display: none;
    }
}