@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap');
/* */

body {
    font-family: 'Poppins', sans-serif !important;
}

.formpage input[type="date"],
.formpage input[type="email"],
.formpage input[type="number"],
.formpage input[type="password"],
.formpage input[type="tel"],
.formpage input[type="text"] {
    margin-bottom: 0px;
    border: 0;
}

/*for forntpage*/
.l-section-h{
    padding: 0px;
}
/*for forntpage end*/
/**/

.ui-datepicker {
    height: auto;
    width: 14rem;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    background-color: #fff
}

.ui-datepicker table {
    width: 100%
}

.ui-datepicker-header {
    line-height: 2rem;
    min-height: 2rem;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .08) inset
}

.ui-datepicker-title select {
    font-size: .8rem;
    line-height: 2rem;
    height: 2rem;
    width: 5rem;
    padding: 0 .3rem;
    border-radius: 0;
    box-shadow: none !important;
    background: none !important;
    color: #666
}

.ui-datepicker-prev {
    float: left;
    line-height: 3rem;
    width: 2rem;
    text-align: center;
    cursor: pointer
}

.ui-datepicker-prev:before {
    content: '\f053';
    font-family: fontawesome
}

.ui-datepicker-prev span {
    display: none
}

.ui-datepicker-next {
    float: right;
    line-height: 3rem;
    width: 2rem;
    text-align: center;
    cursor: pointer
}

.ui-datepicker-next:before {
    content: '\f054';
    font-family: fontawesome
}

.ui-datepicker-next span {
    display: none
}

.ui-datepicker th {
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: 0;
}

.ui-datepicker tbody td {
    font-size: .8rem;
    text-align: center;
    padding: 0;
    border: none
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    color: #666
}

.ui-datepicker-calendar .ui-state-hover {
    background-color: #666;
    color: #fff !important
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #fff2aa;
    color: #333 !important
}


/* *

{

letter-spacing:1px;

}*/

ul {
    list-style-type: disc;
    margin-left: 0;
}

.form-control.inputcolor {
    transition: none;
}

select {
    background: #fff;
}

a {
    color: #769a2e
}

.banner-row {
    min-height: 768px;
}


.page-id-4100 .w-nav-list li a {
    text-shadow: none;
}


/*

span.w-nav-title {

    font-size: 19px!important;

    font-weight: 500!important;

}

.w-nav-list li a {

    text-shadow: 1px 1px 1px #171717;

}

span.w-nav-title:hover

{

    color: #74982d;

}
*/

.overlay-fade.ult-open {
    z-index: 9999 !important;
}

.current-menu-item span.w-nav-title {
    color: #fff;
    border-bottom: solid 2px #fff;
}

.l-header.bg_transparent:not(.sticky) .w-nav-title:after {
    background-color: transparent;
}

.header_hor .l-subheader.at_middle {
    /* padding-top: 17px;*/
}

.current-menu-item span.w-nav-title::before {
    position: absolute;
    content: "\f0d7";
    font-family: 'fontawesome';
    left: 41%;
    right: 0px;
    margin: 0 auto;
    bottom: -13px;
    line-height: normal;
}

.inn-head p {
    font-size: 18px;
    color: #3c3b3b;
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px !important;
}

.inn-text p {
    font-size: 15px;
    text-align: center;
    color: #515050;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0px;
}

.sec-img {
    margin-bottom: 20px;
}

.sec-col {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    margin: 0px 38px 0px 0px;
    width: 22.8%;
    min-height: 322px;
    background: #fff;
    margin-top: -150px !important;
}

.sec-col-last {
    margin: 0px;
}

.sec-row-features {
    text-align: center
}

.g-cols.type_default.sec-row-features>div.sec-col {
    display: inline-block;
    float: none;
    vertical-align: top
}

.sec-col .vc_column-inner {
    padding: 35px 23px 26px !important;
}

.free-ser {
    margin-top: 9px
}

.ener {
    margin-top: 12px;
}

.sec-row .l-section-h.i-cf {
    padding-bottom: 0px;
}

.logo-car-head p {
    text-align: center;
    color: #3c3b3b;
    font-size: 21px;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 60px;
}

.logo-car-row .owl-nav.disabled {
    display: block !important;
}

.logo-car-row .owl-prev,
.logo-car-row .owl-next {
    border: 2px solid;
}

.banner-steps {
    margin: 160px auto 0;
}

.number {
    width: auto;
    text-align: center;
    float: left;
    margin: 0px 13px;
}

.new-bannerstep .number {
    width: 215px;
}

.numb-numeric {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    border: solid 2px #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    margin: 0 auto 15px;
    position: relative;
}

.rdl-label.electriciy-gas>label {
    font-weight: 600;
}

.numb-numeric1::after {
    position: absolute;
    content: '';
    width: 160px;
    height: 1px;
    background: #fff;
    left: 56px;
    right: 0px;
    margin: 0 auto;
    top: 30px;
}

.new-bannerstep .numb-numeric1::after {
    width: 184px;
}

.numb-numeric2::after {
    position: absolute;
    content: '';
    width: 170px;
    height: 1px;
    background: #fff;
    left: 56px;
    right: 0px;
    margin: 0 auto;
    top: 30px;
}

.new-bannerstep .numb-numeric2::after {
    width: 184px;
}

.numb-numeric3::after {
    position: absolute;
    content: '';
    width: 193px;
    height: 1px;
    background: #fff;
    left: 56px;
    right: 0px;
    margin: 0 auto;
    top: 30px;
}

label.numb-text {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}

.numb {
    max-width: 956px;
    margin: 0 auto;
}

.new-bannerstep .numb {
    width: 736px;
}

.numb-numeric4::before {
    position: absolute;
    content: '';
    background: url(../images/cap.png)no-repeat;
    width: 26px;
    height: 33px;
    left: 13px;
    top: -10px;
}

.how-head p {
    color: #3c3b3b;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 24px !important;
}

.new-bannerstep {}

.how-subhead p {
    color: #5c5858;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

.how-numb p {
    text-align: center;
    font-size: 50px;
    font-weight: 500;
    color: #fff;
    background: #3d4047;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    margin: 0 auto;
}

.how-title p {
    color: #73982c;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 8px !important;
}

.how-text p {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #5c5858;
    letter-spacing: 0.5px;
}

.how-col {
    /*border: solid 2px #ededed;

    border-radius: 50%;

    width: 28%;

    height: 372px;

    margin: 0px 105px 0px 0px;

    padding: 50px 15px 36px;

    box-sizing: border-box;

    position: relative!important;*/
    z-index: 9;
    margin: 0px 100px 0px 0px;
    width: 28%;
}

.how-col::after {
    position: absolute;
    content: '';
    background: url(../images/circle.png)no-repeat;
    width: 244px;
    height: 244px;
    right: -178px;
    top: 62px;
    z-index: -1;
}

.how-col .vc_column-inner {
    border: solid 2px #ededed;
    border-radius: 50%;
    height: 372px;
    padding: 50px 36px 36px !important;
    box-sizing: border-box;
    position: relative !important;
    display: table-cell;
}

.how-col-last {
    margin-right: 0px !important;
}

.how-col.how-col-last::after {
    display: none;
}

.how-btn p {
    background: #7ea33d;
    width: auto;
    margin: 36px auto 0;
    display: table;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 23px;
    height: 63px;
    line-height: 62px;
    border-radius: 5px;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
}

.how-btn a {
    color: #fff;
}

.how-btn p a:hover {
    color: #fff;
}

.how-row .l-section-h.i-cf {
    padding: 55px 0px 72px;
}


/*-----------testimonial-section-------------*/

.testimonial-carousel .w-testimonial-text p {
    color: #767171;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.2px;
    line-height: 25px;
}

.testimonial-carousel .w-testimonial.with_img {
    position: relative;
}

.testimonial-carousel .w-testimonial-author img {
    width: auto !important;
    border-radius: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 23px;
    padding-left: 23px;
}

.testimonial-carousel blockquote.w-testimonial-h {
    padding-left: 193px !important;
    background: #fff;
    padding-top: 37px;
    padding-bottom: 22px;
    padding-right: 23px;
    margin: 0px 13px 69px;
    min-height: 200px;
}

.testimonial-carousel .w-testimonial-author {
    margin-top: 5px;
}

.testimonial-carousel .w-testimonial-author-name span {
    font-size: 14px;
    font-weight: 300;
    color: #73982c;
}

.testimonial-carousel .w-testimonial-h:before {
    display: none;
}

.testimonial-carousel .w-testimonial-text {
    position: relative;
}

.testimonial-carousel .w-testimonial-text::before {
    position: absolute;
    content: '';
    background: url(../images/quotes.png)no-repeat;
    width: 48px;
    height: 32px;
    left: -6px;
    top: -13px;
}

.testimonial-carousel .owl-nav.disabled {
    display: block !important;
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
    border: 2px solid;
    top: 43%;
}

.testimonial-carousel .owl-prev:hover,
.testimonial-carousel .owl-next:hover {
    border-color: #709f4f;
    color: #709f4f;
}

.testimonial-row .l-section-h.i-cf {
    padding: 64px 0px 10px;
}

#loved p {
    margin-bottom: 45px !important;
}


/*--------------blog--------------*/

.home-blog-row a.entry-title {
    font-size: 24px;
    color: #414248;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.home-blog-row article.w-blog-post.ecconex {
    width: 33.2%;
}

.home-blog-row a.w-blog-post-more {
    color: #fff !important;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    margin-top: 12px;
    height: 48px;
    line-height: 49px;
    font-weight: bold;
    padding: 0px 26px;
}

.home-blog-row .w-btn.style_outlined:after {
    border: 0px;
}

.home-blog-row a.entry-title:hover {
    color: #73982c;
}

.home-blog-row .w-blog-post-content p {
    font-size: 16px;
    color: #706e6e;
    font-weight: normal;
    letter-spacing: 0.2px;
}

.home-blog-row .ecconex h2.w-blog-post-title {
    margin-bottom: 8px;
}

.w-btn.color_light.style_outlined:before {
    background-color: #73982c;
}

.no-touch a:hover+.w-blog-post-body .w-blog-post-title a {
    color: #73982c;
}

.home-blog-row .blog-date-time {
    position: absolute;
    top: 16px;
    background: #fff;
    color: #3c3b3b;
    padding: 10px 10px 0px;
    left: 16px;
}

.home-blog-row .blog-date-time span {
    font-weight: 600;
}

.home-blog-row span.date {
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: solid 2px;
    display: grid;
    padding-bottom: 9px;
}

.home-blog-row span.month {
    text-transform: uppercase;
    letter-spacing: 0px;
}

.home-blog-row .l-section-h.i-cf {
    padding: 62px 0px 0px;
    margin-bottom: -56px;
}

.home-blog-row .how-subhead p {
    margin-bottom: 37px !important;
}


/*---------footer-----------------*/

.footer-logo {
    text-align: center;
}

.footer-section .l-section-h.i-cf {
    padding-bottom: 12px;
    padding-top: 97px;
}

#page_layout_view .l-main .vc_wp_custommenu.layout_hor ul {
    white-space: normal;
}

.footer-line .l-section-h.i-cf {
    padding: 0px;
}

.line-bottom {
    position: absolute;
    right: 0;
    color: #fff !important;
    bottom: 7px;
    width: 100%;
    border-color: #4e4e51 !important;
}

.footer-line {
    position: relative;
}

.social-icons {
    margin-bottom: 28px;
}

.footer-icon::before {
    background: rgba(0, 0, 0, 0) url("../images/map-icon.png") repeat scroll 0 0;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    width: 16px;
}

.footer-icon {
    display: table;
    margin: 0 auto 33px !important;
    padding-left: 28px;
    position: relative;
}

.social-icon ul {
    margin: 0px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 16px !important;
}

.social-icon ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    margin-bottom: 0px;
}

.copy-top {
    padding-top: 14px;
}

.footer-icon {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.copy-top p {
    color: #cdcbcb;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: left;
    float: left;
}

footer .color_footer-bottom a {
    color: #cdcbcb;
    font-size: 14px;
    letter-spacing: 0.5px;
}

#menu-footer li {
    margin: 0px;
}

footer .color_footer-bottom a:hover {
    color: #73982c !important;
}

.copy-col {
    width: 42%;
}

.privacy {
    width: 58%;
}


/*---------------footer-cta-----------------*/

.footer-cta-row .l-section-h.i-cf {
    background: url(../images/cta-back.png)no-repeat;
    max-width: 1162px;
    padding: 51px 48px;
    position: relative;
    top: 75px;
    z-index: 99;
    margin-top: -56px;
}

.energy-plans p {
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    float: left;
    margin-bottom: 18px !important;
}

.free {
    color: #73992b;
}

.energy-plans-text {
    clear: both;
}

.energy-plans-text p {
    color: #cdc3c3;
    font-size: 22px;
    font-weight: normal;
}

.footer-btn p {
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    margin-top: 12px;
    height: 55px;
    line-height: 56px;
    font-weight: bold;
    padding: 0px 25px;
    border-radius: 5px;
    float: right;
    text-transform: uppercase;
    font-size: 19px;
}

.footer-btn p a {
    color: #fff !important;
}

.footer-btn p a:hover {
    color: #fff !important;
}

.sticky-btn p a {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    background: #89d2f2;
    color: #fff;
    padding: 15px 22px;
    border-radius: 5px;
}

.sticky-btn {
    position: fixed;
    left: -148px;
    top: 54%;
    transform: rotate(-90deg);
    z-index: 999;
}

.sticky-btn p a:hover {
    color: #fff;
}

.sticky-btn-row .l-section-h.i-cf {
    padding: 0px;
}

section#web-mob {
    display: none;
}


/*-------------about-page-----------------*/

.l-titlebar.color_default .l-titlebar-h {
    padding-bottom: 23px !important;
    padding-top: 30px;
}

.about-text h2 {
    color: #3c3b3b;
    font-weight: bold;
}

.about-text p {
    color: #5c5858;
}

.about-text p:nth-child(2) {
    font-size: 16px;
    color: #7f983b;
}

.about-girl .w-image-h .attachment-full.size-full {
    border-radius: 50%;
    height: 425px;
    object-fit: cover;
    position: relative;
    width: 425px;
    z-index: 2;
}

.about-girl .w-image-h::after {
    background-image: url("../images/about-grl-image.jpg");
    background-position: center center;
    border-radius: 50%;
    box-shadow: 0 0 0 1000px rgba(127, 152, 59, 0.8) inset;
    content: "";
    height: 387px;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 387px;
    z-index: 1;
}

.innovative .sec-col {
    margin-top: 0px !important;
}

.about-testi .upb_row_bg {
    background-color: #fff !important;
}

.about-testi .testimonial-carousel blockquote.w-testimonial-h {
    background: #f7f7f7 none repeat scroll 0 0;
    box-shadow: 2px 2px 5px rgba(58, 41, 41, 0.15);
}


/*---------------contact-page------------------*/

.l-titlebar-content h1 {
    color: #fff;
    font-size: 53px;
    font-weight: bold;
    text-shadow: 1px 2px 0px #525252;
    line-height: 1.4;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.l-titlebar-content Span {
    color: #fff;
    font-size: 53px;
    font-weight: bold;
    text-shadow: 1px 2px 0px #525252;
    line-height: 1.4;
    letter-spacing: -1px;
}

#form-left .gfield_required {
    display: none !important;
}

#form-left li {
    float: left;
    width: 50%;
    clear: none;
    margin: 0px;
}

#form-left li input {
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #bfc3c3;
    height: 57px;
    padding-left: 18px;
}

#form-left li:last-child {
    width: 100%;
}

#form-left .how-text p {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #5c5858;
    letter-spacing: 0.5px;
    padding-right: 70px;
    margin-bottom: 0px;
}

#right-sec {
    width: 45%;
}

#form-left {
    width: 55%;
    padding-right: 30px;
}

.email-sec {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.address-sec {
    float: left;
}

.address-sec span {
    margin: -8px 0px 2px 85px;
    font-size: 25px;
    color: #8a8888;
    display: block;
    letter-spacing: 0px;
    line-height: 38px;
}

.email-sec span {
    margin: 13px 0px 2px 85px;
    font-size: 25px;
    color: #8a8888;
    display: block;
    letter-spacing: 0px;
    line-height: 30px;
}

#LEFT-TEXT p {
    margin-bottom: 42px !important;
}

.img-left {
    float: left;
}

#map-img img {
    margin: 0px;
}

#map-img {
    float: left;
    margin-top: 30px;
}

#form-left textarea {
    background: #f8f8f8;
    border: 1px solid #bfc3c3;
    padding-left: 18px;
    height: 125px;
}

#form-left label {
    display: none !important;
}

#form-left .gform_wrapper .top_label div.ginput_container {
    margin-top: 25px;
}

#form-left #gform_wrapper_1 {
    margin-top: 5px;
}

#form-left input#gform_submit_button_1 {
    width: auto;
    margin: 25px auto 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 58px;
    height: 55px;
    line-height: 33px;
    border-radius: 5px;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    letter-spacing: 1px;
}

#form-left .gfield_description.validation_message {
    display: none;
}

#form-left .gform_footer.top_label {
    padding: 0px;
}

.contact-top .l-section-h.i-cf {
    padding-bottom: 50px;
    padding-top: 60px;
}

#form-left .instruction.validation_message {
    display: none;
}

#form-left .gform_wrapper li.gfield.gfield_error,
#form-left .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border-top: none;
    border-bottom: none;
}

#form-left .gfield_error input[type="text"],
#form-left .gfield_error input[type="password"],
#form-left .gfield_error input[type="email"],
#form-left .gfield_error input[type="url"],
#form-left .gfield_error input[type="tel"],
#form-left .gfield_error input[type="number"],
#form-left .gfield_error input[type="date"],
#form-left .gfield_error textarea,
#form-left .gfield_error select {
    box-shadow: 0 0 0 1px #bb5858;
}

#form-left .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 25px;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px) !important;
}


/*------------how-it-works--------------*/

#how-work-cont .l-section-h.i-cf {
    padding: 30px 200px 45px;
    text-align: center;
}

#how-work-cont .vc_custom_1507958135105 {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1.8rem;
}

#how-work-cont .about-text p:nth-child(2) {
    font-weight: bold;
}

.no-pad-bottm .l-section-h.i-cf {
    padding-bottom: 0;
}

.review-plan .attachment-full.size-full {
    border-left: 38px solid #fff !important;
    border-right: 38px solid #fff !important;
    border-top: 38px solid #fff !important;
    box-shadow: 3px 3px 45px rgba(58, 41, 41, 0.26);
}

.process-title {
    margin-bottom: 10px !important;
}

.three-process strong {
    color: #3c3b3b;
    font-size: 32px;
}

.three-process {
    padding-bottom: 55px;
    padding-left: 145px;
    padding-right: 20px;
    position: relative;
}

.three-process p {
    color: #5c5858;
    margin-bottom: 13px;
}

.three-process::before {
    color: #dddddd;
    content: "01";
    font-size: 121px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 35px;
}

.three-process.sec {
    padding-bottom: 0;
    padding-left: 125px;
    padding-right: 0;
}

.three-process.sec::before {
    color: #dddddd;
    content: "02";
    font-size: 121px;
    font-weight: bold;
    left: -45px;
    position: absolute;
    top: 35px;
}

.three-process.three {
    padding-left: 170px;
}

.three-process.three::before {
    color: #dddddd;
    content: "03";
    font-size: 121px;
    font-weight: bold;
    left: 0px;
    position: absolute;
    top: 35px;
}

.compare-points {
    margin-left: 0px;
}

.compare-points li {
    list-style: outside none none;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    color: #5c5858;
}

.compare-points li::before {
    color: #7f983b;
    content: "• ";
    font-size: 28px;
    left: 0;
    position: absolute;
}

.page-id-7002 .footer-cta-row,
.page-id-7002 .sticky-btn-row {
    background: #f7f7f7 none repeat scroll 0 0;
}


/*----------popup-----------------*/

.wish-card-img {
    display: none;
}

span.wish-gift {
    font-size: 31px;
    font-weight: bold;
    color: #414248;
    text-align: center;
    margin: 0 auto 24px;
    display: table;
    padding: 0px 17%;
    line-height: 40px;
    letter-spacing: 1.5px;
}

body .switch {
    font-size: 21px !important;
    color: #414248 !important;
    text-align: center;
    font-weight: normal !important;
    padding: 0px 14%;
    line-height: 35px !important;
}

.redem p {
    text-transform: uppercase;
    font-size: 17px !important;
    text-align: center;
    color: #414248 !important;
    font-weight: normal !important;
}

.redem p a {
    text-transform: none
}

.win {
    color: #74982d;
}

.gift-card-popup .ult_modal-body::before {
    position: absolute;
    content: '';
    background: url(../images/wish-gift-card.png)no-repeat;
    width: 509px;
    height: 645px;
    left: 0px;
    top: 0px;
}

.gift-card-popup .ult_modal-body {
    position: relative;
    padding-left: 53%;
    padding-top: 37px;
    background: #f4f4f4;
}

.gift-card-popup .ult_modal.ult-small {
    width: 1018px;
    top: 52%;
}

.gift-card-popup .ult_modal-content {
    opacity: 1;
    border-radius: 7px !important;
    border: 0px !important;
}

.gift-card-popup .ult-overlay-close {
    width: 37px !important;
    height: 37px !important;
    right: -12px;
    background: #74982d;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 2px #fff;
    top: -17px;
}

.gift-card-popup .ult-overlay-close-inside {
    width: 35%;
    height: 35%;
    top: 12px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    position: relative;
}

.redem ul {
    margin: 0px;
    padding: 0px 20px;
}

.redem ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 27px;
}

.redem ul li img {
    margin-bottom: 14px;
}

#mob-none {
    display: none;
}


/*-----------------blog-page-css-----------------*/

article.w-blog-post {
    float: left;
}

.inner-blog .blog-date-time {
    position: absolute;
    top: 16px;
    background: #fff;
    color: #3c3b3b;
    padding: 10px 10px 0px;
    left: 16px;
    text-align: center;
}

.inner-blog span.date {
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: solid 2px;
    display: grid;
    padding-bottom: 9px;
}

.inner-blog span.month {
    text-transform: uppercase;
    letter-spacing: 0px;
}

.inner-blog a.entry-title {
    font-size: 24px;
    color: #414248;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.inner-blog a.entry-title:hover {
    color: #73982c !important;
}

.inner-blog .w-blog-post-content p {
    font-size: 16px;
    color: #706e6e;
    font-weight: normal;
    letter-spacing: 0.2px;
}

.inner-blog a.w-blog-post-more {
    color: #fff !important;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    margin-top: 12px;
    height: 48px;
    line-height: 49px;
    font-weight: bold;
    padding: 0px 26px;
}

.inner-blog .blog-date-time span {
    font-weight: 600;
}

.inner-blog .w-btn.style_outlined:after {
    border: none !important;
}

.green-bg {
    background-image: url(../images/green-bg.png);
    height: 274px;
    text-align: center;
    padding: 56px 20px;
}

.green-bg p {
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 30px;
}

.start {
    background: #fff;
    border-radius: 5px;
    color: #666363;
    font-size: 19px;
    text-transform: uppercase;
    padding: 15px 26px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget_search .w-form-row.for_submit {
    background: #73982c;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget_search .w-btn:after {
    content: url(../images/search.png);
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget.widget_search {
    margin: 35px 0px 0px 0px !important;
    /* margin-bottom: 0px!important; */
    background: #f8f8f8;
    padding: 30px 25px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar input#us_form_1_s {
    background: #fff;
    height: 58px;
    border-radius: 0px;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    padding: 0px 20px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget_search .w-btn {
    line-height: 70px;
    width: 55px;
    height: 58px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .w-form-row.for_s {
    margin-bottom: 0;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget.widget_categories {
    background: #f8f8f8;
    padding: 0px 25px 25px 25px;
    margin-bottom: 0px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget.popular-posts {
    background: #f8f8f8;
    padding: 0px 25px 25px 25px;
    margin-bottom: 0px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar h3.widgettitle {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 24px;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar .widget.widget_us_socials {
    background: #f8f8f8;
    padding: 0px 25px 25px 25px;
}

.widget.widget_categories ul li:before {
    display: none;
}

.widget.widget_categories ul li {
    padding-left: 0;
}

.widget.widget_categories ul li a {
    color: #706e6e;
    font-size: 16px;
}

ul.wpp-list.wpp-list-with-thumbnails li a {
    font-size: 17px;
    color: #414248;
    font-weight: bold;
    /* line-height: 12px; */
    top: -5px;
    position: relative;
}

ul.wpp-list.wpp-list-with-thumbnails li {
    line-height: 22px;
    margin-bottom: 25px;
}


/*div#text-3 {

    background: #f8f8f8;

    padding: 0px 25px 25px 25px;

    margin-bottom: 0px;

}*/

ul.sidebar-social li {
    list-style: none;
    display: inline-table;
    margin-right: 4px;
}

.sidebar-social {
    margin-left: 0;
}

aside.l-sidebar.at_right.us_widget_area_blog_sidebar {
    width: 27%;
}

span.wpp-meta.post-stats .fa-calendar:before {
    content: url(../images/calender-icon.png);
}

.wpp-list.wpp-list-with-thumbnails .wpp-thumbnail {
    margin-right: 15px;
}

.wpp-list.wpp-list-with-thumbnails .wpp-date {
    color: #73982c;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    top: -4px;
    position: relative;
    padding-left: 5px;
}

.wpp-list.wpp-list-with-thumbnails span.wpp-date i {
    top: 3px;
    position: relative;
    /* right: 10px; */
    left: -4px;
}

.widget.widget_categories li.cat-item a {
    float: left;
}

.widget.widget_categories li.cat-item {
    text-align: right;
    margin-bottom: 20px;
}

.widget.widget_categories li.cat-item a:hover {
    color: #73982c;
}

.inner-blog .g-pagination {
    clear: both;
}

.inner-blog .pagination .page-numbers {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #afafaf !important;
    font-size: 17px;
}

.inner-blog .page-numbers.current {
    background: #73982c !important;
    color: #fff !important;
}

.inner-blog .pagination .w-btn.color_primary.style_outlined:before {
    background-color: #fdfdfd;
}

.inner-blog .pagination .page-numbers {
    -webkit-box-shadow: 2px 2px 10px 0px rgb(222, 222, 222);
    -moz-box-shadow: 2px 2px 10px 0px rgb(222, 222, 222);
    box-shadow: 2px 2px 10px 0px rgb(222, 222, 222);
}

.pagination .page-numbers.next:after {
    font-size: 16px;
    content: '\f101' !important;
    color: #afafaf;
}

.pagination .page-numbers.prev:after {
    font-size: 16px;
    content: '\f100' !important;
    color: #afafaf;
}

.no-touch .w-toplink.active:hover,
.no-touch .pagination .page-numbers:before,
.l-main .widget_nav_menu .menu-item.current-menu-item>a,
.rsThumb.rsNavSelected {
    background: #f1f1f1 !important;
}

.no-touch .pagination .page-numbers:hover {
    color: #afafaf !important;
    /* border: none; */
    border-color: #e2e2e2;
}

.inner-blog .w-blog-list .w-blog-post-title {
    margin-bottom: 8px;
}

.inner-blog .l-section-h.i-cf {
    margin-bottom: 0px;
    padding-bottom: 50px;
}

.inner-blog .blog-date-time span {
    font-weight: 600;
}

.inner-blog .w-btn.style_outlined:after {
    border: none !important;
}

.inner-blog .w-blog-list .w-blog-post-title {
    margin-bottom: 0px !important;
}

.single.single-post section.l-section.for_author {
    display: none;
}

.single.single-post .l-section.for_blognav {
    display: none;
}

.single.single-post section.l-section.for_comments {
    display: none;
}

.page-id-4467 .footer-cta-row,
.page-id-4467 .sticky-btn-row {
    background: #f7f7f7 none repeat scroll 0 0;
}

.blog-dt span {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.blog-dt i {
    position: relative;
    top: 6px;
}

.blog-dt .fa-calendar:before {
    content: url(../images/white-calender.png);
    top: 14px;
    margin-right: 6px;
}

.custom-blog p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #5c5858;
}

.quote {
    background: #f3f3f3;
    padding: 40px 20px;
    position: relative;
}

.quote:before {
    background-image: url(../images/quote.png);
    content: "";
    width: 63px;
    height: 45px;
    position: absolute;
    top: 26px;
}

.w-post-cat {
    display: inline-table;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 2px 19px;
    margin: 16px 7px 0px 7px;
}

.for_blogpost span.author-img img {
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 10px 0px rgb(206, 206, 206);
    -moz-box-shadow: 2px 2px 10px 0px rgb(206, 206, 206);
    box-shadow: 2px 2px 10px 0px rgb(206, 206, 206);
}

.custom-blog .l-section-h.i-cf {
    padding-top: 10px !important;
}

.for_blogpost .author-name {
    font-size: 18px;
    color: #413f3f;
    padding-left: 15px;
    position: relative;
    top: -22px;
    font-weight: 400;
}

.inner-blog .w-blog-post-content {
    font-weight: 400;
    color: #706e6e;
}

.full-width-section {
    background: #f3f3f3;
}

.full-width-section article.w-blog-post.post {
    padding: 0 1.8rem;
}

.full-width-section h3 {
    font-size: 38px;
    text-align: center;
    font-weight: bold;
}

.full-width-section .blog-date-time {
    position: absolute;
    top: 16px;
    background: #fff;
    color: #3c3b3b;
    padding: 8px 10px 10px 10px;
    left: 16px;
    text-align: center;
}

.full-width-section .w-blog-post-meta-date-day {
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: solid 2px;
    display: grid;
    padding-bottom: 6px;
    font-weight: 600;
}

.full-width-section span.w-blog-post-meta-date-month {
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    position: relative;
    top: 5px;
}

.full-width-section h2.w-blog-post-title {
    font-size: 24px;
    color: #414248;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 0px !important;
}

.full-width-section .w-blog-post-content {
    font-weight: 400;
    color: #706e6e;
}

.full-width-section a.w-blog-post-more.w-btn.color_light.style_outlined {
    color: #fff !important;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    margin-top: 12px;
    height: 48px;
    line-height: 49px;
    font-weight: bold;
    padding: 0px 26px;
}

.full-width-section .w-btn.style_outlined:after {
    border: none;
}

.full-width-section h2.w-blog-post-title a:hover {
    color: #73982c !important;
}

.single.single-post .footer-cta-row {
    background: #f3f3f3;
    margin-top: -1px;
}

.banner-row .l-section-img.loaded {
    opacity: 1;
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
}


/*-----------search-------------*/

.search-results .w-blog-post-preview img {
    width: 406px;
    height: 309px;
    object-fit: cover;
}

.search-results a.entry-title {
    font-size: 24px;
    color: #414248;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.search-results .w-blog-post-content {
    font-weight: 400;
    color: #706e6e;
}

.search-results a.w-blog-post-more.w-btn {
    color: #fff !important;
    background: -webkit-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -o-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: -moz-linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    margin-top: 12px;
    height: 48px;
    line-height: 49px;
    font-weight: bold;
    padding: 0px 26px;
}

.search-results .w-btn.style_outlined:after {
    border: 0px;
}

.search-results .blog-date-time {
    position: absolute;
    top: 16px;
    background: #fff;
    color: #3c3b3b;
    padding: 10px 10px 0px;
    left: 16px;
    text-align: center;
}

.search-results .blog-date-time span.date {
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: solid 2px;
    display: grid;
    padding-bottom: 9px;
    font-weight: 600;
}

.search-results .blog-date-time span.month {
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
}

.full-width-section .w-blog-post-content p {
    margin-bottom: 0px;
}

.full-width-section .the_champ_sharing_container.the_champ_horizontal_sharing {
    display: none;
}

.single.single-post .the_champ_sharing_container.the_champ_horizontal_sharing {
    width: 100%;
    background: #7f983b;
    margin-bottom: 60px;
}

.single.single-post .the_champ_sharing_title {
    float: left;
    font-weight: 100 !important;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
}

.single.single-post ul.the_champ_sharing_ul {
    float: right;
}

.single.single-post ul.the_champ_sharing_ul li i {
    background-color: transparent;
    font-size: 10px;
    width: 29px !important;
    height: 35px !important;
}

.single.single-post .the_champ_sharing_title {
    float: left;
    font-weight: 100 !important;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 15px 25px;
    line-height: 20px;
}

.single.single-post .theChampSharing {
    display: block;
    cursor: pointer;
    margin: 6px 0px;
}

.single.single-post .theChampFacebookSvg {
    background-size: 31px;
}

.single.single-post .theChampTwitterSvg {
    background-size: 28px;
}

.single.single-post .theChampLinkedinSvg {
    background-size: 28px;
}

.single.single-post .theChampInstagramSvg {
    background-size: 26px;
}

.single.single-post ul.the_champ_sharing_ul {
    float: right;
    margin-right: 15px !important;
}

.custom-blog .l-section-h.i-cf {
    padding-bottom: 35px;
}

#blog-text h2,
#blog-text h1 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.blog-dt span {
    text-shadow: none;
}

.blog-dt {
    margin-top: 10px;
}

.blog-text h2,
.blog-text h1,
.blog-text h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}


/*********************** 09-11-2017 css start ****************/

.inputcolor.typeahead.ui-autocomplete-input {
    background: #fff none repeat scroll 0 0;
    color: #494a4f;
    font-size: 16px;
    height: 61px;
    padding-left: 60px;
    width: 326px;
    border-radius: 5px
}

.post_suburb {
    display: table;
    margin: 0 auto;
    position: relative;
    width: auto;
    top: 45px;
    clear: both;
}

.post_suburb::before,
.post_suburb label {
    background-image: url(../images/map-marker.png);
    content: "";
    height: 29px;
    left: 20px;
    position: absolute;
    top: 17px;
    width: 18px;
}

.post_suburb>button {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 6px;
    padding: 17px 55px;
    position: relative;
    text-transform: uppercase;
}

.post_suburb>button::after {
    background-image: url("../images/submit-arroww.png");
    background-repeat: no-repeat;
    content: "";
    height: 90px;
    left: 193px;
    position: absolute;
    top: 0;
    width: 266px;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: #eee none repeat scroll 0 0;
    padding: 5px 5px 5px;
    max-height: 250px;
    overflow-y: scroll;
    /* max-width: 325px!important;*/
    z-index: 9;
    cursor: pointer;
    list-style: none;
}

.ui-menu-item {
    list-style: none;
}

.ui-menu-item-wrapper {
    padding: 10px;
}

input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 2px #7fa33d !important;
}


/*-----------11-11-2017  -Start---------------*/

#errormessage {
    display: block;
    color: #fff;
    text-align: center;
}


/*-----------11-11-2017  -End---------------*/


/*-----------14-11-2017  -Start---------------*/

.logo-car-row .w-logos-item img {
    filter: contrast(1.15);
}


/*-----------POP UP---------------*/

h4.modal-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #414248;
    padding-top: 0px;
    margin-bottom: 15px;
    display:none;
}

.modalprogressbar {
    padding: 0px 45px;
}

.desktopview {
    margin: 0;
}

.main-wrapper button.close {
    /* border: none !important;

    border-radius: inherit;

    background-color: inherit !important;*/
}

button.close span {
    position: relative;
}

.main-wrapper .close:hover {
    opacity: 1;
}

.progress-bar.active {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.desktopview li {
    color: #fff;
    display: inline-table;
    font-weight: bold;
    font-size: 16px;
    width: 37%;
    letter-spacing: 0px;
}

.desktopview li:last-child {
    width: auto;
    float: right;
}

.desktopview li span {
    width: 32px;
    height: 32px;
    background: #fff;
    display: inline-table;
    color: #74992f;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 9px;
}

.barmain {
    background: #74992f;
    margin: 0px -15px;
    padding: 15px 0px;
}

.banner-col .progress,
#page_layout_view .progress {
    height: 6px;
    background-color: #99bb59;
    border-radius: 10px;
    margin: 13px 45px 0px;
    box-shadow: none;
    clear: both;
}

.main-wrapper .modal-header {
    border-bottom: none;
}

.desktopview.mobileview {
    display: none;
}

.modalprogressbar ol {
    margin-left: 0px;
}

.question {
    font-size: 20px;
    color: #414248;
    text-align: center;
    font-weight: 600;
    padding-top: 0px;
    margin-bottom: 20px;
    letter-spacing: 0px;
}

.life_support_text {
    width: 100%;
    max-width: 840px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    margin-bottom: 15px !important;
    padding: 10px 20px;
    color: #4d4d4f;
    font-weight: 400;
    line-height: 23px;
}

.life_support_energy_check {
    width: 100%;
    margin-top: 15px;
}

.quotmain {
    clear: both;
    text-align: center;
    padding: 57px 80px 42px;
    margin-left: 00px;
    display:none;
}

.quotmain span {
    font-size: 18px;
    color: #767171;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    clear: both;
    position: relative;
    line-height: 33px;
}

.quotmain span::before {
    content: "";
    position: absolute;
    left: -9px;
    background-image: url(../images/quotes.png);
    width: 49px;
    height: 32px;
    font-family: fontAwesome;
    background-repeat: no-repeat;
    top: -12px;
}

span.quest {
    color: #7f983b;
}

button.close {
    background-color: #7f983b !important;
    opacity: inherit;
    color: #fff;
    height: 41px;
    width: 41px;
    border: 3px solid #fff !important;
    border-radius: 20px;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 999;
}

button.close:before {
    font-family: fontawesome;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
    display: block;
    content: '\f00d';
    line-height: 33px;
}

button.close span {
    display: none
}

.modal-header .close {
    margin: -35px -30px !important;
}

.modal-dialog {
    width: 1010px !important;
    margin: 160px auto !important;
    border-radius: 6px;
    max-width: 100%;
}

.modal-content {
    background-color: #eeeeee !important;
}

.vc_col-sm-4.option-box {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    margin-left: 19px;
    margin-right: 19px;
    width: 218px;
    background: #fff;
    min-height: 197px;
    float: left;
    display:block;
}

.option-box:hover {
    background-color: #f3f3f3;
}

.sec-img-holder {
    text-align: center;
    padding-top: 45px;
    display: block;
}

span.rdl-label {
    text-align: center;
    display: block;
    color: #3c3b3b;
    font-size: 20px;
    font-weight: 600;
    padding: 14px 0px 0px;
    font-style: normal;
}

.sec-img-holder input[type="radio"] {
    display: none;
}

.section-row {
    margin: auto;
    display: table;
}

.mannual-usage-wrap {
    margin: 0 auto;
    width: 70%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
}

.mannual-usage-wrap .new-structure {
    width: 100%;
    padding: 15px 21px;
}
.mannual-usage-wrap input.rdl_input {
    width: 190px !important;
    padding-left: 10px !important;
    padding-right: 55px !important;
}

button#prevclick {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
}

button#nextclick {
    position: absolute;
    right: -7%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
}

blockquote.quotes {
    font-size: 18px;
    color: #767171;
    font-weight: 400;
    font-style: normal;
    padding: 60px 170px 60px;
    text-align: center;
    clear: both;
}

blockquote.quotes:before {
    display: none;
    content: '';
    position: absolute;
    content: '';
    background: url(../images/quotes.png)no-repeat;
    width: 48px;
    height: 32px;
    left: 202px;
    top: 424px;
}

input[type=checkbox],
input[type=radio] {
    line-height: normal;
    position: absolute;
    left: 0;
    width: 100%;
    /*background-color: #000;*/
    box-shadow: 0px 0px 0px #000 !important;
}

.section-row input[type="radio"] {
    display: none;
}

.vc_col-sm-6.option-buttons {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    margin: 0px 9px 15px 9px;
    width: 126px;
    background: #fff;
    min-height: 54px;
    float: left;
}

input[type="radio"] {
    display: none;
}
.providerlistcls-main,
.lifesupportlistcls-main {
    width: 100%;
    min-width: 500px;
    margin: 0px auto;
    max-width: 500px;
    position: relative;
}
/*.providerlistcls-main,
.lifesupportlistcls-main {
    width: 32%;
    margin: 30px auto;
    display: table;
    position: relative;
    margin-bottom: 0px;
}
*/
.providerlistcls {
    padding: 0 0.8rem;
    width: 100%;
    height: 54px;
    border-radius: inherit;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    transition: all 0.3s;
    margin: auto;
    display: block;
    background-color: #fff;
    font-size: 16px;
    color: #939292;
    letter-spacing: 0.5px;
}

span.validationerror {
    float: left;
    font-weight: 600;
    display: inline-block;
    opacity: 1;
    top: 109%;
    background-color: #769b31;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    margin: 0px 0 0px;
    padding: 7px;
    position: absolute;
    left: 0;
    z-index: 99;
}

span.validationerror:before {
    top: -15px;
    color: #769b31;
    position: absolute;
    content: "\f0de";
    font-family: 'fontawesome';
    left: 10%;
    right: 0px;
    margin: 0 auto;
    font-size: 44px;
    line-height: normal;
}

.formpage.customerform.activediv {
    text-align: center;
    padding: 20px 90px 0;
}

.formfield {
    /* padding-bottom: 20px;*/
    margin-bottom: 20px
}

.formtitle {
    color: #414248;
    font-size: 27px !important;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.formpage .formfield input {
    height: 54px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    border: none;
    font-size: 15.5px;
    border-radius: 0px;
    letter-spacing: 0.5px;
    background: #fff !important;
}

#submitcustomer_detail,
#gassubmitcustomer_detail,
#comsubmitcustomer_detail {
    background-color: #91b555;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: table-caption;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 30px auto;
    padding: 10px 30px;
}

label {
    display: inline !important;
}

.electricityusagebilltype.option-box {
    min-height: 295px;
    max-width: 227px !important;
    width: 100%;
}

.electricityusagebilltype span {
    font-size: 20px;
    font-weight: 500;
    padding: 14px 11px;
    text-transform: uppercase;
    display: block;
    color: #7f983b;
    /*text-shadow: 0.5px 0px #7f983b;*/
    letter-spacing: 1px;
    position: relative;
}

.electricityusagebilltype span::after {
    position: absolute;
    content: "\f0d7";
    font-family: 'fontawesome';
    right: 14px;
    color: #7f983b;
    font-size: 22px;
    top: 11px;
    display: none;
}

.terms-conditions p {
    padding: 12px;
    margin-bottom: -41px;
    text-align: center;
}

div#bill_level_main {
    padding-top: 18px;
}

.custmtitle::before,
.custmtitle label.iconcustom {
    /*  background-image: url(../images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px; z-index: 9;*/
}

.formpage .formfield.custmtitle input {
    padding-left: 40px;
}

.custmfname::before,
.custmfname label.iconcustom {
    /*  background-image: url(../images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px;*/
}

.formpage .formfield.custmfname input {
    padding-left: 40px;
}

.custmlastname::before,
.custmlastname label.iconcustom {
    /*  background-image: url(../images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px;*/
}

.formpage .formfield.custmlastname input {
    padding-left: 40px;
}

.formpage .formfield.originaccountnumber input {
    padding-left: 40px;
}

.custmemail::before,
.custmemail label.iconcustom {
    /*  background-image: url(../images/email.png);

    content: "";

    height: 14px;

    left: 26px;

    position: absolute;

    top: 20px;

    width: 20px;*/
}

.formpage .formfield.custmemail input {
    padding-left: 40px;
}

.custmphone::before,
.custmphone label.iconcustom {
    /*  background-image: url(../images/phone.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 10px;*/
}

.formpage .formfield.custmphone input {
    padding-left: 40px;
}

.custmaddress::before,
.custmaddress label.iconcustom {
    /*  background-image: url(../images/address.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 18px;*/
}

.formpage .formfield.custmaddress input {
    padding-left: 38px;
}

.movedatelbl {
    color: #414248;
    float: left;
    font-size: 18px;
    font-weight: 500;
}

.movedatefld input {
    background-color: #fff;
    width: 206px;
    height: 49px;
    /*padding-left: 40px;*/
    color: #141414;
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26) !important;
}

.movedatefld {
    float: left;
    padding-top: 30px;
    padding-left: 13px;
    position: relative;
}

.movedatefld::before,
.movedatefld label.iconcustom {
    /*  background-image: url(../images/calender.png);

    content: "";

    height: 22px;

    left: 25px;

    position: absolute;

    top: 23px;

    width: 20px;*/
}

#gas-move-in-section .movedatefld::before,
#gas-move-in-section .movedatefld label.iconcustom {
    left: 25px;
    top: 42px;
}

.gas_usage_input {
    background-color: #fff;
    border-radius: 0 !important;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26) !important;
    font-size: 15px;
    height: 49px !important;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    width: 210px !important;
}

.move-date-section .movedatelbl {
    padding-top: 21px;
    font-weight: 600;
    font-size: 18px;
    color: #414248;
}

.move-date-section .movedatefld {
    padding-top: 0px;
    padding-left: 13px;
    margin-top: 10px;
}

.startbilldate {
    float: left;
    /*padding-right: 80px;*/
}

.startbilldate input {
    background-color: #fff;
    width: 100%;
    height: 49px;
    padding-left: 50px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #080808;
    text-transform: capitalize;
    border-radius: 0;
}

.startbilldate::before,
.startbilldate label.iconcustom {
    /*
    background-image: url(../images/calender.png);

    content: "";

    height: 22px;

    left: 30px;

    position: absolute;

    top: 14px;

    width: 20px;*/
}

.startenddate {
    float: left;
}

.startenddate input {
    background-color: #fff;
    width: 100%;
    height: 49px;
    padding-left: 50px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    opacity: 1;
    font-size: 15px;
    color: #080808;
    font-weight: 400;
    text-transform: capitalize;
}

.startenddate::before,
.startenddate label.iconcustom {
    /*    background-image: url(../images/calender.png);

    content: "";

    height: 22px;

    left: 30px;

    position: absolute;

    top: 14px;

    width: 20px;*/
}

.startdatebill {
    margin: auto;
    display: table;
    padding-bottom: 70px;
}

.vc_col-sm-4.custmusagemeter {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    margin: 0px 35px 0px 0px;
    width: 233px;
    background: #fff;
    text-align: left;
    min-height: 100px;
    float: left;
}

.peakfiledslabel,
#comcontrol_load_two span {
    font-size: 16px;
    color: #3c3f44;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

#comcontrol_load_two {
    width: 100%;
    float: left;
}

.formpage input.rdl_input {
    background-color: #fff;
    width: 206px;
    height: 49px;
    padding-left: 12px;
    border-radius: 0;
}

span.green-label {
    font-size: 14px;
    color: #7f983b;
    font-weight: 500;
    padding: 10px 24px 6px 10px;
    display: block;
}

.peakfieldsmain {
    padding-top: 50px;
}


/*-----16 aug 2017----------*/

#peakandoffpeaktype,
#compeakandoffpeaktype,
#peaktype {
    clear: both;
    float: right;
    padding-top: 24px;
    width: 540px;
}

#control_load_two {
    width: 66%;
    padding-top: 15px;
}

#control_load_two span {
    font-size: 16px;
    color: #414248;
    font-weight: 600;
    margin-bottom: 6px;
    display: inline-block;
}

.vc_col-sm-4.peakfirst,
.peakfieldfirst {
    float: left;
    width: 49%;
    margin-bottom: 24px;
    position: relative;
    padding-right: 5px;
}

.vc_col-sm-4.controlloadfirst {
    float: left;
    margin-left: 5px;
    position: relative;
    width: auto;
}

#winter_only_fields .vc_col-sm-4.controlloadfirst {
    width: 50%;
    margin-left: 0;
    padding-right: 5px;
}

#solar_consumed_double {
    display: block !important;
    width: 50%;
    clear: both;
}

#timeofuse,
#comtimeofuse {
    clear: both;
    float: right;
    padding-top: 24px;
    max-width: 540px;
}

.vc_col-sm-4.timeofusepeakus {
    float: left;
    margin-bottom: 24px;
    position: relative;
    width: 49%;
}

.vc_col-sm-4.timeofuseoffpeak {
    margin-left: 10px;
    float: left;
    width: 49%;
    margin-bottom: 24px;
}

.vc_col-sm-4.timeofusepeakshoulder {
    float: left;
    margin-bottom: 0px;
    width: 49%;
    position: relative;
}

#solar_consumed_timeofuse {
    display: block !important;
    width: 49%;
    float: left;
    margin-bottom: 24px;
    margin-left: 10px;
}

#control_load_fields_timeofuse,
#control_load_field_double,
#control_load_field_winter,
#control_load_field_summer {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 24px;
    margin-left: 0px;
}


/*-----16 aug 2017----------*/


/*-----20 aug 2017----------*/

.option-box ul li.billpeople::before {
    content: '\f183';
    height: 18px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 16px;
    font-family: fontawesome;
    color: #747474;
}

.option-box ul li.billpeople::after {
    content: '\f182';
    height: 18px;
    left: 22px;
    position: absolute;
    top: 0;
    width: 16px;
    font-family: fontawesome;
    color: #747474;
}

.option-box ul li.billpeople {
    display: block;
    list-style: outside none none;
    margin-bottom: 10px;
    position: relative;
}

.electricityusagebilltype>ul {
    margin-left: 2.5rem !important;
}

.electricityusagebilltype ul li {
    font-size: 14.1px;
    font-weight: normal;
    letter-spacing: 0.3px;
    color: #414248;
    padding-left: 39px;
    padding-right: 7px;
    margin-bottom: 7px;
}

.option-box ul li.billpeoplebedrooms::before {
    content: '\f236';
    height: 18px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 16px;
    font-family: fontawesome;
    color: #747474;
}

.option-box ul li.billpeoplebedrooms {
    position: relative;
    list-style: none;
}

.option-box ul li.billpeopleaccessiors::before {
    content: '\f0e7';
    height: 18px;
    left: 19px;
    position: absolute;
    top: 0;
    width: 16px;
    font-family: fontawesome;
    color: #747474;
}

.option-box ul li.billpeopleaccessiorsgas.billpeopleaccessiors::before {
    content: '\f06d';
}

.option-box ul li.billpeopleaccessiors {
    position: relative;
    list-style: none;
}

.option-box ul li.billpeoplework::before {
    content: '\f015';
    height: 18px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 16px;
    font-family: fontawesome;
    color: #747474;
}

.option-box ul li.billpeoplework {
    position: relative;
    list-style: none;
}

.startdatebill {
    padding-bottom: 0px !important;
    margin: 30px auto;
}

.section-row ul li {
    list-style: none;
    display: inline-table;
}

/* .main-wrapper {
    /* z-index: 9999; */
} */

.section-row ul {
    margin-left: 0;
}

.main-wrapper {
    padding-right: 0px !important;
}

#ui-datepicker-div .ui-datepicker-title {
    color: #fff;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
    border-bottom: none;
    font-size: 14px;
    padding: 5px;
}

#ui-datepicker-div.ui-datepicker {
    height: auto;
    width: 237px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    background-color: #74992f;
    border-radius: 10px;
    padding: 4px 5px;
}

#ui-datepicker-div.ui-datepicker th {
    opacity: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

#ui-datepicker-div.ui-datepicker td span {
    color: #212b04;
}

#ui-datepicker-div.ui-datepicker td a {
    color: #fff;
}

#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {
    font-size: 12px;
    width: 27px;
    height: 22px;
    line-height: 22px;
}

.ui-datepicker-calendar tr {
    line-height: 12px;
    border: 0
}

#ui-datepicker-div .ui-datepicker-next::before {
    font-family: fontawesome;
    content: "\f101";
    color: #fff;
    font-size: 13px;
}

#ui-datepicker-div .ui-datepicker-prev::before {
    font-family: fontawesome;
    content: "\f100";
    color: #fff;
    font-size: 13px;
}

.currentactivebackground {
    background-color: #74992f !important;
}

.currentactivebackground span.rdl-label {
    color: #fff;
}

#ui-datepicker-div.ui-datepicker td a:hover {
    background: #577a15;
    text-decoration: none;
}

#ui-datepicker-div.ui-datepicker td a:active {
    background: #577a15;
}

#ui-datepicker-div .ui-datepicker-header {
    box-shadow: none;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    background-color: #577a15;
    color: #fff !important;
}

#ui-datepicker-div::before {
    color: #769b31;
    position: absolute;
    content: "\f0de";
    font-family: 'fontawesome';
    left: 0px;
    right: 189px;
    margin: 0 auto;
    font-size: 19px;
    line-height: normal;
    /*bottom: -2px;*/
    top: -33px;
    transform: rotate(-90deg);
    z-index: -1;
    content: "\f04b";
    display: none;
}

.spacecls {
    margin: 30px auto 0px;
}

span.green-label::before {
    /*content: "\f059";*/
    position: absolute;
    right: 10px;
    font-family: fontAwesome;
    font-size: 19px;
    color: #414248;
    top: 5px;
}


.single-rate {
    font-size: 12px;
    padding: 0px 10px;
    margin: 0;
    color: #414248;
    font-weight: 300;
    line-height: 16px;
    text-shadow: 0.5px 0px #414248;
    text-align: center;
        margin-top: 5px;
}


/*------------22-nov-2017------------*/

select#provider_list,
select#com_elec_provider_list,
select#com_gas_provider_list {
    -webkit-appearance: none;
    background-image: url(../images/caret-icon.png);
    background-position: 96% 51%;
    cursor: pointer;
    -moz-appearance: none;
    background-repeat: no-repeat;
}

select#com_gas_provider_list::-ms-expand {
    display: none;
}

select#com_elec_provider_list::-ms-expand {
    display: none;
}

select#provider_list::-ms-expand {
    display: none;
}


/*

.peakfieldfirst {

    width: 34%;

    float: left;

}

.peakfieldssecond {

    width: 66%;

    float: left;

}*/

.peakfieldsmain {
    width: 100%;
    padding-left: 38px;
    padding-top: 24px;
}

.new-structure2 .peakfieldsmain {
    padding-left: 0px;
}

#peaktype {
    width: 560px;
    float: left;
    padding-left: 38px;
    padding-top: 24px;
}

span.peakwh {
    font-size: 14px !important;
    font-weight: normal !important;
    padding-top: 11px;
    display: inline-block;
    padding-left: 3px;
    color: #807b7b !important;
}


#peaktype input.rdl_input {
    height: 42px;
    border-radius: 0;
    padding-left: 12px;
    font-weight: normal;
    color: #807b7b;
    font-size: 14px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
}



#peakandoffpeaktype input.rdl_input,
#timeofuse input.rdl_input,
.peaksummer-main input.rdl_input {
    border-radius: 0;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    -moz-box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    -webkit-box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    color: #807b7b;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
}

span.controlloadtwodiv,
.load_usage_double-wrap>span {
    color: #3c3f44;
    font-weight: bold;
    font-size: 12.87px;
    text-shadow: 0px 0px #3c3f44;
    padding-left: 21px;
}

.load_usage_double-wrap {
    position: relative;
    margin-top: 10px;
    width: 100%;
    float: left;
}

.load_usage_double-wrap input {
    width: auto;
}


/************* check box css **************/

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: solid 1px #74992f;
    margin-top: 2px;
}

.styled-checkbox:hover+label:before {
    background: #fff;
}

.styled-checkbox:focus+label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+label:before {
    background: #fff;
}

.styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: #74992f;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #74992f, 4px 0 0 #74992f, 4px -2px 0 #74992f, 4px -4px 0 #74992f, 4px -6px 0 #74992f, 4px -8px 0 #74992f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#timeofuse .load_usage_double-wrap {
    margin-bottom: 20px;
    margin-top: 0px;
}


/*----------23-nov-17----------*/

#control_load_two_timeofuse {
    margin-left: 16px;
}

#create-update-customer select,
#gas_cm_title,
select.custom-select,
select.custom-select-1 {
    -moz-appearance: none !important;
    background-image: url(../images/caret-icon.png) !important;
    background-position: 98% 51%;
    background-repeat: no-repeat;
    border: medium none;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    color: #414248;
    cursor: pointer;
    height: 54px !important;
    padding-left: 35px;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 0px;
    font-size: 15.5px;
    letter-spacing: 0.5px;
}
select.display_connection_address{
    color: #808187;
    padding-left: 8px; 
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #create-update-customer select,
    #gas_cm_title,
    select.custom-select,
    select.custom-select-1 {
        background-image: none !important;
    }
}

select.custom-select-1 {
    padding-left: 10px
}

.electricityusagebilltype ul {
    margin-left: 0px !important;
    margin-right: 0px;
}

.electricityusagebilltype.currentactivebackground span,
.electricityusagebilltype.currentactivebackground ul li,
.electricityusagebilltype.currentactivebackground.option-box ul li.billpeople::before,
.electricityusagebilltype.currentactivebackground.option-box ul li.billpeoplebedrooms::before,
.electricityusagebilltype.currentactivebackground.option-box ul li.billpeopleaccessiors::before,
.electricityusagebilltype.currentactivebackground.option-box ul li.billpeoplework::before {
    color: #fff;
}

.electricityusagebilltype.currentactivebackground span::after {
    content: "\f0d8";
    color: #fff;
}

.custmusagemeter.currentactivebackground span.green-label,
.custmusagemeter.currentactivebackground .single-rate,
.custmusagemeter.currentactivebackground span.green-label::before {
    color: #fff;
}

.load_usage_double-wrap label {
    color: #414248;
    font-size: 13px;
    margin-top: 5px;
    float: left;
    margin-bottom: 21px;
}



.custmusagemeter.currentactivebackground::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 13px;
    z-index: 1;
    background: url(../images/angle.png)no-repeat;
    width: 17px;
    height: 14px;
}

.errorbillusgefieldempty.validationerror {
    left: 12%;
    top: 103%;
}


/*----------- 25-11-2017 CSS ---------------*/

.power-price {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    float: none;
    padding: 0px;
    width: 100%;
    margin: 0px auto 17px;
    display: table;
    min-height: 261px;
}

.pwrshop {
    float: left;
    padding: 20px 30px 40px;
    width: 21%;
    text-align: center;
}

.prc-sec {
    float: left;
    padding: 27px 30px 28px;
    width: 27%;
    border-left: 1px solid #c8c8c8;
}

.prc-sec1 {
    border-left: 1px solid #c8c8c8;
    float: left;
    padding: 30px 30px 25px;
    width: 52%;
}

#planlistinghtml_gas .prc-sec1 {
    padding: 37px 30px 47px;
}

.power-logo {
    padding: 0px 7px;
}

.elect-btn {
    background: #2e323f none repeat scroll 0 0;
    color: #fff;
    margin: 0px auto 6px;
    display: table;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 500;
    padding: 6px 50px;
    text-transform: capitalize;
}

.current {
    display: block;
    margin: 0px auto 0;
}

.pwrshop h1 {
    color: #74992f;
    font-size: 23px;
    font-weight: bold;
    margin-top: 10px;
}

.pwrshop>p {
    border-bottom: 1px solid #f1f1f1;
    color: #b5b5b5;
    font-weight: bold;
    padding-bottom: 10px;
}

.view-rate {
    color: #00b0d2;
    font-size: 14px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.or-price {
    color: #838383 !important;
    float: left;
    font-size: 16px;
    font-style: normal !important;
    font-weight: bold;
    line-height: 19px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 80%;
}

.or-price::before {
    background: rgba(0, 0, 0, 0) url(../images/phone-icon.png) no-repeat scroll 0 0;
    position: absolute;
    content: '';
    width: 29px;
    height: 32px;
    left: 0px;
    top: -5px;
}

.or-price.or-price-bg::before {
    display: none
}

.prc-sec>p {
    color: #b5b5b5;
    font-weight: bold;
    font-style: italic;
}

.green-price {
    color: #74992f;
}

.prc-sec ul {
    padding-left: 0;
    position: relative;
}

.prc-sec ul li {
    color: #4d4d4f;
    font-weight: 500;
    list-style: outside none none;
    margin-bottom: 9px;
    padding-left: 32px;
}

.ongoing-trm::before {
    background-image: url("../images/ongoing-benefit.png");
    content: "";
    height: 19px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    top: 12px;
    width: 19px;
}

.cont-term::before {
    background-image: url("../images/handshake.png");
    content: "";
    height: 17px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    width: 32px;
}

.exit-fees::before {
    background-image: url("../images/doc.png");
    content: "";
    height: 23px;
    left: 7px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    width: 19px;
}

.smart-meter::before {
    background-image: url("../images/dollar.png");
    content: "";
    height: 22px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    width: 12px;
}

.solor-comp::before {
    background-image: url("../images/sun.png");
    content: "";
    height: 22px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    width: 22px;
}

.apply-btn {
    background: #F1B734;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px 10px 18px;
    position: relative;
    text-shadow: 0px 0px #fff;
    letter-spacing: 0;
    margin: 0 auto;
    display: table;
    position: relative;
    line-height: 19px;
    cursor: pointer;
    width: 140px;
}

.apply-btn::after {
    content: "\f105";
    font-family: "fontawesome";
    position: absolute;
    right: 12px;
    top: 10px;
}

.apply-btn:hover,
.elect-btn:hover {
    /*background: #393738;

  color: #fff;

  text-decoration: none;*/
}

.box-wrapper-head {
    text-align: center;
}

.box-wrapper-head h2 {
    display: inline-block;
    margin-right: 15px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 0px;
}

.box-wrapper-head img {
    display: inline-block;
    margin-right: 20px;
    width: 50px;
}

.imp-notice {
    display: table;
    padding-left: 0;
    color: #1bb2d5;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-decoration: underline;
    margin: 16px auto 0;
}


/*------------*/

.prc-sec h1 {
    color: #4d4d4f;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    position: inherit;
    text-align: center;
    text-shadow: none;
}

p.disc {
    color: #898989;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 27px;
    font-style: normal;
    text-align: center;
}

.prc-sec1 p {
    font-size: 14px;
    color: #4d4d4f;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.5px;
}

#planlistinghtml_gas .prc-sec1 ul {
    margin-top: 0;
}

.prc-sec1 ul {
    float: left;
    margin-top: 20px;
    width: auto;
}

.desc-ul {
    padding-left: 40px;
}

.prc-sec1 ul li {
    color: #4d4d4f;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.1px;
    list-style: outside none none;
    padding-left: 41px;
    position: relative;
}

.prc-sec1 ul .tab-content-view li {
    width: auto;
    float: left;
}

.prc-sec1 ul li p {
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #3c3b3b;
    margin-bottom: 15px;
    text-align: left;
}

.prc-sec1 ul li:first-child:before {
    /*position: absolute;

    content: '';

    background:url(../images/ongoing-benefit.png)no-repeat;

    width: 19px;

    height: 19px;

    left: 6px;

    top: 0px;*/
}

.prc-sec1 ul li:nth-child(2)::before {
    /*  background: rgba(0, 0, 0, 0) url("../images/handshake.png") no-repeat scroll 0 0;

  content: "";

  height: 17px;

  left: 0;

  position: absolute;

  width: 32px;*/
}

.prc-sec1 ul li:nth-child(3)::before {
    /* background: rgba(0, 0, 0, 0) url("../images/sun.png") no-repeat scroll 0 0;

  content: "";

  height: 22px;

  left: 5px;

  position: absolute;

  top: 10px;

  width: 22px;*/
}

.desc-ul li:first-child:before {
    /* position: absolute;

    content: '';

    background: url(../images/doc.png)no-repeat!important;

    width: 19px;

    height: 23px!important;

    left: 0px;*/
}

.desc-ul li:nth-child(2)::before {
    /*background: rgba(0, 0, 0, 0) url("../images/asterisk.png") no-repeat scroll 0 0 !important;

  content: "";

  height: 22px !important;

  left: 5px !important;

  position: absolute;

  top: 0 !important;

  width: 22px;*/
}

.desc-ul .smart-meter p {
    max-width: 215px;
}


/*---------25-nov-2017------------*/

#planlinghtmlpagediv {
    border: solid 1px #d8d8d8;
    float: left;
    width: 100%;
    padding: 35px 30px 5px;
    margin: 35px 0px;
}

#page_layout_view .barmain {
    margin: 0px;
}

#page_layout_view {
    background-color: #eeeeee !important;
}

#page_layout_view .barmain {
    margin: 0px 16px;
}

div#planlistinghtml {
    border: 0;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.loaderMain.active img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
}

.loaderMain.active::after {
    width: 100%;
    z-index: -1;
}

.loaderMain.active::before {
    width: 0%;
}

.loaderMain.active>span {
    display: none;
}

#page_layout_view button#prevclick {
    left: 20px;
    top: 40%;
}

#page_layout_view button#nextclick {
    right: -3.5%;
    top: 40%;
}

.validaprovider.validationerror {
    display: table;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.peakfirst span.validationerror {
    display: table;
    left: 0;
    margin: 0 auto;
    right: 70px;
    top: 85%;
}

#solar_consumed_double span.validationerror {
    display: table;
    left: 0;
    margin: 0 auto;
    right: 50px;
    top: 96%;
}

#terms {
    margin-top: 15px;
    width: 20px !important;
}

.electricitystep7 .terms-conditions {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    margin: 15px 0
}

.terms-conditions input[type="checkbox"]#terms {
    margin-top: 4px;
    left: 15px;
    position: static;
    margin: 0;
}

.loaderMain.active img {
    width: 5%;
}

.applynowforplan {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border: medium none !important;
    border-radius: 5px;
    color: #fff !important;
    display: table;
    font-size: 19px;
    font-weight: bold;
    height: auto;
    line-height: 56px;
    margin-top: 12px;
    padding: 0 25px !important;
    text-transform: uppercase;
    width: auto !important;
}

.sticky-btn-row .l-section-h.i-cf {
    padding: 0px !important;
}


/********** 29-11-2017 *********/

span.orclass {
    float: left;
    width: 10%;
    color: #4d4d4f;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
}

#planlistinghtml .approx-change {
   /* display: inline-block;*/
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    color: #4d4d4f;
}

.tab-title,
.tabgasview,
.tabview {
    padding-left: 0 !important;
}

.green-price p.small-txt {
    color: #74992f;
    font-size: 11px;
    margin-bottom: 0 !important;
    padding: 0 40px;
}

#plandetails .green-price p.small-txt,
#plandetails .price-green1 p.small-txt,
.gas-and-electri .green-price p.small-txt,
#plandetails_gas .green-price p.small-txt,
#plandetails_gas .price-green1 p.small-txt {
    padding: 0 12px;
}

#planlistinghtml_gas .green-price p.small-txt,
#planlistinghtml_gas .price-green1 p.small-txt {
    padding: 0 18px;
}

.gas-and-electri .price-green1 p.small-txt,
.gas-and-electri .green-price p.small-txt {
    padding: 0 18px;
}

.combine-plan-details .green-price p.small-txt,
.combine-plan-details .price-green1 p.small-txt {
    padding: 0 20px !important;
}

.price-green1 p.small-txt {
    color: #3c3b3b;
    font-size: 11px;
    margin-bottom: 0 !important;
    padding: 0 40px;
}

.dollor {
    font-size: 17px !important;
    position: relative;
    top: -5px;
    display: inline-block;
}

.price-green1 {
    color: #3c3b3b;
}

.fielderrormain.validationerror {
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 75%;
    display: table;
}

#page_layout_view header.l-header.pos_static.bg_transparent.shadow_none {
    position: relative;
    background-size: cover !important;
}

#page_layout_view .footer-cta-row .l-section-h.i-cf {
    padding: 51px 48px;
}

.subtitle-center {
    text-align: center;
    font-size: 55px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 70px;
    padding-top: 30px;
}

#gas_provider_list {
    -moz-appearance: none;
    background-image: url("../images/caret-icon.png");
    background-position: 96% 51%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none;
}


/**************** electricity detail page  *********************/

#plandetails .or-price,
#plandetails_gas .or-price,
#plandetails .or-price-main {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    min-height: 300px;
    padding: 54px 11px 19px;
    width: 40%;
}

#plandetails .orclass,
#plandetails_gas .orclass {
    width: 10%;
}

#plandetails .price-green,
#plandetails .price-green.price-green1,
#plandetails_gas .price-green {
    width: 42%;
}

#plandetails .or-price::before {
    left: 25px;
    top: 46px;
}

#plandetails .power-price,
div#plandetails_gas .power-price {
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 0px;
}

.lets-save {
    float: none;
    margin: 0 auto;
    display: table;
}

.power-logo {
    margin-bottom: 15px;
    max-width: 100%;
}

.view-rate {
    color: #1bb2d5;
    display: block;
    font-weight: bold;
    margin-top: 9px !important;
    text-decoration: underline;
}

.elect-btn:hover {
    /*background: #74992f none repeat scroll 0 0;

  color: #fff;

  text-decoration: none;*/
}

.compare-gas {
    border-left: 1px solid #c8c8c8;
    float: left;
    /*   min-height: 297px; */
    padding: 50px 45px 31px;
    text-align: center;
    width: 35%;
}

.electri-titl {
    color: #74992f;
    font-size: 22px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    padding-left: 21px;
}

.electri-titl::before {
    /* background: rgba(0, 0, 0, 0) url("../images/bolt-elec.png") repeat scroll 0 0;*/
    content: "";
    height: 33px;
    left: 0px;
    position: absolute;
    top: -5px;
    width: 33px;
}

.electri-titl.gas::before {
    background: rgba(0, 0, 0, 0) url("../images/gas-icon.png") repeat scroll 0 0;
    content: "";
    height: 27px;
    left: 0px;
    position: absolute;
    top: -5px;
    width: 19px;
}

.electri-desc {
    color: #4d4d4f;
    letter-spacing: 1px;
    font-weight: 400;
}

.electri-comp {
    margin-bottom: 45px;
}

.electri-comp.gas {
    margin-bottom: 0;
}

.price-green {
    float: left;
    position: relative;
    width: 45%;
    padding-left: 10%;
}

.price-green.price-green1 {
    float: left;
    padding-left: 0;
    padding-right: 10%;
    text-align: center;
    width: 45%;
    position: relative;
}

.green-price,
.green-price.green-price1 {
    color: #7f983b;
    font-size: 31px;
    font-weight: 600;
}

.small-txt {
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

.dollor {
    display: inline-block;
    font-size: 17px !important;
    position: relative;
    top: -5px;
}

.price-green::before {
    /* background: rgba(0, 0, 0, 0) url("../images/phone-icon.png") no-repeat scroll 0 0;*/
    content: "";
    height: 32px;
    left: -5px;
    position: absolute;
    top: 6px;
    width: 32px;
}

.price-green.price-green1>span {
    font-size: 31px;
    font-weight: 600;
    position: relative;
}

.price-green.price-green1:before {
    background: none;
}

.price-green.price-green1::after {
    /*background: rgba(0, 0, 0, 0) url("../images/bolt-elec.png") no-repeat scroll 0 0;*/
    content: "";
    height: 32px;
    position: absolute;
    right: -20px;
    top: 20px;
    width: 32px;
}

.faq-tabs {
    float: left;
    padding: 0;
    width: 89%;
    margin: 15px 8% 0 6%;
}

.faq-tabs li {
    color: #4d4d4f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500 !important;
    list-style: outside none none;
    position: relative;
}

.faq-tabs li.tabview {
    text-align: center
}

.faq-tabs li .icon {
    content: url(https://upload.wikimedia.org/wikipedia/commons/0/03/Plus_sign_font_awesome.svg);
    float: right;
    position: relative;
    width: 30px;
}

.faq-tabs p {
    margin: 0 !important;
    padding: 10px 10px 8px 50px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #3c3b3b;
}

.ongoing-trm,
.cont-term,
.solor-comp,
.exit-fees,
.smart-meter {
    margin-bottom: 0;
    position: relative;
}

.price-electri {
    float: left;
    margin-bottom: 10px;
}

.price-gas {
    float: left;
}

.price-gas .price-green.price-green1::after {
    background: rgba(0, 0, 0, 0) url("../images/gas-icon.png") no-repeat scroll 0 0;
}

.plan-apply .applynow-btn.applynowforplanbtn,
.plan-apply .apply-btn.applynowforplanbtn {
    margin: 3px !important;
    float: right;
}

.applynowforplanbtn {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border: medium none !important;
    border-radius: 5px;
    color: #fff !important;
    display: table;
    font-size: 19px;
    font-weight: bold;
    height: auto;
    line-height: 56px;
    margin-top: 12px;
    padding: 0 25px !important;
    text-transform: uppercase;
    width: auto !important;
}

.applynow-btn {
    cursor: pointer;
    line-height: normal;
    margin: 0 auto 15px;
    padding: 10px 18px 10px 19px !important;
    text-shadow: 0 0 #fff;
    font-size: 15px;
    font-weight: normal;
}

.apply-sec {
    float: left;
    padding: 72px 20px;
    width: 16%;
}

.apply-sec p {
    color: #4d4d4f;
    text-align: center;
    font-weight: 500;
}


/**************** cont css **************/

.rate-dtls-cont {
    float: left;
    padding: 30px 30px;
    width: 100%;
    background: #fff;
}

.back-apply {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.back-previous {
    float: left;
    width: 75%;
    cursor: pointer;
}

.plan-apply {
    float: right;
    width: 25%;
}

.plan-apply .applynow-btn.applynowforplan,
.plan-apply .apply-btn.applynowforplan {
    margin: 3px !important;
    float: right;
    background: #F1B734;
}

.view-plan-loader {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 20px auto;
}

.view-plan-loader:before {}

.view-plan-loader::before,
.view-plan-loader::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: transparent;
    border-top-color: #303328;
}

.view-plan-loader:after {
    border: 4px solid #00B0DA;
}

.view-plan-loader::before {
    z-index: 100;
    animation: spin-field-loader 1s infinite;
    -webkit-animation: spin-field-loader 1s infinite;
}

#plandetails #prevclickdfv,
#plandetails_gas #prevclickdfv {
    color: #879f44;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 40px;
    padding-left: 60px;
    position: relative;
}

#plandetails #prevclickdfv::before,
#plandetails_gas #prevclickdfv::before {
    background: #879f44 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "\f060";
    font-family: fontawesome;
    font-size: 16px;
    height: 41px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 41px;
}

.plan-dtl {
    color: #4faed1;
    float: left;
    line-height: 40px;
    text-decoration: underline;
    font-weight: 500;
}


/************ features **********/

.features-powerhouse {
    float: left;
    margin-bottom: 23px;
    width: 100%;
}

.features {
    margin-bottom: 32px;
}

.calculation p,
.rate-sec p {
    font-size: 16px !important;
    color: #6e6b6b;
    font-weight: normal;
}

.feature-titl,
p.feature-titl {
    font-size: 30px !important;
    font-weight: normal;
    margin-bottom: 15px;
}

.features strong {
    color: #81993d;
    font-size: 19px;
    font-weight: 500;
}

.why-power p.power-titl {
    color: #81993d !important;
    font-size: 19px !important;
    font-weight: 500 !important;
}

.features p,
.why-power p,
.why-power p span {
    color: #6e6b6b;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.features ul li{
    color: #3c3b3b;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.why-power p,
.why-power p span {
    color: #6e6b6b !important;
    font-size: 16px !important;
}

.power-titl {
    color: #879f44;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 23px;
}

.why-power>ul {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 40px;
}

.why-power li {
    color: #6e6b6b;
    font-size: 16px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding-left: 27px;
    position: relative;
    font-weight: 500;
}

.why-power li::before {
    color: #7f983b;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
}


/************** Plan details *************/

.plan-details {
    float: left;
    width: 100%;
}

.rate-sec {
    border: 3px solid #e1e1e1;
    padding: 30px 20px 0px;
    margin: 10px 0
}

.rate-dtl-titl,
p.rate-dtl-titl {
    font-size: 30px !important;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 27px;
}

.calcu-dtl,
p.calcu-dtl {
    font-size: 30px !important;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.rate-sec table {
    background: #eaffc6 none repeat scroll 0 0;
    margin-bottom: 20px;
    width: 100%;
}

.rate-sec th {
    background: url(https://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;
}

.rate-sec th:after {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .08));
    content: '';
    display: block;
    height: 25%;
    left: 0;
    margin: 1px 0 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}

.rate-sec th:first-child {
    border-left: 2px solid #777;
    box-shadow: inset 1px 1px 0 #999;
}

.rate-sec th:last-child {
    box-shadow: inset -1px 1px 0 #999;
}

.rate-sec td {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
    font-size: 18px;
    line-height: 33px;
}

.rate-sec td p {
    font-size: 18px !important;
    line-height: 33px;
    color: #333;
    /* font-weight: 300 */
}

.rate-sec td strong {
    font-size: 19px;
    font-weight: 500
}

.rate-sec td:first-child {
    box-shadow: inset 1px 0 0 #fff;
}

.rate-sec td:last-child {
    border-right: 2px solid #fff;
}

.rate-sec tr {
    background: #eaffc6 none repeat scroll 0 0;
}

.clr-diff {
    background: #f7ffea !important;
}

#page_layout_view .footer-cta-row.api-page-none.query-none {
    background: #eee;
}

.rate-dtl-titl.discount {
    margin-top: 28px;
}

.calculation {
    margin-top: 35px;
    padding-left: 0px;
    font-size: 16px;
    color: #6e6b6b;
    font-weight: normal;
}

.calculation:last-child {
    padding-bottom: 25px;
}

.calculation .applynow-btn {
    float: left;
    margin-top: 20px;
}

.selecterp .fielderrormain.validationerror {
    top: 36%;
    left: 10%;
}

.licencenumber span.fielderrormain.validationerror,
.cardmiddlename span.fielderrormain.validationerror {
    top: 52%;
    left: 10%;
}

.expiraydate span.fielderrormain.validationerror {
    top: 67%;
    left: 10%;
}

.passportnumber span.fielderrormain.validationerror {
    top: 44%;
    left: 10%;
}

.medicarenumber span.fielderrormain.validationerror {
    top: 28%;
    left: 10%;
}

.referencenumber span.fielderrormain.validationerror {
    top: 40%;
    left: 10%;
}

.expiraydate.questionoptionTextField span.fielderrormain.validationerror {
    top: 63%;
}

.identitytype span.fielderrormain.validationerror {
    top: 25%;
    left: 10%;
}

.plan-details .nav.nav li.active a {
    background: #5a5c57;
    color: #fff;
    border-color: #5a5c57 !important;
    font-weight: bold;
    border-radius: 0;
}

.plan-details .nav-tabs>li {
    margin-bottom: 2px;
    transition: background 0.2s;
    width: auto;
    height: 45px;
    position: relative;
    margin-right: 10px;
    text-align: center;
    position: relative;
}

.plan-details .nav-tabs li.active {
    transform: skew(0deg) !important;
}

.plan-details .nav-tabs li.active:before {
    content: none;
}

.plan-details .nav-tabs>li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 1px;
    left: -4px;
    display: block;
    width: 15px;
    background: #cdd1c6;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
}

.plan-details .nav-tabs li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 11px;
    background: #cdd1c6;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(10deg);
}

.plan-details .nav>li>a:focus,
.nav>li>a:hover {
    background-color: #cdd1c6;
    border-color: #cdd1c6 !important;
}

.plan-details .nav-tabs li.active:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 11px;
    background: #5a5c57;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
}

.plan-details .nav-tabs>li>a {
    border-radius: 0;
    background: #cdd1c6;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
}


/********** 2-12-2017 ****************/

#enterdob,
#accountdetails {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

#create-update-customer {
    float: left;
    padding: 0px;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.single-form-view-details {
    float: none;
    padding: 0 90px;
    width: 100%;
    max-width: 1023px;
    margin: 0 auto;
}

#enterdob .custmdob {
    margin: 0 auto;
    display: table;
    float: none;
}


/*.custmdob:before,*/

.custmdob label.iconcustom:before {
    /*
    content: "\f073";

    left: 26px;

    position: absolute;

    top: 15px;

    font-family: fontawesome;

    font-size: 18px; font-weight: normal;

    color: #73992e;*/
}

#updatedob {
    padding-left: 40px;
}

#connectiondetails,
#portal-address,
#concession-details,
#identification-details,
#business-details {
    padding: 15px;
    float: left;
    width: 100%;
}

#connectiondetails input,
#portal-address input,
#cardinputcontainer input,
#identification-details input,
.formpage.business-details input {
    height: 54px;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    border: none;
    font-size: 15.5px;
    border-radius: 0px;
    letter-spacing: 0.5px;
    background: #fff;
}

input#business-details-field {
    margin-bottom: 20px;
}

.dec-short {
    text-align: center;
    display: table;
    margin: 0 auto 20px;
}

#gas_usage_container {
    margin: 0 auto !important;
    padding: 0 20px;
    display: inline-block;
    /* width: 53% !important;*/
}

#gas_usage_container .vc_col-sm-4 {
    float: left;
    width: 49%;
    padding: 0 20px;
}

.address-new {
    padding: 15px 15px 0;
    position: relative;
}


/*.address-new::before,*/

.address-new label.iconcustom:before {
    position: absolute;
    font-family: 'fontawesome';
    left: 27px;
    font-size: 19px;
    top: 28px;
    color: #74992f;
    content: "\f041";
    font-weight: normal;
}


/*.billingsearch::before,*/

.billingsearch label.iconcustom:before {
    position: absolute;
    font-family: 'fontawesome';
    left: 13px;
    font-size: 19px;
    top: 50%;
    color: #74992f;
    font-weight: normal;
    content: "\f041";
}

#billingsearchaddress {
    padding-left: 35px !important;
}

.billingsearch {
    position: relative;
}


input#searchaddress {
    padding-left: 35px;
}

.addressmanually {
    float: left;
    width: 100%;
    padding: 0px 15px;
}

.addressmanually span,
.billingsearch span {
    float: left;
    line-height: 60px;
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.addressmanually input#manually-checkbox,
.billingsearch input#billing-manually-checkbox {
    float: left;
    text-align: left;
    position: inherit;
    width: auto;
    margin-top: 3px;
}

.have-portal .formtitle,
#concession-details .formtitle,
#business-details .formtitle,
#accountdetails .formtitle {
    float: none;
    display: table;
    margin: 0 auto 1.5rem;
}

#concession-details label,
#identification-details label {
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    margin: 15px 0 15px 0;
    width: 100%;
    text-align: left;
}

.no-padd:first-child,
.selecterp {
    padding-left: 0;
}

.no-padd:last-child {
    padding-right: 0;
}

#cardinputcontainer {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.identitytype {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.option-buttons {
    margin-bottom: 30px;
}

#connection_multilist_div_sub ul,
#billing_connection_multilist_div_sub ul,
#businesssearch_multilist_div_sub ul {
    padding: 13px;
    background: #fff;
    text-align: left;
    max-height: 200px;
    overflow-y: scroll;
    border-top: 1px solid #eee;
    margin-bottom: 25px;
}

#connection_multilist_div_sub ul li,
#billing_connection_multilist_div_sub ul li,
#businesssearch_multilist_div_sub ul li {
    list-style: none;
    padding-left: 7px;
}


/************** 04-12-2017 ************/

.gasstep6,
.electricitystep7,
.gaselecstep7 {
    padding: 0 90px;
}

.gasstep6 .formtitle {
    margin-bottom: 35px !important;
}

.barmain.single-form-view-progress .desktopview li {
    font-size: 15px;
    width: 16%;
    text-align: center;
}

.barmain.single-form-view-progress .desktopview.business-user li {
    width: 19.5%
}

.barmain.single-form-view-progress .desktopview li:last-child {
    float: none;
}

.barmain.single-form-view-progress .modalprogressbar {
    padding: 0 10px 0 0;
}

#create-update-customer .barmain.single-form-view-progress {
    margin-bottom: 60px;
}

#menu-menu-footer {
    overflow: hidden;
}

#page_layout_view .copy-top p {
    margin-top: 12px;
}

.terms-conditions .fielderrormain.validationerror {
    top: 90%;
}

#business-details input {
    margin-bottom: 25px;
}


/*----------4dec,2017-------------*/

#planlistinghtml_gas p.disc {
    margin-bottom: 10px;
}

#planlistinghtml_gas .view-rate {
    margin-top: 2px !important;
}

#planlistinghtml_gas .pwrshop {
    padding-bottom: 47px;
}

#page_layout_view .l-section-h.i-cf {
    padding-bottom: 0;
}

#planlistinghtml_gas .elect-btn,
#plandetails_gas .elect-btn {
    padding: 8px 79px;
    text-transform: capitalize;
}

#plandetails_gas .or-price::before {
    left: 25px;
    top: 47px;
}

#plandetails .compare-gas {
    padding-bottom: 0px;
    min-height: 300px;
}

#plandetails_gas .or-price {
    padding-bottom: 20px !important;
}

#plandetails_gas .pwrshop {
    padding-bottom: 28px;
}

#plandetails_gas .compare-gas {
    min-height: auto;
    padding-bottom: 24px;
}


/************** tabs css*****************/

.questiontitle {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin: 15px 0 10px;
    text-align: center;
}

.new-otp-slide-main {
    display: block;
    padding: 15px 30px 20px;
    text-align: left;
    width: 100%;
}

#newotpscreen.panel-group {
    margin-bottom: 0;
}

#newotpscreen .panel-default {
    border: 0 none;
    margin: 0px 0px 23px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

#newotpscreen .panel-default>.panel-heading {
    background: #74992f none repeat scroll 0 0;
    border-radius: 0;
    color: rgb(238, 238, 238);
    padding: 0;
}

#newotpscreen .panel-default>.panel-heading a {
    display: block;
    outline: 0 none;
    padding: 15px 15px 15px 40px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
}

.panel-icon-list {
    float: left;
    font-size: 22px;
    height: 30px;
    left: 6px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 30px;
}

#newotpscreen .panel-default>.panel-heading .collapsed .colasp-span {
    transform: rotate(90deg);
}

#newotpscreen .panel-default>.panel-heading a .colasp-span {
    float: right;
    font-size: 22px;
}

.panel-body-title {
    color: #6e6b6b;
    float: left;
    font-size: 30px;
    font-weight: normal;
    line-height: 32px;
    padding: 0 0 15px;
    text-align: left;
    width: 100%;
}

.perviAddressTitle {
    color: #414248;
    float: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
}

.perviAddressDetail {
    color: #7b7777;
    float: left;
    font-size: 14px;
    line-height: 22px;
    padding: 1px 0 10px;
    width: 100%;
    word-wrap: break-word;
}

.perv-info-edit {
    color: #3b3b3b;
    cursor: pointer;
    float: right;
    font-size: 13px;
    line-height: 24px;
    padding: 0 5px;
    width: auto;
}

* {
    /*letter-spacing: 1px;*/
}

.text-color-main {
    color: #837f7e;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    padding: 0 0px;
}

.otpfieldmainsection {
    margin-top: 40px;
}

.questionsec .inputcolor {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    font-size: 15.5px;
    height: 54px;
    letter-spacing: 0.5px;
    margin-bottom: 20px !important;
    text-align: center;
}

.otpfieldleft {
    margin: 0 auto;
    width: 38%;
    position: relative
}

.otpfieldResend.send_otp {
    color: #769a2e;
    font-size: 13px;
    margin-bottom: 25px;
    text-decoration: underline;
    letter-spacing: 0px;
    font-weight: 400;
    cursor: pointer
}

.otpfieldRight button {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 20px;
    font-weight: bold;
    line-height: 62px;
    margin: 36px auto 0;
    padding: 0 70px;
    text-transform: uppercase;
    width: auto;
}

.new-otp-slide-main a.collapsed:hover,
#newotpscreen .panel-title>a:hover,
#newotpscreen .panel-title>a:hover,
#newotpscreen .panel-title>a:active {
    color: #fff;
}

.prc-sec>p {
    font-style: normal;
    text-align: center;
    color: #4d4d4f;
    letter-spacing: 0.5px;
    line-height: 20px;
    font-weight: 500;
}

.single-form-next {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-left: 0;
    padding: 10px 45px;
    position: relative;
    text-transform: uppercase;
    margin-top: 30px;
}

.single-button-all {
    float: left;
    text-align: center;
    width: 100%;
}

#planlistinghtml_gas .planname::before {
    background: rgba(0, 0, 0, 0) url("../images/img/gas-icon.png") no-repeat;
    top: 6px;
}

.top-struct {
    position: static;
    top: -70px;
}

span.green-price12 {
    color: #7f983b;
    font-size: 25px;
    font-weight: 500;
    margin: 0 auto;
    letter-spacing: 2px;
    display: table;
}

p.electri-titl12 {
    font-size: 17px;
    text-align: center;
    color: #414248;
    letter-spacing: 1px;
    font-weight: 500;
    position: relative;
}

.top-loc p {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #414248;
    letter-spacing: 1px;
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
}

.top-loc span::before {
    content: "\f041";
    position: absolute;
    font-family: 'fontawesome';
    left: 0px;
    font-size: 21px;
    top: -2px;
    color: #74992f;
}

.electri-titl12::before {
    content: '';
    position: absolute;
    background: url(../images/green-bolt.png)no-repeat;
    width: 15px;
    height: 21px;
    left: 0px;
}

.top-logo img.power-logo1 {
    height: 70px;
    margin-top: -7px;
}

select#concession_type {
    padding-left: 12px;
}

select#identity_type {
    padding-left: 12px;
}

.identitytype {
    margin-bottom: 8px;
}

#states {
    padding-left: 12px !important;
}

#term-and-condition .formtitle {
    font-size: 22px !important;
}

#upload-identification-document .text-color-main {
    text-align: left;
    /*  padding: 15px 0px 15px;*/
    clear: both;
}

.text_term_moving {
    text-align: left;
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}

.text_term_moving p {
    font-style: italic
}

#upload-identification-document .questionoptionTextField.text_left_side.verifyfieldsecLeft {
    max-width: 505px;
    float: left;
}

#upload-identification-document .inputfile_div.primary-bgcolor {
    /*max-width: 223px;

    float: left;

    margin-left: 115px;

    margin-top: 45px;*/
}

#upload-identification-document .inputfile_div input {
    background: transparent;
    font-weight: 400;
    font-size: 14px;
}

#upload-identification-document .text_term label {
    font-weight: 600;
    font-style: normal;
    color: #83a743;
}

.gas-and-electri .current {
    display: none;
}

.gas-and-electri .prc-sec {
    min-height: auto;
    padding: 48px 27px 49px;
}

.gas-and-electri .prc-sec1 {
    border-right: 1px solid #c8c8c8;
    padding: 45px 30px 37px;
    width: 37%;
}

.gas-and-electri .applynow-conatiner {
    float: left;
    padding: 58px 10px;
    width: 15%;
}

.gas-and-electri .applynow-below-content {
    margin-top: 15px;
    line-height: 18px;
    color: #4d4d4f;
    text-align: center;
    font-weight: 500;
}

.gas-and-electri .or-price {
    padding-left: 26px;
    width: 100%;
}

.gas-and-electri .or-price::before {
    left: 0;
}

.gas-and-electri .price-green {
    /* padding-left: 0;*/
}

.gas-and-electri .price-green.price-green1 {
    /* padding-right: 0;*/
}

.faq-tabs .tab-content-view,
.faq-tabs .tabgas-content-view {
    padding: 10px;
}

.gas-and-electri .prc-sec .planname {
    margin-bottom: 20px;
    position: relative;
    top: 0;
    padding-left: 25px !important;
}

.gas-and-electri .prc-sec .planname::before {
    background: rgba(0, 0, 0, 0) url("../images/img/bolt-elec.png") repeat scroll 0 0;
    content: "";
    height: 33px;
    left: -6px;
    position: absolute;
    top: -3px;
    width: 33px;
}

.gas-and-electri .faq-tabs {
    padding-left: 0;
}

.gas-and-electri .prc-sec1 ul li:first-child::before {
    display: none;
}

.gas-price {
    margin-top: 20px;
}

.tabview {
    text-align: left;
}

.elect-btn.gas-button {
    padding: 6px 78px;
}

.combine-plan-details .gas-nama::before,
.gas-and-electri .gas-nama::before {
    left: 0px !important;
    top: -10px !important;
}

.gas-nama::before {
    background-image: url("../images/img/gas-icon.png") !important;
    content: "";
    height: 27px !important;
    left: 0 !important;
    position: absolute;
    width: 19px !important;
}


/*------------------*/

.questionoptionTextField.input_right_side.cardmiddlename.no-padd {
    padding-left: 15px;
}

select#card_color {
    margin-left: 0px;
}

#upload-identification-document .browse-file-field {
    width: auto;
    float: right;
    position: relative;
    margin: 10px 0;
}

#upload-identification-document input#upload_later_checkbox {
    width: auto;
    float: left;
    position: inherit;
    margin-top: 6px;
    margin-left: 8px;
}

#doc_identity_type {
    padding: 0px 12px;
}

#plandetails_gas p.electri-titl::before {
    content: '';
    position: absolute;
    /*background: url(../images/detail-gas.png)no-repeat;*/
    left: 0px;
    width: 19px;
    height: 27px;
}

#plandetails_gas .price-green.price-green1::after {
    content: '';
    position: absolute;
    background: url(../images/gas-listing-icon.png)no-repeat;
    width: 29px;
    height: 41px;
    right: -7px;
    top: 7px;
}

#plandetails .electri-titl::before {
    content: '';
    position: absolute;
    background: url(../images/detail-bolt.png)no-repeat;
    left: 0px;
    width: 21px;
    height: 29px;
}

#plandetails .electri-titl.gas-name::before {
    background-image: url("../images/img/gas-icon.png") !important;
}

#plandetails .price-green.price-green1::after {
    background: rgba(0, 0, 0, 0) url("../images/price-detail-gas.png") no-repeat scroll 0 0;
    content: "";
    height: 37px;
    position: absolute;
    right: 0px;
    top: 7px;
    width: 27px;
}

.electricity20 {
    padding: 0px 45px;
}

#acknowldgement-terms-conditions p {
    margin-bottom: 11px;
}

#acknowldgement-terms-conditions p span,
#acknowldgement-terms-conditions ul li span,
#yourplandetailstab {
    font-weight: 400;
    color: #676f7c !important;
    font-size: 14px;
    margin-bottom: 15px !important;
    display: block;
    line-height: 25px;
}

#acknowldgement-terms-conditions p {
    font-weight: 400;
    color: #676f7c !important;
    font-size: 14px;
    margin-bottom: 15px !important;
    display: block;
    line-height: 25px;
}

#acknowldgement-terms-conditions ul {
    margin-left: 0
}

#acknowldgement-terms-conditions li {
    font-weight: 400;
    color: #676f7c !important;
    font-size: 14px;
    margin-bottom: 15px !important;
    display: block;
    line-height: 25px;
}

.perv-plan-name.planname20Elec strong {
    color: #879f44 !important;
}

.perv-plan-pdf.elec_plan_pdf {
    color: #879f44;
    font-weight: bold;
}

.electricity20 ul li {
    list-style: none;
    position: relative;
    padding-left: 22px;
}

.electricity20 ul li::before {
    position: absolute;
    content: "\f111";
    font-family: 'fontawesome';
    left: 0px;
    top: 5px;
    color: #83a743;
    font-size: 12px;
}

.electricity20 {
    padding: 0px 15px;
}

.apply-sec .applynow-btn {
    cursor: pointer;
    line-height: normal;
    margin: 0 auto 15px;
    padding: 10px 18px 10px 19px !important;
    text-shadow: 0 0 #fff;
    font-size: 15px;
    font-weight: normal;
}

.combine-plan-details .prc-sec p {
    margin-top: 14px;
}

.combine-plan-details .or-price,
.combine-plan-details #plandetails_gas .or-price {
    border-left: 0 none !important;
    border-right: 0 none !important;
    min-height: auto !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
}

.combine-plan-details.gas-and-electri .prc-sec {
    padding: 48px 27px;
    min-height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.combine-plan-details .pwrshop {
    padding-top: 34px;
    padding-bottom: 23px;
}

#plandetails .combine-plan-details .or-price::before {
    left: 0;
    top: 3px !important;
}

.combine-plan-details .apply-btn.applynowforplan {
    cursor: pointer;
    line-height: normal;
    margin: 0 auto 15px;
    padding: 10px 31px 10px 21px !important;
    text-shadow: 0 0 #fff;
    font-size: 15px;
    font-weight: normal;
}

.combine-plan-details.gas-and-electri .applynow-conatiner {
    padding: 58px 18px;
    width: 17%;
    min-height: 273px;
}

.combine-plan-details .apply-btn::after {
    right: 16px;
    top: 11px;
}

.loader-start,
.loader-start-mod,
.loader-start-inner {
    display: none;
}

.combine-plan-details .gasafter::after {
    content: '';
    position: absolute;
    background: url(../images/gas-listing-icon.png)no-repeat !important;
    width: 31px !important;
    height: 42px !important;
    right: -7px !important;
    top: 7px;
}

.combine-plan-details .price-green.price-green1::after {
    right: -28px !important;
}

#top-structure-logo .power-logo {
    width: 168px;
}


/*-------11dec---------*/

#connectiondetails select#state {
    padding-left: 15px;
}

.billing-manually-container select#billing_state {
    padding-left: 15px;
}


/*---------12dec------------*/

#movedateyesonhide .validationerror {
    float: none;
    display: table;
    margin: 0 auto;
    left: 0;
    z-index: 99;
    right: 0;
}

.loader-start-mod.active,
.loader-start-inner.active {
    background: rgba(255, 255, 255, 0.65);
}

.combine-plan-details.gas-and-electri .prc-sec1 {
    width: 35%;
    border-right: 1px solid #c8c8c8;
}

.api-terms-row ol li {
    /* list-style: none;*/
}

.api-terms-row ol li br {
    display: none;
}


/*----------api-terms-cond-----------*/

.api-terms-row .l-section-h.i-cf {
    padding: 0px;
}

.api-terms-row ol {
    /* margin-left: 0px;

    margin-bottom: 20px;

    margin-top: 10px;*/
}

.api-terms-row ol li {
    font-size: 14px;
    line-height: 25px;
}

.api-terms-row p {
    /*  display: none;*/
}

.api-terms-row li span {
    font-size: 14px !important;
    line-height: 25px;
}

#connection_multilist_div_sub ul li,
#billing_connection_multilist_div_sub ul li,
#businesssearch_multilist_div_sub ul li {
    cursor: pointer;
}

.setc-prov .validacomelecprovider.validationerror,
.setc-prov .validcomgasprovider.validationerror,
#gass_bill_handy_no .errorcomgasbillusgefieldempty.validationerror,
.setc-prov .validgasprovider.validationerror {
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
    float: none;
    position: relative;
}

.gas-speak-mj,
#gass_bill_handy_no,
.solarbackfirst,
.timeofusesolarback,
.setc-prov .providerlistcls {
    position: relative;
}

.lets-save>div {
    text-align: center;
}

#elec_solar_consumed_peak .validationerror {
    display: table;
    margin: 0;
}

.timeofusesolarback .validationerror {
    top: auto;
}

.api-terms-row ul li {
    list-style: none;
    padding-left: 21px;
    position: relative;
}

.api-terms-row ul li:before {
    content: "\f111";
    position: absolute;
    font-family: fontawesome;
    left: 0px;
    font-size: 9px;
    top: 4px;
    color: #74992e;
}

.api-terms-row ul {
    margin-left: 25px;
}

.api-terms-row img {
    margin-top: 29px;
}

.otpfieldRight>button {
    display: inline-block;
}

.otpfieldRight .startbtn {
    padding: 0 58px;
}

.brandlogo {
    min-height: 151px;
}

.title-desc {
    min-height: 134px;
}

.planname {
    padding: 0 !important;
}

.title-desc>p {
    color: #4d4d4f;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}


/*-------approve-provider-page-css------------*/

.pro-text p {
    text-align: center;
    text-transform: capitalize;
    color: #414248;
    font-size: 30px !important;
    font-weight: 600;
    margin-bottom: 50px !important;
}

.approve-provider-row .provider-row {
    width: 23%;
    float: left;
    border: solid 1px #A2A2A2;
    padding: 10px;
    height: 170px;
    margin: 10px;
}

.approve-provider-row .provider-logo img {
    margin: 0 auto;
    display: block;
}

.approve-provider-row .provider-name span {
    text-align: center;
    margin: 0 auto;
    display: table;
    font-size: 20px;
    font-weight: 600;
    color: #414248;
}

.approvedproviderlist {
    margin: 0 auto !important;
    display: table !important;
    max-width: 1099px !important;
    float: none !important;
}

.back-for-terms {
    float: right;
    margin-top: 26px;
}

.back-apply12 {
    position: relative;
    color: #879f44;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 40px;
    padding-left: 46px;
    cursor: pointer;
}

.back-apply12::before {
    background: #879f44 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "\f060";
    font-family: fontawesome;
    font-size: 13px;
    height: 35px;
    left: 0;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 35px;
}

.infor-icon i {
    color: #cfcfcf;
}

.viewshow,
.viewhidegas,
.viewhide {
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
}

.viewhide i,
.viewhidegas i,
.viewshow i,
.viewshowgas i {
    margin-right: 5px;
    width: 10px;
}

.faq-tabs .tab-content-view,
.faq-tabs .tabgas-content-view {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #c7c7c7;
    padding: 15px;
    position: relative;
}

#backtopdetail::before {
    background: #879f44 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "?";
    font-family: fontawesome;
    font-size: 16px;
    height: 41px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 41px;
}

#backtopdetail {
    bottom: 120px;
    color: #879f44;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin-left: 15px;
    padding-left: 60px;
    position: relative;
    text-align: left;
}

.row.chooseplanconditionHeight_main {
    margin: 0;
}

#planlistinghtml_gas .approx-change {
    display: inline-block;
}


/************** life support page css ****************/

.life-support p {
    font-size: 14px;
    line-height: 16px;
}

.life-support ul li {
    font-size: 14px;
    line-height: 25px;
    position: relative;
    list-style: none;
    padding-left: 19px;
}

.life-support ul li:before {
    content: "\f111";
    position: absolute;
    font-family: fontawesome;
    left: 0px;
    font-size: 9px;
    top: 0px;
    color: #74992e;
}

.life-support .l-section-h.i-cf {
    padding-bottom: 16px;
}

.life-support .back-for-terms {
    margin-top: -34px;
}

.id-content-details.center-align-content {
    margin: 0 auto;
    display: table;
    width: 69%;
}

.id-content-details.center-align-content .questionoptionTextField {
    width: 50%;
}

.id-content-details .expiraydate.nopadding {
    padding-right: 0px;
}

.api-terms-row h1 img,
.back-for-terms {
    display: none;
}

.approve-provider-row .l-section-h.i-cf {
    padding-bottom: 20px;
    padding-top: 50px;
}

#elec_solar_consumed_timeofuse,
#elec_solar_consumed_summer_winter {
    float: left;
    margin-left: 0px;
    width: auto;
    margin-bottom: 20px;
}

#elec_solar_consumed_double,
#elec_solar_consumed_winter {
    clear: both;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}

.solor-comp.solor-ans:before {
    /* top: 0px !important;*/
}

.cont-term.no-lock::before {
    top: 4px;
}


/*-----toggle-heights------------*/

.compare-gas.adjustsetting {
    min-height: 434px !important;
}

.adjustsetting-elec {
    min-height: 412px !important;
}

.gasstep8 #plandetails_gas .compare-gas {
    padding-bottom: 0px;
    min-height: 277px;
}

.gasstep8 #plandetails_gas .or-price {
    padding-bottom: 0px;
    min-height: 277px;
}

.compare-gas.adjustsetting-gas {
    min-height: 367px !important;
}

.gas-and-electri .faq-tabs {
    width: 100% !important;
    margin: 5px 0% 0 0%;
}

.strut-prc {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: left;
    padding-left: 30px;
}

.gas-and-electri .faq-tabs p {
    padding-left: 0px;
}

.adjustsetting-both {
    min-height: 537px !important;
}

#top-structure .electri-titl12 {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #414248;
    letter-spacing: 1px;
}

.combine-plan-details .tabview,
.combine-plan-details .tabgasview {
    margin-top: 10px;
}

.tremcondlink {
    font-size: 14px;
    color: #74992f;
    font-weight: 400;
}

.providers-terms .w-tabs-section-content-h.i-cf li a {
    color: rgb(124, 124, 124);
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
}

.providers-terms li a:hover {
    color: #7f983b;
    text-decoration: none;
}

.providers-terms .wpb_wrapper>li {
    list-style: outside none none;
    position: relative;
    padding-left: 21px;
}

.providers-terms li::before {
    color: #74992e;
    content: " ";
    font-family: fontawesome;
    font-size: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #74992e;
    left: 0;
    position: absolute;
    top: 10px;
}

.strut-prc1 {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: right;
    padding-left: 30px;
    margin-top: 17px;
}

span#top-structure-address {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #414248;
    display: inline-block;
    letter-spacing: 1px;
    padding-left: 10px;
    margin: 0 0 20px;
}

/*********** testing naripa *************/

.question.one {
    /*padding-top: 0px;*/
}


/********* Thnk you ************/

.thank-confirm-page {
    padding: 0;
    text-align: left;
}

.congrts-txt {
    margin-bottom: 25px;
    text-align: center;
}

.congrts-txt>span {
    color: #7f983b;
    font-size: 40px;
    font-weight: 600;
}

.happennextcontents>label {
    display: inherit !important;
    font-size: 18px;
    font-weight: 400;
    text-align: center !important;
}

.congrts-txt>p {
    font-size: 18px;
    margin: 15px 0 0;
}

.refer-numbr {
    color: #7f983b;
    display: inline-block;
    padding: 5px;
}

.hppn-cnt span {
    font-size: 18px;
    line-height: 30px;
}

.hppn-cnt li {
    position: relative;
    list-style: none;
    padding-left: 21px;
}

.hppn-cnt ul li::before {
    color: #74992e;
    content: "?";
    font-family: fontawesome;
    font-size: 9px;
    left: 0;
    position: absolute;
    top: 8px;
}

.thanks-txt-comp {
    font-size: 20px;
    margin: 35px 0 25px;
    text-align: center;
}

.compare-another-plan {
    display: table;
    margin: 0 auto 50px;
}

.compare-another-pl {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-left: 6px;
    padding: 17px 55px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.compare-another-pl:hover {
    color: #fff !important;
    text-decoration: none;
}


/*-----------MEDIA---------------*/

@media only screen and (min-width:1280px) and (max-width:1366px) {
    .apply-sec p,
    .gas-and-electri .applynow-below-content,
    .gas-and-electri .applynow-below-content {
        font-size: 13px !important;
    }
    .how-row .g-cols.vc_inner {
        width: 1219px;
        display: table;
        margin: 0 auto;
    }
    .how-col .vc_column-inner {
        height: 342px;
        padding: 42px 47px 26px !important;
    }
    .how-col {
        margin: 0px 97px 0px 0px;
        width: 28%;
    }
    .how-text p {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .how-col::after {
        right: -187px;
        top: 77px;
        background-size: 80%;
    }
    .how-col::after {
        right: -194px;
    }
    .testimonial-carousel .owl-prev,
    .testimonial-carousel .owl-next {
        display: none;
    }
}

@media only screen and (max-width:1343px) {
    .sec-col {
        margin: 0px 13px;
        width: 22.7%;
    }
    .sec-col .vc_column-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .how-col {
        margin: 0px 78px 0px 0px;
        width: 28%;
    }
    .how-col .vc_column-inner {
        height: 342px;
        padding: 42px 47px 26px !important;
    }
    .how-text p {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .how-col::after {
        right: -187px;
        top: 77px;
        background-size: 80%;
    }
    .testimonial-carousel .w-testimonial-text p {
        color: #767171;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 28px;
    }
    .home-blog-row a.entry-title {
        font-size: 22px;
    }
    .sec-col-last {
        margin-right: 0px !important;
    }
    .testimonial-carousel .owl-prev,
    .testimonial-carousel .owl-next {
        display: none;
    }
}

@media only screen and (min-width:1200px) and (max-width:1232px) {
    .green-bg p {
        font-size: 27px;
    }
    .view-rate {
        letter-spacing: 0.5px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .electricitystep7 .terms-conditions {
        max-width: 94.5%;
    }
    #terms {
        width: 15px !important;
    }
    .id-content-details.center-align-content .questionoptionTextField {
        float: left;
    }
    .id-content-details .expiraydate {
        float: left;
        width: 33.33%;
    }
    .life-support p {
        line-height: 22px;
    }
    .gas-and-electri .apply-btn {
        padding: 10px 17px 10px 9px !important;
        width: auto
    }
    .apply-btn::after {
        right: 7px;
        top: 9px;
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* max-width: 255px!important;*/
    }
    #plandetails .price-green.price-green1::after {
        right: 0px;
        top: -5px;
    }
    #plandetails .or-price::before {
        left: 18px;
        top: 73px;
    }
    #plandetails .electri-titl::before {
        left: -14px;
    }
    .elect-btn {
        padding-left: 39px;
        padding-right: 39px;
    }
    .prc-sec {
        padding-left: 5px;
        padding-right: 5px;
    }
    .pwrshop {
        padding-left: 12px;
        padding-right: 12px;
    }
    .barmain.single-form-view-progress .desktopview li {
        font-size: 12px;
        width: 16%;
    }
    .modalprogressbar .desktopview {
        margin: 0 7px;
    }
    .desktopview li span {
        font-size: 15px;
        height: 22px;
        width: 22px;
    }
    .inner-blog a.entry-title {
        font-size: 18px;
    }
    .inner-blog .w-blog-post-content {
        font-size: 14px;
    }
    .w-blog.layout_classic[class*="cols_"] .w-blog-post {
        height: 460px;
    }
    .l-main.blog-detail {
        margin: 0px 15px;
    }
    .page-template-default.page.page-id-7000 .l-content {
        margin: 0px 15px;
    }
    .widget.popular-posts .wpp-thumbnail {
        float: none;
    }
    ul.wpp-list.wpp-list-with-thumbnails li a {
        display: block;
    }
    ul.sidebar-social li {
        margin-right: 0px;
    }
    .green-bg p {
        font-size: 23px;
        line-height: 36px;
    }
    .green-bg {
        padding: 56px 5px;
    }
    .three-process {
        padding-bottom: 45px;
        padding-left: 85px;
    }
    .about-girl .w-image-h .attachment-full.size-full {
        height: 365px;
        width: 365px;
    }
    .about-girl .w-image-h::after {
        height: 347px;
        right: 7px;
        top: 14px;
        width: 347px;
    }
    label.numb-text {
        font-size: 17px;
    }
    .numb-numeric1::after {
        width: 157px;
    }
    .new-bannerstep .numb-numeric1::after {
        width: 184px;
    }
    .numb-numeric2::after {
        width: 167px;
    }
    .new-bannerstep .numb-numeric2::after {
        width: 184px;
    }
    .numb-numeric3::after {
        width: 187px;
    }
    .sec-col {
        margin: 0px 14px;
        width: 22%;
    }
    .inn-text p {
        font-size: 14px;
    }
    .sec-img {
        margin-bottom: 11px;
    }
    .sticky-btn {
        left: -130px;
    }
    .sticky-btn p a {
        font-size: 15px;
        padding: 10px 21px;
    }
    .testimonial-carousel .w-testimonial-author img {
        width: 8rem !important;
        filter: contrast(1.2);
    }
    .testimonial-carousel blockquote.w-testimonial-h {
        padding-left: 145px !important;
        margin: 0px 3px 69px;
        padding-top: 23px;
        padding-bottom: 14px;
    }
    .testimonial-carousel .w-testimonial-text p {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 24px;
    }
    .testimonial-carousel .w-testimonial-author {
        margin-top: 0;
    }
    .how-head p {
        font-size: 35px;
    }
    .home-blog-row a.entry-title {
        font-size: 18px;
        letter-spacing: 0px;
    }
    .home-blog-row .w-blog-post-content p {
        font-size: 15px;
        letter-spacing: 0px;
    }
    .energy-plans p {
        font-size: 29px;
    }
    .energy-plans-text p {
        font-size: 19px;
    }
    .footer-cta-row .l-section-h.i-cf {
        padding-top: 31px;
        padding-bottom: 31px;
    }
    .footer-btn p {
        margin-top: 9px;
    }
    .l-footer .vc_wp_custommenu.layout_hor ul li {
        line-height: 28px;
    }
    .how-col-last {
        margin-right: 0px !important;
    }
    .how-col {
        margin: 0px 32px 0px 0px;
        width: 293px;
    }
    .how-col .vc_column-inner {
        height: 285px;
        padding: 32px 25px 20px !important;
    }
    .how-col::after {
        background-size: 60%;
    }
    .how-text p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 22px;
    }
    .how-row .g-cols.vc_inner {
        width: 950px !important;
        display: table;
        margin: 0 auto;
    }
    .gift-card-popup .ult_modal-body {
        padding-left: 46%;
        padding-top: 26px;
    }
    body .switch {
        font-size: 16px !important;
        padding: 0px 20%;
        line-height: 30px !important;
        margin-bottom: 10px;
    }
    .gift-card-popup .ult_modal.ult-small {
        width: 885px !important;
    }
    .gift-card-popup .ult_modal-body::before {
        width: 423px !important;
        background-size: 100% !important;
    }
    span.wish-gift {
        font-size: 26px;
        padding: 0px 19%;
        line-height: 34px;
    }
    .redem ul li {
        padding: 0px 22px;
    }
    .redem ul {
        padding: 0px 30px;
    }
    .address-sec span {
        margin: 0px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    .email-sec span {
        margin: 13px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    #form-left .how-text p {
        padding-right: 0px;
    }
    #form-left {
        padding-right: 0px;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 20px 0px;
        text-align: center;
    }
    #how-work-cont .vc_column-inner {
        padding-top: 0px;
    }
    .three-process::before {
        font-size: 60px;
        top: 10px;
    }
    .three-process p {
        font-size: 14px;
    }
    .three-process.sec::before {
        font-size: 60px;
        left: -25px;
        top: 10px;
    }
    .three-process.sec {
        padding-bottom: 0;
        padding-left: 75px;
        padding-right: 0;
    }
    .three-process.three::before {
        font-size: 60px;
        top: 10px;
    }
    .three-process.three {
        padding-left: 100px;
    }
    .copy-col {
        width: 36%;
    }
    .privacy {
        width: 63%;
    }
    .copy-top p,
    footer .color_footer-bottom a {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .view-rate {
        font-size: 13px;
    }
    .prc-sec1 ul {
        padding-left: 15px;
    }
    .prc-sec1 ul li p {
        font-size: 14px;
    }
    .prc-sec1 p {
        font-size: 12px;
    }
    .or-price {
        width: 100%;
    }
    #plandetails .applynow-btn {
        font-size: 13px;
        padding: 10px 7px 10px 9px !important;
    }
    .compare-gas {
        padding: 40px 20px 31px;
    }
    #plandetails .or-price {
        padding-bottom: 30px;
    }
    #plandetails .green-price p.small-txt,
    #plandetails .price-green1 p.small-txt,
    .green-price p.small-txt {
        padding: 0;
    }
    #plandetails .price-green.price-green1 {
        padding-right: 0;
    }
    .faq-tabs li {
        font-size: 13px;
    }
    #plandetails .or-price {
        padding-bottom: 89px;
    }
    #gas_usage_container {
        width: 100% !important;
    }
    .electri-titl12::before {
        left: 0;
    }
    .top-loc p::before {
        left: 12px;
    }
    .elect-btn.gas-button {
        padding: 6px 68px;
    }
    .gas-and-electri .prc-sec {
        padding: 67px 15px 50px;
    }
    .gas-and-electri .apply-btn {
        padding: 10px 26px 10px 21px;
    }
    .view-plan-btn {
        width: auto;
        padding: 10px 26px 10px 21px;
    }
    #upload-identification-document .questionoptionTextField.text_left_side.verifyfieldsecLeft {
        max-width: 450px;
    }
    #upload-identification-document .inputfile_div.primary-bgcolor {
        margin-left: 92px;
    }
    .apply-sec .applynow-btn {
        padding: 10px 13px 10px 12px !important;
    }
    .price-green1 p.small-txt {
        letter-spacing: 0;
        padding: 0;
    }
    .green-price p.small-txt {
        padding: 0 13px;
    }

}

@media only screen and (min-width:901px) and (max-width:1100px) {
    .modalprogressbar {
        padding: 0px 15px;
    }
    .banner-col .progress {
        margin: 13px 15px 0px;
    }
    .desktopview li {
        font-size: 15px;
        width: 33%;
    }
    .main-wrapper .modal-content {
        margin: 0px 20px;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        font-size: 13px;
        padding-left: 45px;
        width: 256px;
    }
    .post_suburb>button {
        padding: 17px 35px;
    }
    .post_suburb>button::after {
        left: 103px;
    }
    .main-wrapper .modal-content {
        margin: 0px 20px;
    }
    button#prevclick {
        left: 4px;
    }
    button#nextclick {
        right: -63px;
    }
}

@media only screen and (min-width:901px) and (max-width:991px) {
    .infor-icon i {
        font-size: 20px;
    }
    .happennextcontents>label {
        padding: 0 70px;
    }
    .thanks-txt-comp {
        font-size: 18px;
    }
    .elect-btn.gas-button {
        padding: 8px 58px;
    }
    .electricitystep7 .terms-conditions {
        max-width: inherit;
        width: 675px !important;
    }
    .green-price p.small-txt {
        padding: 0 18px;
    }
    .gas-nama::before {
        left: -18px !important;
    }
    .gas-and-electri .prc-sec .planname::before {
        left: -25px;
    }
    .gas-nama::before {
        left: -20px !important;
    }
    .detailpage .prc-sec .planname {
        font-size: 14px !important;
    }
    .life-support .back-for-terms {
        margin-top: -19px;
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* max-width: 255px!important;*/
    }
    .quotmain {
        padding-left: 132px;
        padding-right: 132px;
    }
    .price-green.price-green1>span,
    .green-price {
        font-size: 28px;
    }
    #plandetails .electri-titl::before {
        left: -11px;
        background-size: 60%;
        top: 1px;
    }
    .l-main.blog-detail {
        margin: 0px 15px;
    }
    .page-template-default.page.page-id-7000 .l-content {
        margin: 0px 15px;
    }
    .widget.widget_categories ul li a {
        font-size: 14px;
    }
    .widget.popular-posts .wpp-thumbnail {
        float: none;
    }
    ul.wpp-list.wpp-list-with-thumbnails li a {
        display: block;
    }
    ul.sidebar-social li {
        margin-right: 0px;
    }
    ul.sidebar-social li img {
        width: 40px;
    }
    .green-bg {
        padding: 56px 10px;
    }
    .green-bg p {
        font-size: 23px;
        line-height: 30px;
    }
    .three-process strong {
        font-size: 26px;
    }
    .three-process.three {
        padding-right: 10px;
    }
    .three-process {
        padding-right: 0px;
    }
    .three-process.sec::before {
        left: 5px;
    }
    .three-process {
        padding-bottom: 45px;
        padding-left: 85px;
    }
    .about-girl .w-image-h .attachment-full.size-full {
        height: 365px;
        width: 365px;
    }
    .about-girl .w-image-h::after {
        height: 347px;
        right: 7px;
        top: 14px;
        width: 347px;
    }
    .about-loved .l-section-h.i-cf {
        padding-top: 0px;
    }
    .about-text h2 {
        font-size: 28px;
    }
    .numb {
        max-width: 831px;
    }
    label.numb-text {
        font-size: 15.5px;
        letter-spacing: 0.2px;
    }
    .numb-numeric {
        font-size: 25px;
        width: 50px;
        height: 50px;
        line-height: 49px;
    }
    .numb-numeric1::after {
        width: 145px;
        left: 47px;
        top: 24px;
    }
    .new-bannerstep .numb-numeric1::after {
        width: 193px;
    }
    .numb-numeric2::after {
        width: 155px;
        left: 46px;
        top: 24px;
    }
    .new-bannerstep .numb-numeric2::after {
        width: 195px;
    }
    .numb-numeric3::after {
        width: 173px;
        left: 47px;
        top: 24px;
    }
    .numb-numeric4::before {
        left: 9px;
        top: -13px;
    }
    .inn-head p {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    .sec-col {
        margin: 0px 14px;
        width: 22.1%;
        min-height: 346px;
    }
    .sec-col .vc_column-inner {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .inn-text p {
        font-size: 13px;
    }
    .testimonial-carousel blockquote.w-testimonial-h {
        padding-left: 111px !important;
        padding-top: 25px;
        padding-bottom: 12px;
        padding-right: 13px;
        margin: 0px 0px 45px;
    }
    .testimonial-carousel .w-testimonial-text p {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 26px;
    }
    .testimonial-carousel .w-testimonial-author img {
        width: 6rem !important;
        padding-top: 23px;
        padding-left: 13px;
    }
    .testimonial-carousel .w-testimonial-text::before {
        BACKGROUND-SIZE: 85%;
    }
    .how-head p {
        font-size: 32px;
        letter-spacing: 0px;
    }
    .home-blog-row article.w-blog-post.ecconex {
        padding: 0px 20px !important;
    }
    .home-blog-row a.entry-title {
        font-size: 17px;
        letter-spacing: 0px;
    }
    .home-blog-row .w-blog-post-content p {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .energy-plans p {
        font-size: 27px;
        letter-spacing: 0px;
    }
    .energy-plans-text p {
        font-size: 16px;
    }
    .footer-btn p {
        margin-top: 10px;
    }
    .sticky-btn {
        left: -133px;
    }
    .sticky-btn p a {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 15px;
    }
    .how-col {
        margin: 0px auto 40px !important;
        width: 360px !important;
        float: none !important;
    }
    .how-col::after {
        right: 0;
        top: 80%;
        background-size: 80%;
        left: -71px;
        margin: 0 auto;
        transform: rotate(90deg);
        background-size: 72%;
    }
    section#web-row {
        display: none;
    }
    .testimonial-carousel {
        width: 500px;
        margin: 0 auto;
    }
    section#web-mob {
        display: block;
    }
    #about-sec-left .vc_column-inner {
        padding-top: 0px;
    }
    .gift-card-popup .ult_modal-body::before {
        width: 445px !important;
        background-size: 100% !important;
    }
    span.wish-gift {
        font-size: 25px !important;
        margin: 0 auto 9px !important;
        padding: 0px 15% !important;
        line-height: 35px !important;
    }
    body .switch {
        font-size: 16px !important;
        padding: 0px 5%;
        line-height: 31px !important;
    }
    .redem ul {
        padding: 0px 0px 0px 20px;
    }
    .redem ul li {
        padding: 0px 13px;
    }
    .gift-card-popup .ult_modal.ult-small {
        width: 856px;
    }
    .address-sec span {
        margin: 0px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    .email-sec span {
        margin: 13px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    #form-left .how-text p {
        padding-right: 0px;
    }
    #form-left {
        padding-right: 0px;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 20px 0px;
        text-align: center;
    }
    #how-work-cont .vc_column-inner {
        padding-top: 0px;
    }
    .three-process::before {
        font-size: 60px;
        top: 10px;
    }
    .three-process p {
        font-size: 14px;
    }
    .three-process.sec::before {
        font-size: 60px;
        left: -25px;
        top: 10px;
    }
    .three-process.sec {
        padding-bottom: 0;
        padding-left: 75px;
        padding-right: 0;
    }
    .three-process.three::before {
        font-size: 60px;
        top: 10px;
    }
    .three-process.three {
        padding-left: 100px;
    }
    .copy-col {
        width: 35%;
    }
    .privacy {
        width: 63%;
    }
    .copy-col .vc_column-inner {
        padding-right: 0px !important;
    }
    .privacy .vc_column-inner {
        padding-left: 0px !important;
    }
    .copy-top p {
        font-size: 12px;
        letter-spacing: 0px;
    }
    footer .color_footer-bottom a {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 28px;
    }
    .inner-blog a.entry-title {
        font-size: 18px;
    }
    .inner-blog .w-blog-post-content {
        font-size: 14px;
    }
    .w-blog.layout_classic[class*="cols_"] .w-blog-post {
        height: 460px;
    }
    #bill_handy_plan_choose {
        width: 690px;
    }
    .vc_col-sm-4.custmusagemeter {
        margin: 0px 10px 0px 0px;
        width: 220px;
    }
    .pwrshop {
        width: 20%;
    }
    .prc-sec {
        width: 30.333%;
    }
    .gas-and-electri .prc-sec1 {
        padding-left: 30px;
        padding-right: 14px;
        width: 34%;
    }
    .prc-sec h1 {
        font-size: 17px !important;
        margin-top: 10px;
        top: 0;
    }
    .or-price {
        width: 100%;
    }
    .or-price::before {
        left: 10px;
    }
    .price-green {
        padding-left: 0;
        width: 45%;
    }
    .price-green.price-green1 {
        width: 48%;
        padding-right: 0px;
    }
    span.orclass {
        width: 6%;
    }
    .prc-sec1,
    .prc-sec,
    .prc-sec,
    .pwrshop {
        padding-left: 10px;
        padding-right: 10px;
    }
    .prc-sec1 ul {
        padding-left: 0;
    }
    .elect-btn {
        padding: 8px 50px;
    }
    #plandetails .pwrshop {
        width: 21%;
    }
    .elect-btn {
        padding: 8px 30px;
    }
    .compare-gas {
        padding: 40px 15px 31px;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price {
        padding: 50px 20px 32px;
    }
    #plandetails .or-price::before {
        left: 20px;
        top: 43px;
    }
    #plandetails .green-price p.small-txt,
    #plandetails .price-green1 p.small-txt {
        padding: 0;
    }
    .faq-tabs li {
        font-size: 14px;
        text-align: left;
    }
    #plandetails .apply-sec {
        padding: 72px 10px;
    }
    #plandetails .applynow-btn {
        font-size: 12px;
        padding: 10px 14px !important;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price {
        padding: 90px 20px 60px;
    }
    #plandetails .or-price::before {
        left: 15px;
        top: 82px;
    }
    .back-previous {
        width: 65%;
    }
    .plan-apply {
        width: 35%;
    }
    #gas_usage_container {
        width: 62% !important;
    }
    .gas-and-electri .apply-btn::after {
        right: 6px;
    }
    .gas-and-electri .apply-btn {
        font-size: 12px;
        padding: 10px 16px;
    }
    #upload-identification-document .questionoptionTextField.text_left_side.verifyfieldsecLeft {
        max-width: 440px;
    }
    #upload-identification-document .inputfile_div.primary-bgcolor {
        margin-left: 11px;
    }
    .approx-change {
        margin-bottom: 7px !important;
    }
    #planlistinghtml .prc-sec1,
    #planlistinghtml .prc-sec,
    #planlistinghtml .prc-sec,
    #planlistinghtml .pwrshop {
        min-height: 333px;
    }
    .prc-sec1 ul li p {
        margin-bottom: 10px;
    }
    .apply-sec .applynow-btn {
        padding: 10px 3px 10px 5px !important;
    }
    .terms-conditions p {
        font-size: 13.3px;
    }
    .approve-provider-row .provider-row {
        margin-left: 13px;
        margin-right: 13px;
        width: 30%;
    }
    .id-content-details.center-align-content .questionoptionTextField {
        float: left;
    }
    .id-content-details .expiraydate {
        float: left;
        width: 33.33%;
    }
    .id-content-details .questionoptionTextField {
        width: 33.33%;
        float: left;
    }
    .or-price::before {
        left: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .or-price::before {
        background-size: 60% auto;
        left: 8px;
    }
    .question {
        font-size: 22px !important;
    }
    span.rdl-label {
        font-size: 19px;
        letter-spacing: 0.6px;
    }
    .faq-tabs p {
        font-size: 12px !important;
        padding: 10px 10px 8px 40px;
    }
    .faq-tabs li,
    .viewshow,
    .viewhidegas,
    .viewhide,
    .viewshowgas {
        font-size: 11px !important;
    }
    .electricitystep7 .terms-conditions {
        max-width: inherit;
        width: 545px;
    }
    .gas-and-electri .prc-sec .planname::before {
        left: -15px;
        top: -7px;
    }
    .gas-nama::before {
        left: -20px !important;
    }
    .life-support p {
        line-height: 22px;
    }
    .life-support .back-for-terms {
        margin-top: -20px;
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* max-width: 242px!important;*/
    }
    #plandetails .electri-titl::before {
        left: -1px;
        background-size: 60%;
    }
    #plandetails .or-price::before {
        left: 6px;
        top: 38px;
    }
    .dollor {
        top: -1px;
    }
    #bill_handy_plan_choose {
        width: 690px;
    }
    .quotmain {
        padding: 38px 45px 60px;
    }
    .modalprogressbar {
        padding: 0px 15px;
    }
    .banner-col .progress {
        margin: 13px 15px 0px;
    }
    .desktopview li {
        font-size: 15px;
        width: 33%;
    }
    .desktopview li:last-child {
        width: 33%;
    }
    .main-wrapper .modal-content {
        margin: 0px 20px;
    }
    button#prevclick {
        left: 4px;
    }
    button#nextclick {
        right: -70px;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        font-size: 13px;
        height: 61px;
        padding-left: 45px;
        width: 243px;
    }
    .option-box {
        margin-left: 0px;
        margin-right: 0px;
    }
    .section-row ul {
        margin: 0;
    }
    .post_suburb>button::after {
        height: 70px;
        left: 105px;
        top: 8px;
        background-size: 76%;
    }
    .post_suburb>button {
        padding: 17px 25px;
    }
    .inner-blog a.entry-title {
        font-size: 18px;
    }
    .inner-blog .w-blog-post-content {
        font-size: 14px;
    }
    .w-blog.layout_classic[class*="cols_"] .w-blog-post {
        height: 460px;
    }
    .l-main.blog-detail {
        margin: 0px 15px;
    }
    .page-template-default.page.page-id-7000 .l-content {
        margin: 0px 15px;
    }
    .full-width-section article.w-blog-post.post {
        width: 500px;
        margin: 0 auto 38px !important;
        float: none !important;
        display: table;
    }
    .green-bg {
        padding: 56px 20%;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 0px 0px 0px;
        text-align: center;
    }
    .three-process.sec::before {
        left: 0px;
    }
    .three-process.sec {
        padding-left: 175px;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 0px 45px;
        text-align: center;
    }
    .frst .w-image-h {
        margin: auto;
        text-align: center;
    }
    .review-plan .w-image-h {
        text-align: center;
        margin: 0 auto;
    }
    .three-process.three {
        padding-left: 170px;
        padding-bottom: 0px;
    }
    .three-process {
        padding-bottom: 0px;
    }
    .no-pad-bottm {
        padding-bottom: 40px;
    }
    #web-none {
        display: none;
    }
    #mob-none {
        display: block;
    }
    .about-loved .l-section-h.i-cf {
        padding-top: 0px;
    }
    .about-girl {
        margin: 0 auto;
        display: table;
        MARGIN-TOP: 40PX;
    }
    .about-girl .w-image-h .attachment-full.size-full {
        height: 365px;
        width: 365px;
        LEFT: -50PX;
    }
    .about-girl .w-image-h::after {
        height: 345px;
        right: 140px;
        top: 14px;
        width: 345PX;
    }
    .w-nav .current_page_item a .w-nav-title {
        color: #ffffff !important;
    }
    #about-sec-left .vc_column-inner {
        padding-top: 0px;
    }
    .sticky-btn {
        left: -133px;
    }
    .sticky-btn p a {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 15px;
    }
    .numb-numeric {
        font-size: 28px;
        width: 49px;
        height: 49px;
        line-height: 48px;
        ;
    }
    .number {
        margin: 0px 13px;
    }
    .new-bannerstep .number {
        width: 200px;
    }
    label.numb-text {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .numb-numeric1::after {
        width: 117px;
        left: 45px;
        top: 23px;
    }
    .new-bannerstep .numb-numeric1::after {
        width: 180px;
    }
    .numb-numeric2::after {
        width: 125px;
        left: 46px;
        top: 23px;
    }
    .new-bannerstep .numb-numeric2::after {
        width: 180px;
    }
    .numb-numeric3::after {
        width: 141px;
        left: 46px;
        top: 23px;
    }
    .numb {
        max-width: 706px;
    }
    .new-bannerstep .numb {
        /*  width: 536px;*/
    }
    .sec-col {
        max-width: 420px;
        margin: 0 auto 38px !important;
    }
    .sec-col-last {
        margin-right: auto !important;
    }
    .how-head p {
        font-size: 28px;
        letter-spacing: 0px;
    }
    .home-blog-row article.w-blog-post.ecconex {
        width: 500px;
        margin: 0 auto 38px !important;
        float: none !important;
        display: table;
    }
    .banner-row {
        min-height: 700px;
    }
    .home-blog-row .l-section-h.i-cf {
        margin-bottom: 0;
    }
    .energy-plans p {
        font-size: 32px;
        text-align: center;
    }
    .energy-plans-text p {
        font-size: 21px;
        text-align: center;
    }
    .footer-btn p {
        margin: 0px auto;
        float: none;
        display: table;
    }
    .footer-cta-row .l-section-h.i-cf {
        background-repeat: repeat;
    }
    .copy-top .vc_col-sm-6.wpb_column {
        margin-bottom: 0px;
        float: none;
        width: 100%;
        margin: 0 auto;
        display: table;
    }
    .copy-top p {
        text-align: center;
        float: none;
    }
    .privacy {
        float: right !important;
        top: 5px;
    }
    .copy-col {
        position: relative;
        top: 0px;
    }
    .line-bottom {
        bottom: 38px;
    }
    .how-col {
        margin: 0px auto 40px !important;
        width: 360px !important;
    }
    .how-col::after {
        right: 0;
        top: 80%;
        background-size: 80%;
        left: -71px;
        margin: 0 auto;
        transform: rotate(90deg);
        background-size: 72%;
    }
    section#web-row {
        display: none;
    }
    section#web-mob {
        display: block;
    }
    .testimonial-carousel {
        width: 644px;
        margin: 0 auto;
    }
    .w-nav .current_page_item a .w-nav-title {
        color: #ffffff !important;
    }
    .about-text h2 {
        font-size: 28px;
    }
    #form-left {
        width: 100%;
    }
    #right-sec {
        width: 100%;
    }
    .address-sec span {
        margin: 0px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    .email-sec span {
        margin: 13px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    #form-left .how-text p,
    .gas-and-electri .price-green.price-green1 {
        padding-right: 0px;
    }
    #form-left {
        padding-right: 0px;
    }
    .gift-card-popup .ult_modal.ult-small {
        width: 710px !important;
    }
    .gift-card-popup .ult_modal-body::before {
        width: 349px;
        background-size: 100%;
    }
    span.wish-gift {
        font-size: 21px;
        margin: 0 auto 10px;
        padding: 0px 14%;
        line-height: 30px;
    }
    body .switch {
        font-size: 15px !important;
        padding: 0px 15%;
        line-height: 23px !important;
    }
    .redem p {
        margin-bottom: 12px;
    }
    .redem ul {
        padding: 0px 0px 0px 6px;
    }
    .redem ul li {
        padding: 0px 9px;
    }
    .redem ul li img {
        margin-bottom: 0px;
    }
    #form-left .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0px;
    }
    .odd-field {
        padding-right: 10px !important;
    }
    .gift-card-popup .ult_modal-body {
        padding-left: 50%;
        padding-top: 25px;
        padding-right: 0px;
    }
    .vc_col-sm-4.custmusagemeter {
        margin: 0 6px 0;
        width: 217px;
    }
    .vc_col-sm-4.option-box {
        margin-left: 10px;
        margin-right: 10px;
    }
    .electricityusagebilltype {
        max-width: 216px !important;
    }
    .electricityusagebilltype.option-box {
        max-width: 216px !important;
    }
    .formpage.customerform.activediv {
        padding: 20px 20px 0;
    }
    .custmpconeclass,
    #solar_consumed_peak {
        width: 50% !important;
        float: left !important;
        clear: none;
    }
    #create-update-customer input,
    #create-update-customer select {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .terms-conditions input {
        margin-left: 0px;
    }
    #gas_usage_container {
        width: 100% !important;
    }
    .barmain.single-form-view-progress .desktopview li {
        font-size: 16px;
        text-align: left;
        width: 30%;
    }
    .pwrshop {
        width: 25%;
    }
    .prc-sec {
        width: 33.3333%;
    }
    .prc-sec1 {
        width: 41.6667%;
    }
    .prc-sec h1 {
        font-size: 12px !important;
        letter-spacing: 0;
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    .or-price {
        width: 100%;
    }
    .price-green {
        padding-left: 0;
    }
    .prc-sec1 ul {
        padding-left: 0;
    }
    .elect-btn {
        font-size: 16px;
        padding: 8px 20px;
    }
    .elect-btn.gas-button {
        padding: 8px 47px;
    }
    #plandetails .pwrshop,
    .gas-and-electri .pwrshop {
        padding: 46px 10px;
        width: 23%;
    }
    #plandetails .compare-gas {
        padding: 40px 10px 31px;
        width: 26%;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price {
        padding: 40px 10px 50px;
        width: 33%;
        min-height: 480px;
    }
    #plandetails .apply-sec {
        padding: 72px 10px;
        width: 18%;
    }
    #plandetails .price-green {
        padding-left: 10px;
        padding-right: 10px;
    }
    #plandetails .price-green1 p.small-txt,
    #plandetails .green-price p.small-txt {
        padding: 0;
        font-size: 10px;
    }
    #plandetails .green-price,
    #plandetails .price-green.price-green1>span {
        font-size: 20px;
    }
    #plandetails span.orclass {
        line-height: 60px;
    }
    #plandetails .applynow-btn {
        padding: 11px !important;
        font-size: 12px;
    }
    .back-previous {
        width: 60%;
    }
    .plan-apply {
        width: 40%;
    }
    .rate-sec td {
        font-size: 16px;
        line-height: 25px;
    }
    .gas-and-electri .prc-sec {
        padding: 67px 27px 50px;
        width: 30%;
    }
    .gas-and-electri .prc-sec1 {
        padding-bottom: 53px;
        padding-left: 6px;
        padding-right: 6px;
        width: 30%;
    }
    .gas-and-electri .prc-sec1 span,
    .gas-and-electri .price-green.price-green1>span {
        font-weight: 600;
    }
    .gas-and-electri .apply-btn {
        font-size: 10px;
        width: auto;
        padding: 10px 19px 10px 8px;
    }
    .view-plan-btn {
        font-size: 10px;
        width: auto;
        padding: 10px 23px 10px 16px;
    }
    .apply-btn::after {
        right: 10px;
        top: 9px;
    }
    .gas-and-electri .applynow-below-content,
    .prc-sec>p {
        font-size: 12px;
    }
    .gas-and-electri .applynow-conatiner {
        width: 17%;
    }
    #upload-identification-document .questionoptionTextField.text_left_side.verifyfieldsecLeft {
        max-width: 326px;
        margin-bottom: -30px;
    }
    #upload-identification-document .inputfile_div.primary-bgcolor {
        max-width: 205px;
        margin-left: 10px;
    }
    #upload-identification-document .browse-file-field {
        left: -49px;
        top: -55px;
    }
    .combine-plan-details .apply-btn.applynowforplan {
        padding: 10px 14px 10px 9px !important;
        font-size: 13px;
        letter-spacing: 0.2px;
    }
    .combine-plan-details .apply-btn::after {
        right: 6px;
        top: 13px;
    }
    .combine-plan-details.gas-and-electri .prc-sec {
        padding: 10px 14px;
    }
    #plandetails .combine-plan-details .or-price::before {
        top: 6px !important;
        left: -4px;
        background-size: 76%;
    }
    #plandetails .price-green.price-green1::after {
        right: -19px;
        top: -1px;
        background-size: 72%;
    }
    .combine-plan-details span.dollor {
        top: -2px;
    }
    .combine-plan-details .gasafter::after {
        background-size: 69% !important;
    }
    .combine-plan-details.gas-and-electri .applynow-conatiner {
        padding-bottom: 27px;
    }
    .view-rate {
        letter-spacing: 0.2px;
    }
    .gas-price {
        margin-top: 20px;
    }
    .combine-plan-details.gas-and-electri .applynow-conatiner {
        padding-top: 46px;
        padding-bottom: 30px;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price {
        min-height: 320px;
    }
    .green-price p.small-txt {
        padding: 0 0px;
    }
    .price-green1 p.small-txt {
        letter-spacing: 0;
        font-size: 10px;
        padding: 0;
    }
    .prc-sec {
        min-height: 345px;
    }
    #planlistinghtml_gas .elect-btn,
    #plandetails_gas .elect-btn {
        padding: 8px 70px;
    }
    #planlistinghtml_gas .elect-btn,
    #plandetails_gas .elect-btn {
        padding: 8px 60px;
    }
    .compare-gas {
        padding: 40px 15px 31px;
    }
    #plandetails_gas .or-price {
        width: 31%;
    }
    .apply-sec,
    #plandetails_gas .pwrshop {
        padding: 72px 10px;
    }
    #plandetails_gas .or-price::before {
        left: 5px;
    }
    .apply-sec .applynow-btn {
        padding: 10px 2px 10px 3px !important;
    }
    .api-terms-row ul li {
        margin-bottom: 9px;
    }
    .approve-provider-row .provider-row {
        margin-left: 21px;
        width: 43.7%;
        margin-right: 21px;
    }
    .id-content-details.center-align-content .questionoptionTextField {
        float: left;
    }
    .id-content-details .expiraydate {
        float: left;
        width: 33.33%;
    }
    .id-content-details .questionoptionTextField {
        width: 33.33%;
        float: left;
    }
    .id-content-details.center-align-content {
        width: 80%;
    }
}

@media only screen and (min-width:220px) and (max-width:767px) {
    /*.electricitystep7 input, .electricitystep7 select

{

 -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    cursor: none !important;

}*/
    .congrts-txt>p,
    .happennextcontents>label,
    .hppn-cnt span {
        font-size: 16px;
    }
    .compare-another-plan {
        margin: 0 auto 30px;
    }
    .electricitystep7 input[type="email"],
    .electricitystep7 input[type="password"] {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        cursor: none !important;
    }
    .electricitystep7 .terms-conditions {
        max-width: inherit;
        width: 98%;
    }
    .id-content-details.center-align-content .questionoptionTextField {
        width: 100%;
    }
    .id-content-details.center-align-content {
        width: 100%;
    }
    #backtopdetail {
        bottom: 10px;
        margin-left: 0px;
    }
    .life-support .back-for-terms {
        margin-top: 4px;
    }
    .back-for-terms {
        float: left;
    }
    .life-support p {
        line-height: 22px;
        margin-bottom: 0px;
    }
    .postcodelisting .ui-menu-item {
        list-style: none;
        font-size: 11px;
    }
    .heading-title1,
    .heading-title4,
    .heading-title5,
    .heading-title6 {
        letter-spacing: 0px;
    }
    .gas-elec-move-date-section .movedatelbl {
        padding-right: 10px;
        padding-top: 18px;
        font-size: 14px;
    }
    .gas-elec-move-date-section .movedatefld {
        padding-top: 0px;
        margin-top: 5px;
        padding-left: 13px;
    }
    .rate-dtl-titl {
        margin-bottom: 8px;
    }
    .rate-sec {
        padding-top: 9px;
    }
    #plandetails .price-green.price-green1::after {
        display: none;
    }
    #plandetails_gas .price-green.price-green1::after {
        display: none;
    }
    .mb-wraper {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: 100vh !important;
        overflow-y: scroll !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
    }
    .main-wrapper .electriciy-gas label {
        display: block !important;
    }
    .mb-view span.rdl-label {
        display: block;
        text-align: center;
        line-height: 18px;
        font-style: normal;
    }
    .mb-view .option-buttons {
        width: 89px;
        min-height: 43px;
    }
    .option-buttons {
        width: 89px;
        min-height: 43px;
        margin-bottom: 20px;
    }
    .prc-sec {
        border-right: medium none;
    }
    .main-wrapper .rdl-label.electriciy-gas {
        position: relative;
        /* top: -10px;*/
    }
    .main-wrapper .modal-content {
        border-radius: 0;
    }
    .main-wrapper .modal-dialog {
        margin: 25px auto !important;
        border-radius: 0;
    }
    .main-wrapper .modal-header {
        padding: 8px 15px;
    }
    .main-wrapper .modal-header .close {
        margin: -12px -10px !important;
    }
    .main-wrapper .section-row ul {
        margin: 0 auto;
        text-align: center;
    }
    .main-wrapper .section-row ul li {
        display: block;
    }
    .main-wrapper .option-box {
        margin-left: 0;
        margin-right: 0;
        width: 194px;
        min-height: 55px;
        margin-bottom: 15px;
        padding: 0px 15px;
        float: none;
    }
    .main-wrapper .quotmain {
        padding: 0px 0 0 0px;
        margin-left: 0;
    }
    .main-wrapper .quotmain span {
        font-size: 15px;
        padding-left: 35px;
        line-height: 20px;
    }
    .main-wrapper .quotmain span::before {
        top: -4px;
        background-size: 50%;
    }
    .main-wrapper button#prevclick {
        left: 15px;
    }
    .main-wrapper .action-btn-holder img {
        height: 100px;
    }
    .main-wrapper button#nextclick {
        right: -35px;
    }
    .main-wrapper .quotmain {
        margin-bottom: 20px;
    }
    .main-wrapper .close img {
        height: 30px;
    }
    .main-wrapper .desktopview li span {
        width: 17px;
        height: 17px;
        font-size: 11px;
        margin-right: 5px;
    }
    .main-wrapper .desktopview li {
        font-size: 14px;
    }
    .desktopview li {
        width: 33%;
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* width: 70% !important;*/
        padding-left: 10px;
        padding-right: 10px;
    }
    #move-in-section {
        padding: 0px 30px 0px 30px;
    }
    .move-date-section .movedatelbl {
        padding-top: 18px;
        font-size: 14px;
    }
    .move-date-section .movedatefld {
        padding-top: 0px;
        margin-top: 5px;
        padding-left: 11px;
    }
    .movedatefld::before,
    .movedatefld label.iconcustom {
        background-size: 80%;
        background-repeat: no-repeat;
        top: 50%;
    }
    .movedatefld input {
        width: 130px;
        /*height: 39px;*/
        /*padding-left: 33px;*/
        font-size: 13px;
    }
    .post_suburb>button::after {
        left: 115px;
        background-size: 80%;
        display: none;
    }
    .banner-col .progress {
        margin: 7px 15px 0px;
    }
    .barmain {
        padding: 9px 0px;
        display: none;
    }
    .logo-car-row .w-logos-item img {
        padding-bottom: 20px;
    }
    .post_suburb {
        top: 3px;
        text-align: center;
        width: 90%;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        font-size: 13px;
        height: 54px;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 46px;
    }
    .post_suburb::before,
    .post_suburb label {
        top: 11px;
    }
    .post_suburb>button {
        font-size: 18px;
        padding: 11px 42px;
        margin-bottom: 30px;
    }
    h4.modal-title {
        font-size: 17px;
        margin-bottom: 5px;
    }
    .sec-img-holder img {
        height: 33px;
    }
    .sec-img-holder {
        padding: 10px 5px 10px 5px;
        display: inline-table;
    }
    span.rdl-label {
        font-size: 14px;
        display: inline-table;
        text-align: left;
        padding-top: 0;
        font-style: normal;
    }
    .compareEnergyOption .sec-img-holder {
        display: block;
    }
    .compareEnergyOption span.rdl-label {
        padding-bottom: 10px;
    }
    .rdl-label label {
        display: block !important;
    }
    .question {
        font-size: 20px !important;
        padding-top: 0px;
        margin-bottom: 15px;
        padding: 0px 15px;
    }
    .desktopview.mobileview {
        display: block;
    }
    .desktopview {
        display: none;
    }
    .barmain.single-form-view-progress .desktopview {
        display: block;
    }
    .modalprogressbar {
        padding: 0px 15px;
    }
    .inner-blog a.entry-title {
        font-size: 18px;
    }
    .inner-blog .w-blog-post-content {
        font-size: 14px;
    }
    .w-blog.layout_classic[class*="cols_"] .w-blog-post {
        height: auto;
    }
    .single.single-post .the_champ_sharing_container.the_champ_horizontal_sharing {
        margin-bottom: 20px;
    }
    .l-main.blog-detail {
        margin: 0px 15px;
    }
    .page-template-default.page.page-id-7000 .l-content {
        margin: 0px 15px;
    }
    .full-width-section article.w-blog-post.post {
        width: 500px;
        margin: 0 auto 38px !important;
        float: none !important;
        display: table;
    }
    .full-width-section h2.w-blog-post-title {
        font-size: 20px;
    }
    .full-width-section .w-blog-post-content {
        font-size: 14px;
    }
    .full-width-section h3 {
        font-size: 25px;
    }
    .full-width-section article.w-blog-post.post {
        margin-bottom: 35px;
    }
    .custom-blog p {
        font-size: 14px;
        line-height: 28px;
    }
    ul.sidebar-social li {
        margin-right: 0px;
    }
    .l-titlebar-content span {
        font-size: 40px;
        line-height: 45px;
    }
    .l-titlebar-content h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .green-bg {
        padding: 56px 23%;
    }
    .inner-blog .w-blog-post-content {
        font-size: 14px;
    }
    .inner-blog a.entry-title {
        font-size: 20px;
    }
    .about-text h2 {
        font-size: 22px;
    }
    #how-work-cont .about-text p:nth-child(2) {
        font-size: 14px;
    }
    .header_hor .l-header {
        z-index: 999;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 0px 0px 0px;
        text-align: center;
    }
    #how-work-cont .about-text p br {
        display: none;
    }
    #how-work-cont .about-text h2 br {
        display: none;
    }
    #how-work-cont .l-section-h.i-cf {
        PADDING-TOP: 0PX;
        padding-bottom: 10px;
    }
    .three-process {
        padding-bottom: 0px;
        padding-left: 70px;
    }
    .three-process.sec::before {
        left: 0px;
        top: 8px;
        font-size: 50px;
    }
    .three-process.sec {
        padding-left: 80px;
    }
    .three-process.three {
        padding-left: 80px;
        padding-bottom: 0px;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 0px 45px;
        text-align: center;
    }
    .frst .w-image-h {
        margin: auto;
        text-align: center;
    }
    .review-plan .w-image-h {
        text-align: center;
        margin: 0 auto;
    }
    .three-process::before {
        font-size: 50px;
        top: 8px;
    }
    .three-process.three::before {
        font-size: 50px;
        top: 8px;
    }
    .no-pad-bottm {
        padding-bottom: 40px;
    }
    #web-none {
        display: none;
    }
    #mob-none {
        display: block;
    }
    #form-left {
        width: 100%;
    }
    #right-sec {
        width: 100%;
    }
    #about-sec-left .vc_column-inner {
        padding-top: 0px;
    }
    .about-text strong {
        font-size: 14px;
    }
    .about-text p {
        font-size: 14px;
        text-align: center;
    }
    .about-text p:nth-child(2) {
        margin-bottom: 10px;
        text-align: center;
    }
    .about-loved .l-section-h.i-cf {
        padding-top: 0px;
    }
    .about-girl .w-image-h::after {
        display: none;
    }
    .about-girl {
        margin: 0 auto;
        display: table;
        MARGIN-TOP: 40PX;
    }
    .about-girl .w-image-h .attachment-full.size-full {
        height: 365px;
        width: 365px;
    }
    .about-text h2 {
        font-size: 24px;
        text-align: center;
    }
    .w-nav .current_page_item a .w-nav-title {
        color: #7f983b !important;
    }
    .sec-col-last {
        margin-right: auto !important;
    }
    .logo-car-head p {
        margin-top: 35px;
    }
    .how-row .l-section-h.i-cf {
        padding: 35px 0px 40px;
    }
    .how-subhead p {
        letter-spacing: 0px;
        font-size: 15px;
    }
    .home-blog-row .l-section-h.i-cf {
        padding: 29px 0px 0px;
        margin-bottom: 0;
    }
    .footer-cta-row .l-section-h.i-cf {
        margin-top: -83px;
        background-repeat: repeat;
        padding-top: 37px;
        padding-bottom: 37px;
    }
    .footer-cta-row .vc_col-sm-8 {
        margin-bottom: 10px !important;
    }
    .footer-btn p {
        margin: 25px auto 0px;
        display: table;
        float: none;
        height: 48px;
        line-height: 47px;
        padding: 0px 19px;
        font-size: 18px;
    }
    .energy-plans {
        margin: 0 auto;
        display: table;
    }
    section#web-mob {
        display: block;
    }
    section#web-row {
        display: none;
    }
    .testimonial-row .l-section-h.i-cf {
        padding: 31px 0px 0px;
    }
    .testimonial-carousel blockquote.w-testimonial-h {
        margin-bottom: 41px;
    }
    .copy-top p {
        float: none;
    }
    .copy-col {
        margin-bottom: 4px !important;
    }
    .line-bottom {
        bottom: 81px;
    }
    .sticky-btn p a {
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .footer-icon {
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
    }
    .address-sec span {
        margin: 0px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    .email-sec span {
        margin: 13px 0px 2px 85px;
        font-size: 18px;
        line-height: 26px;
    }
    #form-left .how-text p {
        padding-right: 0px;
    }
    #form-left {
        padding-right: 0px;
    }
    #form-left .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0px;
    }
    .odd-field {
        padding-right: 10px !important;
    }
    /*--------*/
    .providerlistcls-main,
    .lifesupportlistcls-main {
        width: 100%;
        margin: 15px auto 30px;
    }
    .providerlistcls {
        width: 100%;
    }
    .startbilldate {
        padding-right: 10px;
        width: 50%;
    }
    .spacecls {
        margin: 30px auto 0;
    }
    .startenddate {
        width: 50%;
        padding-left: 10px;
    }
    .startbilldate input,
    .startenddate input {
        width: 240px;
        border-radius: 0;
    }
    .startdatebill {
        margin: 15px auto 30px;
    }
    .vc_col-sm-4.custmusagemeter {
        float: none;
        margin: 0 auto 15px;
        min-height: 110px;
        width: 85%;
    }
    .peakfieldfirst,
    .peakfieldssecond {
        float: none;
        margin: 0 auto 30px;
        width: 80%;
    }
    #peaktype .peakfieldsmain {
        padding-left: 0;
        padding-top: 0;
    }
    .peakwh {
        opacity: 0.5;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .formpage input.rdl_input {
        width: 100%;
        border-radius: 0;
    }
    #peakandoffpeaktype,
    .peaksummer-main,
    #peaktype {
        padding-top: 0;
        width: 100%;
    }
    #timeofuse {
        width: 100%;
    }
    #timeofuse {
        padding-top: 0px;
    }
    .peakfirst,
    .vc_col-sm-4.controlloadfirst,
    #solar_consumed_double,
    #control_load_two,
    .vc_col-sm-4.timeofusepeakus,
    .vc_col-sm-4.timeofuseoffpeak,
    .timeofusepeakshoulder,
    #solar_consumed_timeofuse,
    #control_load_two_timeofuse .vc_col-sm-6,
    .timeofusesolarback,
    #control_load_fields_timeofuse,
    #control_load_field_summer,
    #control_load_field_double,
    #control_load_field_winter,
    .peakfieldfirst,
    #control_load_fields_summer_winter {
        float: none !important;
        margin: 0 auto 15px !important;
        position: relative;
        width: 85% !important;
    }
    .peakfiledslabel {
        font-size: 15px;
    }
    .load_usage_double-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        margin: 0 auto !important;
        padding: 5px 10px 15px;
        width: 88%;
    }
    .vc_col-sm-4.custmusagemeter {
        clear: both;
    }
    #control_load_two {
        padding-top: 0;
    }
    .electricityusagebilltype {
        float: none;
        margin: 0 auto 20px !important;
        max-width: 300px !important;
        padding: 0 2px 25px !important;
        width: auto !important;
    }
    .electricityusagebilltype ul li {
        text-align: left;
    }
    .formpage.customerform.activediv {
        padding: 0px 0 0;
    }
    .customerform .formtitle {
        font-size: 18px !important;
        margin-bottom: 10px;
    }
    #submitcustomer_detail,
    #gassubmitcustomer_detail,
    #comsubmitcustomer_detail {
        font-size: 12px;
        margin-top: 10px;
        padding: 15px 10px;
        white-space: normal;
        word-wrap: break-word;
        margin-bottom: 10px;
    }
    .customerform .formfield {
        padding-bottom: 0px;
    }
    .styled-checkbox+label::before {
        display: inline-block;
        float: left;
        margin-top: 0px;
    }
    #timeofuse .load_usage_double-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
    }
    .movedatefld input {
        width: 200px;
    }
    .terms-conditions p {
        padding: 11px 20px;
        margin-bottom: 0px;
        font-size: 13px;
    }
    #gas_usage_container .vc_col-sm-4 {
        float: left !important;
        margin-left: 10px !important;
        width: 47% !important;
    }
    .lets-save {
        display: table;
        float: none;
        margin: 0 auto;
    }
    .pwrshop {
        width: 40%;
        padding: 25px 10px 15px;
    }
    .prc-sec,
    #plandetails_gas .compare-gas {
        border-left: 0 none;
        padding: 10px;
        width: 60%;
    }
    .or-price::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .ongoing-trm::before {
        background-image: url("../images/ongoing-benefit.png");
        height: 19px;
        left: 2px;
        width: 19px;
    }
    .solor-comp::before {
        background-image: url("../images/sun.png");
        height: 22px;
        left: 0;
        width: 22px;
    }
    .exit-fees::before {
        background-image: url("../images/doc.png");
        height: 23px;
        left: 2px;
        width: 19px;
    }
    .cont-term::before {
        background-image: url("../images/handshake.png");
        content: "";
        height: 17px;
        left: -5px;
        position: absolute;
        width: 32px;
    }
    .subtitle-center {
        font-size: 40px;
    }
    #planlistinghtml .prc-sec h1,
    #plandetails .prc-sec h1,
    #planlistinghtml_gas .prc-sec h1,
    #plandetails_gas .prc-sec h1 {
        /* display: table;

  margin: 0 auto 10px;*/
        padding-left: 30px !important;
        position: relative;
        top: 0 !important;
        display: inherit;
        margin-bottom: 10px;
        text-align: left;
    }
    .planname::before {
        background: rgba(0, 0, 0, 0) url("../images/img/bolt-elec.png") repeat scroll 0 0;
        content: "";
        height: 33px;
        left: 0px;
        position: absolute;
        top: 5px;
        width: 33px;
    }
    .apply-btn::after {
        right: 10px;
        top: 9px;
    }
    .prc-sec>p {
        color: #4d4d4f;
        font-style: normal;
        font-weight: 500;
        text-align: center;
    }
    .exit-fees {
        margin-top: 15px;
    }
    .or-price span.orclass {
        line-height: 60px;
    }
    .rate-dtls-cont {
        padding: 30px 20px;
    }
    .faq-tabs>ul {
        display: none;
    }
    #create-update-customer {
        margin-top: 0;
    }
    .movedatefld::before,
    .movedatefld label.iconcustom {
        left: 10px;
        top: 50%;
    }
    .movedatelbl {
        padding-right: 10px;
        padding-top: 35px;
    }
    .text_term_moving {
        letter-spacing: 0px;
        font-size: 13px;
    }
    .no-padd,
    .selecterp {
        margin-bottom: 10px;
        padding: 0;
    }
    #upload-identification-document .single-form-next {
        /* margin-top: -18px;*/
        margin-bottom: 22px;
    }
    .top-struct {
        top: -17px;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        width: 443px;
    }
    .top-loc p {
        font-size: 16px;
    }
    .top-loc p::before {
        left: -14px;
        top: -4px;
    }
    .top-price {
        width: 57%;
        float: left;
        padding: 0px 5px;
    }
    .top-logo {
        width: 42%;
        float: left;
        padding: 0px 5px;
    }
    .mobile-view-layout .barmain.single-form-view-progress {
        margin-top: 100px;
    }
    .movedatefld::before,
    .movedatefld label.iconcustom {
        left: 22px;
        top: 50%;
    }
    .gas-and-electri.combine-plan-details .prc-sec1 {
        width: 100%;
        padding-top: 0px;
    }
    .combine-plan-details .gas-price {
        margin-top: 0px;
    }
    .combine-plan-details.gas-and-electri .prc-sec {
        padding: 13px 5px;
    }
    .gas-and-electri .prc-sec .planname::before {
        top: 5px;
    }
    .top-loc {
        width: 235px;
        margin: 0 auto 10px !important;
        display: table;
        float: none;
    }
    .setc-prov .validacomelecprovider.validationerror,
    .setc-prov .validcomgasprovider.validationerror {
        left: 30px;
    }
    .quotmain.pop5,
    .quotmain.pop6 {
        max-width: 490px;
        margin: 0 auto 20px;
    }
    .api-terms-row ul li {
        margin-bottom: 9px;
    }
    .id-content-details .questionoptionTextField {
        clear: both;
    }
    .id-content-details .col-lg-4 {
        padding: 0px !important;
        margin: 3px 0px;
        display: table;
        width: 100%;
    }
    .identitytype {
        margin-bottom: 0px;
    }
    #identification-details label {
        margin: 10px 0 5px;
        float: left;
    }
}

@media only screen and (min-width:551px) and (max-width:767px) {
    .desktopview li {
        width: 41%;
    }
    .pro-text p {
        margin-bottom: 22px !important;
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* max-width: 195px!important;*/
    }
    #combine_plan #plan-both-name::before {
        left: 9px;
    }
    .terms-conditions .fielderrormain.validationerror {
        top: 600px;
        left: 14%;
    }
    .post_suburb>button::after {
        left: 54px !important;
        background-size: 50% !important;
    }
    .post_suburb::before,
    .post_suburb label {
        display: none !important;
    }
    .post_suburb {
        width: 100%;
        margin-bottom: 20px;
        top: 0px;
        text-align: center;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        font-size: 12px;
        height: 54px;
        padding-left: 14px;
        width: 196px;
        margin-right: 6px;
    }
    .post_suburb>button {
        font-size: 16px;
        padding: 16px 25px;
        margin-left: 0px;
    }
    .sticky-btn {
        left: -133px;
    }
    .home-blog-row article.w-blog-post.ecconex {
        width: 470px;
        margin: 0 auto;
        display: table;
    }
    .number {
        margin: 0px 2px;
    }
    .new-bannerstep .number {
        width: 150px;
    }
    .numb-numeric {
        font-size: 18px;
        width: 36px;
        height: 36px;
        line-height: 35px;
    }
    label.numb-text {
        font-size: 11px;
        letter-spacing: 0;
    }
    .numb-numeric1::after {
        width: 75px;
        left: 32px;
        top: 17px;
    }
    .new-bannerstep .numb-numeric1::after {
        width: 120px;
    }
    .numb-numeric2::after {
        width: 81px;
        left: 33px;
        top: 17px;
    }
    .new-bannerstep .numb-numeric2::after {
        width: 120px;
    }
    .numb-numeric3::after {
        width: 95px;
        left: 33px;
        top: 17px;
    }
    .banner-row {
        min-height: 389px;
    }
    .numb {
        max-width: 474px;
        margin: 0 auto;
    }
    .new-bannerstep .numb {
        /* width: 344px;*/
    }
    .how-head p {
        font-size: 27px;
        margin-bottom: 16px !important;
        letter-spacing: 0px;
        line-height: 43px;
    }
    .energy-plans p {
        font-size: 22px;
        text-align: center;
        letter-spacing: 0.5px;
    }
    .energy-plans-text p {
        font-size: 15px;
        text-align: center;
        letter-spacing: 0.5px;
    }
    .how-col {
        margin: 0px auto 38px !important;
        width: 350px !important;
    }
    .how-col::after {
        right: 0;
        top: 86%;
        background-size: 55%;
        transform: rotate(90deg);
        left: -109px;
        margin: 0 auto;
    }
    .testimonial-carousel blockquote.w-testimonial-h {
        padding-top: 27px;
        padding-bottom: 16px;
    }
    .banner-steps {
        margin: 105px auto 0;
    }
    .sec-col {
        width: 384px !important;
        margin: 0 auto 38px !important;
    }
    /*------------*/
    .gift-card-popup .ult_modal.ult-small {
        width: 510px !important;
        top: 5%;
    }
    .gift-card-popup .ult_modal-body::before {
        width: 239px;
        background-size: 100%;
    }
    span.wish-gift {
        font-size: 16px;
        margin: 0 auto 10px;
        padding: 0px 15%;
        line-height: 20px;
    }
    body .switch {
        font-size: 12px !important;
        padding: 0px 14%;
        line-height: 18px !important;
        letter-spacing: 0px;
        margin-bottom: 5px;
    }
    .redem ul {
        padding: 0px 0px 0px 6px;
    }
    .redem ul li {
        padding: 0px 5px;
    }
    .redem ul li img {
        margin-bottom: 0px;
        width: 52px;
        filter: contrast(1.25);
    }
    .gift-card-popup .ult_modal-body {
        padding-left: 47%;
        padding-top: 13px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .redem p {
        font-size: 15px !important;
    }
    .barmain.single-form-view-progress .desktopview li {
        font-size: 14px;
        text-align: left;
        width: 32%;
    }
    .or-price {
        padding-left: 10px;
        width: 100%;
    }
    .price-green {
        padding-left: 0;
    }
    .price-green.price-green1 {
        padding-right: 0;
    }
    .back-previous {
        width: 40%;
    }
    .plan-apply {
        width: 60%;
    }
    .plan-details .nav-tabs>li {
        height: 43px;
        width: 135px;
    }
    .plan-details .nav-tabs>li>a {
        font-size: 14px;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price {
        width: 100%;
        padding: 0px 0px 0px !important;
        border-right: none;
    }
    #plandetails #prevclickdfv,
    #plandetails_gas #prevclickdfv {
        font-size: 15px;
        padding-left: 50px;
    }
    .plan-dtl {
        font-size: 12px;
    }
    #gas_usage_container,
    .gas_usage_input {
        width: 100% !important;
    }
    .top-loc p {
        font-size: 16px;
    }
    p.electri-titl12 {
        font-size: 15px;
    }
    .electri-titl12::before {
        left: 9px;
    }
    .single-form-view-details {
        padding: 0 10px;
    }
    #upload-identification-document .questionoptionTextField.text_left_side.verifyfieldsecLeft {
        max-width: 261px;
    }
    #upload-identification-document .inputfile_div.primary-bgcolor {
        max-width: 217px;
        margin-left: 6px;
    }
    #create-update-customer .barmain.single-form-view-progress {
        margin-bottom: 35px;
    }
    #upload-identification-document .browse-file-field {
        left: -60px;
        top: -82px;
    }
    #combine_plan h1.planname {
        font-size: 19px;
        display: inline-block;
    }
    .gas-and-electri.combine-plan-details .prc-sec .planname::before {
        left: 0px;
        top: 9px;
        background-size: 83%;
        background-repeat: no-repeat;
    }
    #combine_plan .green-price p.small-txt {
        padding: 0 14px;
    }
    #combine_plan #plan-both-name {
        padding-left: 30px !important;
    }
    #combine_plan .gas-nama::before {
        left: 9px !important;
        top: 8px;
        bottom: 0;
    }
    .approvedproviderlist {
        max-width: 486px !important;
    }
    .approve-provider-row .provider-row {
        margin-left: 15px;
        margin-right: 15px;
        width: 213px;
    }
    .approve-provider-row .provider-name span {
        font-size: 17px;
    }
}

@media only screen and (min-width:220px) and (max-width:550px) {
    .electricitystep7 .terms-conditions {
        /* max-width: 320px;*/
    }
    .pro-text p {
        font-size: 20px !important;
        margin-bottom: 22px !important;
    }
    #combine_plan #plan-both-name::before {
        left: 9px;
    }
    #planlistinghtml_gas .planname::before {
        background-size: 38%;
    }
    .terms-conditions .fielderrormain.validationerror {
        left: 4%;
    }
    #upload-identification-document .inputfile_div.primary-bgcolor {
        display: inline-table;
        margin: 30px auto 40px;
        float: none;
    }
    #upload-identification-document .browse-file-field {
        display: table;
        float: none;
        left: 0;
        margin: 0 auto;
        top: -30px;
    }
    .single.single-post .w-blog-post {
        padding: 0px 30px !important;
    }
    .w-blog-post {
        padding: 0px !important;
    }
    .sidebar-social img {
        width: 40px;
    }
    .wpp-list.wpp-list-with-thumbnails .wpp-thumbnail {
        float: none;
    }
    .full-width-section article.w-blog-post.post {
        width: 100%;
    }
    .w-blog-list {
        padding: 0px 35px;
    }
    .single.single-post .the_champ_sharing_title {
        padding: 15px 10px;
        font-size: 13px;
    }
    .single.single-post ul.the_champ_sharing_ul {
        margin-right: 10px !important;
    }
    .green-bg {
        padding: 56px 10px;
    }
    .green-bg p {
        font-size: 23px;
    }
    .wpp-list.wpp-list-with-thumbnails .wpp-date {
        font-size: 12px;
        padding-left: 0;
    }
    ul.wpp-list.wpp-list-with-thumbnails li {
        line-height: 20px;
        margin-bottom: 15px;
    }
    ul.wpp-list.wpp-list-with-thumbnails li a {
        font-size: 15px;
        display: block;
    }
    span.wpp-meta.post-stats .fa-calendar::before {
        display: none;
    }
    .three-process::before {
        font-size: 40px;
        top: 2px;
    }
    .three-process.sec::before {
        left: 0px;
        top: 2px;
        font-size: 40px;
    }
    .three-process {
        padding-bottom: 0px;
        padding-left: 60px;
        padding-right: 0px;
    }
    .three-process.sec {
        padding-left: 70px;
    }
    .three-process.three::before {
        font-size: 40px;
        top: 2px;
    }
    .three-process.three {
        padding-left: 70px;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    body .gift-card-popup .ult_modal-body {
        padding-left: 10px;
        padding-top: 10px;
        background: #f4f4f4;
        padding-right: 10px;
    }
    .wish-card-img {
        display: block;
    }
    .about-girl .w-image-h .attachment-full.size-full {
        height: 240px;
        width: 240px;
    }
    .about-girl {
        margin: 0 auto;
        display: table;
        MARGIN-TOP: 20PX;
    }
    .about-girl .w-image-h::after {
        display: none;
    }
    .numb-numeric1::after,
    .numb-numeric2::after,
    .numb-numeric3::after {
        width: 37px;
        left: 0px;
        top: 57px;
        transform: rotate(90deg);
    }
    .new-bannerstep .numb-numeric1::after {
        width: 1px;
        left: 0px;
        top: 39px;
        transform: rotate(90deg);
        transform: rotate(0deg);
        height: 57px;
    }
    .new-bannerstep .numb-numeric2::after {
        width: 1px;
        left: 0px;
        top: 39px;
        transform: rotate(90deg);
        transform: rotate(0deg);
        height: 37px;
    }
    .banner-steps {
        margin: 136px auto 0;
    }
    .numb-numeric {
        font-size: 18px;
        width: 43px;
        height: 43px;
        line-height: 50px;
        float: left;
    }
    .number {
        width: 100%;
        margin: 20px 0 0px;
        text-align: left;
    }
    .new-bannerstep .number {
        width: 100%;
    }
    .banner-row {
        min-height: 550px;
    }
    .sec-col {
        width: 254px !important;
        margin: 0 auto 38px !important;
    }
    .number>p {
        float: left;
        line-height: 44px;
        margin-left: 17px;
    }
    .how-col .vc_column-inner {
        height: 295px;
        padding: 32px 31px 1px !important;
    }
    .how-text p {
        font-size: 13.5px;
        line-height: 22px;
    }
    .how-btn p {
        font-size: 18px;
        padding: 0px 23px;
        height: 50px;
        line-height: 55px;
    }
    .how-head p {
        font-size: 25px;
        margin-bottom: 26px !important;
        letter-spacing: 0px;
    }
    .testimonial-carousel .w-testimonial-author img {
        padding-top: 23px;
        padding-left: 0;
        right: 0px;
        margin: 0 auto;
    }
    .testimonial-carousel blockquote.w-testimonial-h {
        padding-left: 23px !important;
        padding-top: 196px;
        padding-bottom: 22px;
        padding-right: 23px;
        margin: 0px 0px 26px;
    }
    .testimonial-carousel .w-testimonial-text p {
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-carousel .w-testimonial-author {
        margin: 5px auto 0px;
        display: table;
    }
    .home-blog-row .how-subhead p {
        margin-bottom: 19px !important;
    }
    .home-blog-row a.entry-title {
        font-size: 18px;
        letter-spacing: 0px;
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    .home-blog-row .w-blog-post-content p {
        text-align: center;
    }
    .home-blog-row a.w-blog-post-more {
        padding: 0px 26px;
        margin: 20px auto 0px;
        display: table;
    }
    .home-blog-row .vc_col-sm-12 {
        max-width: 390px !important;
        margin: 0 auto !important;
    }
    .home-blog-row article.w-blog-post.ecconex {
        width: 100%;
        margin: 0 auto 38px !important;
        display: table;
    }
    label.numb-text {
        font-size: 17px;
        color: #fff;
        letter-spacing: 0;
        margin-left: 7px;
    }
    .numb-numeric4::before {
        left: 11px;
        background-size: 79%;
    }
    .sticky-btn {
        left: -121px;
    }
    .sticky-btn p a {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .energy-plans-text p {
        font-size: 17px;
        text-align: center;
    }
    .footer-cta-row .l-section-h.i-cf {
        padding-left: 12px;
        padding-right: 12px;
    }
    .social-icon ul li {
        margin-right: 3px;
    }
    #menu-menu-footer {
        margin: 0 auto;
        display: table;
        width: 293px;
        text-align: center;
    }
    #menu-footer li {
        float: none;
    }
    footer .color_footer-bottom a {
        letter-spacing: 0px;
        padding: 0px !important;
        text-align: center;
        font-size: 13px;
    }
    .copy-top p {
        letter-spacing: 0px;
    }
    .line-bottom {
        bottom: 143px;
    }
    .how-col {
        width: 303px !important;
        margin: 0 auto 38px !important;
    }
    .how-col::after {
        right: 0;
        top: 83%;
        background-size: 58%;
        left: -107px;
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .energy-plans p {
        font-size: 24px;
        text-align: center;
        line-height: normal;
    }
    .numb {
        max-width: 266px;
        margin: 0 auto;
    }
    .footer-icon::before {
        left: 7px;
    }
    .address-sec span br {
        display: none;
    }
    .address-sec span {
        margin: 4px 0px 2px 70px;
        font-size: 16px;
        line-height: 26px;
    }
    .email-sec span {
        margin: 13px 0px 2px 70px;
        font-size: 16px;
        line-height: 26px;
    }
    .email-sec {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    #LEFT-TEXT p {
        margin-bottom: 20px !important;
    }
    .contact-top .l-section-h.i-cf {
        padding-top: 30px;
    }
    .how-head p {
        font-size: 25px;
    }
    #form-left .how-text p {
        padding-right: 0px;
        font-size: 14px;
    }
    #form-left li {
        width: 100%;
    }
    .odd-field {
        padding-right: 0px !important;
    }
    #form-left input#gform_submit_button_1 {
        margin: 5px auto 0;
        font-size: 16px;
        padding: 0px 35px;
        height: 45px;
        line-height: 33px;
    }
    .l-titlebar.color_default .l-titlebar-h {
        padding-bottom: 14px !important;
        padding-top: 50px;
    }
    .l-titlebar-content span {
        font-size: 35px;
    }
    .l-titlebar-content h1 {
        font-size: 35px;
    }
    .gift-card-popup .ult_modal.ult-small {
        width: 90%;
        top: 5%;
    }
    .gift-card-popup .ult_modal-body::before {
        width: 100%;
        height: 359px;
        top: -42px;
        background-size: 100%;
        display: none;
    }
    span.wish-gift {
        font-size: 19px;
        margin: 12px auto;
        padding: 0px 15px;
        line-height: 28px;
    }
    body .switch {
        font-size: 15px !important;
        padding: 0px 7px;
        line-height: 25px !important;
        letter-spacing: 0;
        margin-bottom: 8px;
    }
    .redem ul li {
        list-style: none;
        display: inline-block;
        padding: 0px 0;
        margin: 0 auto;
        display: table;
    }
    .three-process strong {
        font-size: 24px;
    }
    .three-process p {
        FONT-SIZE: 14PX;
    }
    .number>p {
        float: left;
        line-height: 40px;
        margin-left: 5px;
    }
    .number p:last-child {
        width: 200px;
        line-height: 26px;
    }
    .startbilldate input,
    .startenddate input {
        width: 135px;
        border-radius: 0;
        padding-left: 36px;
    }
    .vc_col-sm-4.custmusagemeter {
        width: 62%;
    }
    #bill_handy_plan_choose {
        display: block;
    }
    .peakfieldfirst,
    .peakfieldssecond {
        width: 55%;
    }
    .peakfirst,
    .vc_col-sm-4.controlloadfirst,
    #solar_consumed_double,
    #control_load_two,
    .vc_col-sm-4.timeofusepeakus,
    .vc_col-sm-4.timeofuseoffpeak,
    .vc_col-sm-4.timeofusepeakshoulder,
    #solar_consumed_timeofuse,
    #control_load_two_timeofuse .vc_col-sm-6,
    .timeofusesolarback,
    #control_load_fields_timeofuse,
    #control_load_field_summer,
    #elec_solar_consumed_double,
    #elec_solar_consumed_winter,
    #control_load_field_double,
    #control_load_field_winter,
    .peakfieldfirst,
    #control_load_fields_summer_winter {
        width: 62% !important;
    }
    #peakandoffpeaktype,
    .peaksummer-main,
    #peaktype {
        width: auto;
    }
    .electricityusagebilltype {
        max-width: 250px !important;
    }
    .movedatefld input {
        width: 135px;
    }
    .load_usage_double-wrap {
        width: 75%;
    }
    #gas_usage_container .vc_col-sm-4 {
        width: 46% !important;
    }
    .gasstep6,
    #create-update-customer-gas,
    .gasstep6,
    .electricitystep7,
    .gaselecstep7 {
        padding: 0;
    }
    #create-update-customer .barmain.single-form-view-progress {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 40px;
        margin-top: 50px;
    }
    #page_layout_view .modal-body {
        padding: 0;
    }
    .single-form-view-details {
        padding: 0px;
    }
    #page_layout_view .footer-cta-row .l-section-h.i-cf {
        padding: 51px 0;
    }
    #concession-details .rdl-label,
    #busines-yes-no .rdl-label,
    .have-portal .rdl-label {
        padding-top: 12px;
    }
    #concession-details .option-buttons {
        text-align: center;
    }
    #business-details input,
    .entry-manually-container .form-group,
    .billing-manually-container .form-group {
        margin-bottom: 10px;
    }
    #business-details .form-group {
        margin-bottom: 0;
    }
    #busines-yes-no {
        margin-top: 40px;
    }
    .new-otp-slide-main {
        padding: 15px 0px 35px;
    }
    .text-color-main {
        padding: 0;
    }
    .otpfieldleft {
        width: 100%;
    }
    .otpfieldmainsection {
        margin-bottom: 40px;
    }
    .progressactive {
        width: 53% !important;
        text-align: left;
    }
    #progress1,
    #progress2,
    #progress3,
    #progress4,
    #progress5,
    #progress6 {
        width: 100px;
        background: transparent;
        color: #fff;
        text-align: left;
        font-size: 10px;
    }
    #create-update-customer .barmain.single-form-view-progress .desktopview li {
        text-align: left;
        width: 7%;
    }
    .barmain.single-form-view-progress .modalprogressbar {
        padding: 0 0px 0 0;
    }
    .banner-col .progress,
    #page_layout_view .progress {
        margin: 13px 5px 0;
    }
    #page_layout_view .modal-body {
        padding: 15px;
    }
    .apply-btn {
        font-size: 13px;
        padding: 10px 19px 10px 10px;
        width: 140px;
        text-align: center;
    }
    .combine-plan-details .apply-btn.applynowforplan {
        padding: 8px 17px 9px 11px !important;
        font-size: 10px;
        letter-spacing: 0.5px;
    }
    .combine-plan-details .apply-btn::after {
        right: 7px;
        top: 10px;
    }
    .view-rate {
        font-size: 12px;
    }
    .prc-sec h1 {
        font-size: 16px !important;
    }
    .or-price {
        padding-left: 0;
        width: 100%;
    }
    .price-green {
        padding-left: 0;
        width: 40%;
    }
    .price-green.price-green1 {
        padding-right: 0;
    }
    .green-price,
    .price-green.price-green1>span {
        /*font-size: 18px;*/
    }
    .dollor {
        /*font-size: 11px !important;*/
        top: -3px;
    }
    .price-green1 p.small-txt,
    .green-price p.small-txt {
        line-height: 14px;
        padding: 0;
        letter-spacing: 0.2px;
    }
    .prc-sec>p {
        font-style: normal;
        text-align: center;
    }
    .prc-sec ul li {
        font-size: 11px;
    }
    .power-logo {
        padding: 0;
    }
    .exit-fees {
        line-height: 25px;
        margin-top: 0
    }
    #planlistinghtml .prc-sec h1,
    #plandetails .prc-sec h1,
    #planlistinghtml_gas .prc-sec h1,
    #plandetails_gas .prc-sec h1 {
        display: inherit;
        /* margin: 0 auto;*/
        padding-left: 20px !important;
        padding-right: 0 !important;
        position: relative;
        top: 0 !important;
        text-align: left;
    }
    .planname::before {
        background: rgba(0, 0, 0, 0) url("../images/img/bolt-elec.png") no-repeat scroll 0 0 / 50% auto;
        top: 6px;
    }
    .subtitle-center {
        font-size: 22px;
        padding-bottom: 50px;
        padding-top: 60px;
        margin-bottom: 0;
    }
    .solor-comp {
        line-height: 23px;
    }
    .terms-conditions p {
        padding: 11px 0px 11px 13px;
        margin-bottom: 0px;
    }
    #terms {
        width: 20px !important;
        margin-top: 13px;
        left: 0px;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price,
    #plandetails .or-price-main {
        border-right: medium none;
        padding: 0 !important;
        width: 100%;
    }
    .back-previous {
        width: 100%;
    }
    .plan-apply {
        display: none;
    }
    #plandetails .price-green {
        padding: 0 5px !important;
    }
    #plandetails #prevclickdfv,
    #plandetails_gas #prevclickdfv {
        font-size: 14px;
        padding-left: 40px;
        line-height: 30px;
    }
    #plandetails #prevclickdfv::before,
    #plandetails_gas #prevclickdfv::before {
        font-size: 13px;
        height: 31px;
        line-height: 30px;
        width: 31px;
    }
    .features p,
    .why-power li {
        font-size: 14px;
    }
    .why-power p,
    .why-power p span {
        font-size: 14px !important;
    }
    .rate-sec {
        border: 2px solid #e1e1e1;
        padding: 15px 5px 0;
    }
    .plan-details .nav-tabs>li {
        width: 72px;
        height: auto;
        margin-right: 6px;
    }
    .rate-sec .nav>li>a {
        padding: 10px 0;
    }
    .plan-details .nav-tabs>li>a {
        font-size: 12px;
        padding-right: 15px;
    }
    .rate-dtls-cont {
        margin-bottom: 20px;
        padding: 30px 15px;
    }
    .rate-sec td {
        color: #656565;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 10px 5px;
    }
    .rate-sec table.discount-table p {
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 400 !important;
    }
    .feature-titl {
        /*font-size: 18px !important;

  font-weight: bold !important;

  margin-bottom: 5px;*/
    }
    .calculation {
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .features strong {
        font-size: 16px;
        font-weight: 600;
    }
    .why-power p.power-titl {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    #plandetails .price-green,
    #plandetails .price-green.price-green1,
    #plandetails_gas .price-green {
        padding-left: 0px;
    }
    #peakandoffpeaktype,
    #compeakandoffpeaktype,
    .peaksummer-main,
    #peaktype {
        float: none;
        /* width: 335px;*/
        width: 100%;
    }
    #peaktype,
    .peakfieldsmain {
        padding-left: 0;
    }
    .dec-short {
        margin-left: 6% !important;
        padding: 10px 15px 10px 0;
    }
    #gas_usage_container {
        display: table;
    }
    #gas_usage_container .controlloadfirst {
        margin-top: 20px !important;
    }
    .gas-and-electri .prc-sec {
        padding: 10px;
    }
    .gas-and-electri .prc-sec .planname::before {
        left: -10px;
        background-size: 60%;
        background-repeat: no-repeat;
        top: 5px;
    }
    span.green-price12 {
        font-size: 14px;
    }
    .green-price12 .dollor {
        top: 0px;
    }
    .electri-titl12 {
        font-size: 15px;
        letter-spacing: 0.6px;
    }
    .electri-titl12::before {
        left: -7px;
        background-size: 80%;
    }
    .gas-and-electri.combine-plan-details .prc-sec .planname::before {
        left: 0px;
        background-size: 60%;
        background-repeat: no-repeat;
        top: 6px;
    }
    #combine_plan h1.planname {
        padding-left: 30px !important;
        font-size: 19px;
        display: inline-block;
    }
    #combine_plan .gas-nama::before {
        left: 9px !important;
        top: 8px;
        bottom: 0;
    }
    .combine-plan-details .prc-sec1 span {
        font-size: 18px;
    }
    .combine-plan-details .prc-sec p {
        margin-top: 0px;
    }
    .combine-plan-details .orclass {
        font-size: 12px !important;
        line-height: 35px !important;
    }
    #planlistinghtml .gas-and-electri h1.planname {
        padding-left: 13px !important;
    }
    .gas-nama::before {
        top: 5px !important;
    }
    p.electri-titl12 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .top-struct {
        top: 45px;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        max-width: 300px !important;
    }
    .post_suburb::before,
    .post_suburb label {
        left: -240px;
        right: 0px;
        margin: 0 auto;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        max-width: 280px;
        margin: 0 auto 20px;
        display: table;
    }
    body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        /* width: inherit !important;*/
        /* max-width: 280px!important;*/
    }
    .api-terms-row ul {
        margin-left: 0px;
    }
    .approvedproviderlist {
        max-width: 302px !important;
    }
    .approve-provider-row .provider-logo img {
        filter: contrast(1.23);
    }
    .providers-terms .w-tabs-section-content-h.i-cf li a {
        font-size: 13px;
        line-height: 30px;
    }
    .providers-terms .w-tabs-section-content-h.i-cf {
        padding-left: 10px;
        padding-right: 10px;
    }
    .providers-terms li::before {
        top: 11px;
    }
    .providers-terms .w-tabs-section-header i {
        width: 20px;
    }
    .providers-terms .w-tabs-section-title {
        margin-left: 0 !important;
        font-size: 14px;
    }
    /***********************************/
    #create-update-customer .barmain.single-form-view-progress {
        margin-top: 170px;
    }
    #top-structure .electri-titl12 {
        font-size: 12px;
    }
    .top-price {
        padding: 20px 10px 20px;
    }
    .top-struct {
        top: 30px;
        max-width: 340px !important;
    }
    .congrts-txt>span {
        font-size: 30px;
    }
    .congrts-txt>p,
    .happennextcontents>label,
    .hppn-cnt span {
        font-size: 14px;
    }
    .thanks-txt-comp {
        font-size: 16px;
    }
    .compare-another-pl {
        font-size: 13px;
        margin-left: 0px;
        padding: 17px 30px;
    }
}


/********************** Theme options css end here */


/*Add your own styles here:*/

.loaderMain::before,
.loader-start::before,
.loader-start-mod::before,
.loader-start-inner:before,
.loader-start-create-customer:before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}

.loaderMain::after,
.loader-start::after,
.loader-start-mod::after,
.loader-start-inner:before,
.loader-start-create-customer:after {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}

.loaderMain,
.loader-start,
.loader-start-mod,
.loader-start-inner,
.loader-start-create-customer {
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    display: none;
    width: 100%;
    z-index: 9999;
}

.loaderIn {
    float: left;
    height: auto;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -1000%);
    width: 90px;
    z-index: 99;
}

.loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(238, 238, 238) rgb(206, 59, 55) rgb(206, 59, 55);
    border-image: none;
    border-style: solid;
    border-width: 4px;
}

.loader {
    animation: 1s linear 0s normal none infinite running spin;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    width: 40px;
}

.loaderMain.active::before {
    transform: translate(0%, 0px);
    width: 50%;
}

.loaderMain::before,
.loader-start::before,
.loader-start-mod::before,
.loader-start-inner:before,
.loader-start-create-customer:before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}

.loaderMain.active::after {
    transform: translate(0%, 0px);
    width: 50%;
}

.loader-start.active::after,
.loader-start-mod::after,
.loader-start-inner:after,
.loader-start-create-customer:after {
    transform: translate(0%, 0px);
    width: 100%;
}

.loaderMain::after,
.loader-start::after,
.loader-start-mod::after,
.loader-start-inner:after,
.loader-start-create-customer:after {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}

.loaderMain.active,
.loader-start.active,
.loader-start-mod.active,
.loader-start-inner.active,
.loader-start-create-customer.active {
    opacity: 1;
    display: block;
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
}

.loaderMain,
.loader-start,
.loader-start-mod,
.loader-start-inner,
.loader-start-create-customer {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.loaderMain.active .loaderIn,
.loader-start.active .loaderIn,
.loader-start-mod .loaderIn,
.loader-start-inner .loaderIn {
    transform: translate(-50%, -50%);
}

.loader-start.active img,
.loader-start-mod.active img,
.loader-start-inner.active img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    width: 100px;
    z-index: 999999;
}


/*****  START TOOL TIP TEXT */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*****  END TOOL TIP TEXT */

.formpage {
    display: none;
}

.activediv {
    display: inherit;
}

.stepsdiv {
    display: none;
    margin-bottom: 30px;
}

.customsearchaddress {
    z-index: 999999;
}

.slide-content {
    width: 100%;
    background: #eeeeee;
    display: block;
    position: relative;
    padding: 0 0px;
}

.slide-content button#prevclick {
    transform: translate(00%, 0);
    position: static;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
}

.slide-content button#nextclick {
    transform: translate(00%, 0);
    right: 0;
    position: static;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
}


/*.movedatefld::before{top:42px;}*/

.no-padding-col {
    padding-left: 0;
    padding-right: 0;
}

.g-cols.type_default>div.no-padding-col>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

#backtopdetail {
    bottom: auto;
    color: #fff;
    line-height: 28px;
}

#backtopdetail:before {
    display: none;
}

.top-struct {
    top: -80px;
}

#create-update-customer {
    margin-top: 90px;
}

.post_suburb {
    top: 0
}

.post-suburb-main {
    width: 100%;
    float: left;
    padding: 20px 0 70px;
    margin: 15px 0;
}


/*.l-section-h.i-cf{padding:0}*/

.electricitystep7 .terms-conditions {
    display: inline-block
}

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

.prevclickslide {
    color: #879f44;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 40px;
    padding-left: 60px;
    position: relative;
}

.prevclickslide:before {
    background: #879f44 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "\f060";
    font-family: fontawesome;
    font-size: 16px;
    height: 41px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 41px;
}

label.radio-field-box input[type='radio']:checked+.radio-option-box>span.rdl-label {
    color: #fff;
}

label.radio-field-box input[type='radio']:checked+.radio-option-box {
    background-color: #74992f !important;
}

label.radio-field-img input[type='radio']:checked+.radio-option-img>span.rdl-label {
    color: #fff;
}

label.radio-field-img input[type='radio']:checked+.radio-option-img {
    background-color: #74992f !important;
        z-index: 9;
}

span.fielderrormain.active {
    display: inline-block;
    font-style: normal;
}

span.fielderrormain {
    float: left;
    font-weight: 600;
    display: none;
    opacity: 1;
    top: 105%;
    background-color: #f74d4d;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    margin: 0px 0 0px;
    padding: 3px 6px;
    position: absolute;
    left: 0px;
    text-transform: normal;
    z-index: 99;
}

.formfield span.fielderrormain {
    left: 15px;
}

.radio-field-box span.fielderrormain {
    min-width: 210px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: intrinsic;
}

span.fielderrormain:before {
    top: -15px;
    color: #f74d4d;
    position: absolute;
    content: "\f0de";
    font-family: 'fontawesome';
    left: 10px;
    right: auto;
    margin: 0 auto;
    font-size: 44px;
    line-height: normal;
}

.electricityusagebilltype span.fielderrormain {
    color: #ffffff
}

.barmain {
    display: none
}

.barmain.active {
    display: block;
}

label.radio-field-usage input[type='radio']:checked+.radio-option-usage {
    background-color: #74992f !important;
}

label.radio-field-usage input[type='radio']:checked+.radio-option-usage>span,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li.billpeople::before,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li.billpeople::after,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li.billpeoplebedrooms::before,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li.billpeopleaccessiors::before,
label.radio-field-usage input[type='radio']:checked+.radio-option-usage>ul li.billpeoplework::before {
    color: #fff;
}

.plan_rate_info_modal {
    font-size: 18px;
    position: absolute;
    top: 3px;
    right: -18px;
    color: #bbb;
    cursor: pointer
}

label.bill-usage-sec input[type='radio']:checked+.bill-usage-option {
    background-color: #74992f
}

label.bill-usage-sec input[type='radio']:checked+.bill-usage-option span.green-label,
label.bill-usage-sec input[type='radio']:checked+.bill-usage-option .single-rate,
label.bill-usage-sec input[type='radio']:checked+.bill-usage-option span.green-label::before {
    color: #ffffff
}

.prevclickslide.planlistingback,
.plandetailsback {
    width: auto;
    float: left;
    cursor: pointer;
}

.inputfile_div {
    float: right;
    max-width: 223px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    margin-left: 0;
    padding: 15px 30px;
    position: relative;
    float: right;
    text-transform: uppercase;
    margin-top: 30px;
    margin-left: 0px;
}

.inputfile_div input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.uploadfilelistMain {
    width: 100%;
    float: left;
    margin: 5px 0;
    position: relative;
}

.uploadfilelisttext {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 30px;
    color: #3b3b3b;
    text-align: left;
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.uploadfilelistbtn {
    width: auto;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
}

.deletefile {
    float: left;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    text-align: center;
    width: 30px;
    background: #f00;
    margin: 2px;
}

.deletefile i {
    line-height: 30px;
}

.addfileinput i {
    line-height: 30px;
}

.addfileinput {
    float: left;
    color: #fff;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    text-align: center;
    width: 30px;
    background: #676767;
    margin: 2px;
}

.uploadouterdiv {
    width: 250px;
    float: right;
}

.appendDiv {
    width: 100%;
    float: left;
}

.confimation_label {
    float: left;
    width: 100%;
    background: rgba(94, 142, 10, 0.75);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
}

.confimation_label.orange_label {
    background: rgba(37, 37, 37, 0.6);
}

.radio-option-box2.option-buttons {
    width: 250px;
    max-width: 100%
}

.multilist_address-loader.active .loader-field {
    display: inline-block
}

.fieldloader {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 42px;
    right: 22px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}

.loader-field {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    display: none;
}


/* LOADER 1 */

.loader-field:before,
.loader-field:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #769b31;
}

.loader-field:before {
    z-index: 100;
    animation: spin-field-loader 1s infinite;
    -webkit-animation: spin-field-loader 1s infinite;
}

.loader-field:after {
    border: 4px solid #ccc;
}

@keyframes spin-field-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.post_suburb.multilist_address-loader .fieldloader {
    left: 288px;
    right: auto;
    top: 30px;
}

.term_cond_sec_otp.term_cond_secRelative {
    width: 100%;
    background: #ececec;
    display: block;
    position: relative;
    padding-left: 28px;
    padding-top: 5px;
    float: left;
}

.term_cond_sec_otp.term_cond_secRelative .input_check {
    width: auto;
    float: left;
    position: absolute;
    left: 5px;
    top: 8px;
}

.term_cond_sec_otp.term_cond_secRelative .input_check input[type='checkbox'] {
    position: static;
    width: 30px;
}

.term_cond_sec_otp.term_cond_secRelative .text_term {
    width: 100%;
    float: left;
    margin-top: 3px;
}

a.perv-plan-pdf.elec_plan_pdf {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    margin: 10px auto 35px;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
}

.circle-loader {
    margin: 0;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation-name: loader-spin-circle;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: loader-spin-circle;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    position: absolute;
    display: none;
    vertical-align: top;
    top: 5px;
    right: 6px;
}

.circle-loader,
.circle-loader:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-duration: 800ms;
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 24px;
    width: 12px;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: '';
    left: 4px;
    top: 18px;
    position: absolute;
}

@keyframes loader-spin-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-spin-circle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 12px;
        opacity: 1;
    }
    40% {
        height: 24px;
        width: 12px;
        opacity: 1;
    }
    100% {
        height: 24px;
        width: 12px;
        opacity: 1;
    }
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 12px;
        opacity: 1;
    }
    40% {
        height: 24px;
        width: 12px;
        opacity: 1;
    }
    100% {
        height: 24px;
        width: 12px;
        opacity: 1;
    }
}

a#update_phone_click {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 40px;
    margin: 0;
    padding: 0 0px;
    text-transform: uppercase;
    cursor: pointer;
    width: 40px;
    text-align: center;
}

a#cancelupdatephone {
    background: #ededed;
    cursor: pointer;
    border-radius: 5px;
    color: #3b3b3b;
    display: inline-block;
    font-size: 15px;
    line-height: 40px;
    margin: 0;
    padding: 0 0px;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
}

.terms-conditions label {
    font-weight: normal
}

.terms-conditions label .fielderrormain {
    top: 94%;
    left: 0
}

.feildset-main {
    width: 100%;
    position: relative;
    float: left;
}

.what-happen-confrim-section {
    width: 100%;
    float: left;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    margin: 20px 0
}

.plan-confrim-tab2 {
    width: 100%;
    float: left;
    color: #81993d;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.plan-confrim-tab1 {
    width: 100%;
    float: left;
    color: #6e6b6b;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.plan-confrim-tab3 {
    width: 100%;
    float: left;
    color: #676f7c;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}

.what-happen-confrim {
    width: 100%;
    padding: 45px 0 0;
    float: left;
    position: relative
}

.what-happen-confrim.both {
    padding: 45px 0 0 0px;
}

.what-happen-confrim.elect:before {
    background: rgba(0, 0, 0, 0) url("../images/electricity-new.png") no-repeat scroll top center;
    content: "";
    height: 43px;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
}

.what-happen-confrim.gas:before {
    background: url(../images/gas-new.png) no-repeat top center !important;
    width: 100%;
    height: 42px;
    content: "";
    position: absolute;
    left: 0px;
    top: 0
}

.what-happen-confrim.both:before {
    background: url(../images/gas-new.png) no-repeat top left !important;
    width: 49.8%;
    height: 42px;
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
}

.what-happen-confrim.both:after {
    background: rgba(0, 0, 0, 0) url("../images/electricity-new.png") no-repeat top right;
    content: "";
    height: 37px;
    position: absolute;
    left: 0px;
    /* top: 7px;*/
    top: 0;
    width: 49.8%;
}

.what-happen-confrim-text {
    width: 100%;
    float: left;
    color: #6e6b6b;
    background: #f1f1f1;
    font-size: 14px;
    padding: 10px 35px;
    margin: 20px 0 0;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.what-happen-confrim-title {
    font-size: 26px;
    line-height: 34px;
    width: 100%;
    float: left;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    color: #81993d
}

.what-happen-confrim-subtitle {
    font-size: 20px;
    line-height: 34px;
    width: 100%;
    float: left;
    font-weight: bold;
    color: #6e6b6b;
    text-align: center
}

.what-happen-confrim-subtitle2 {
    font-size: 15px;
    line-height: 21px;
    width: 100%;
    float: left;
    font-weight: 400;
    margin-bottom: 15px;
    color: #676f7c;
    text-align: center
}

.what-happen-confrim-botm-title {
    font-size: 20px;
    line-height: 34px;
    width: 100%;
    float: left;
    font-weight: bold;
    margin-bottom: 15px;
    color: #6e6b6b;
    text-align: center
}

.post_suburb span.fielderrormain {
    top: 57px;
}

.billingsearch .fieldloader {
    top: 29px;
}

.what-happen-confrim-botm-btn {
    width: 100%;
    float: left;
    padding: 10px 0 35px;
    text-align: center;
}

.what-happen-confrim-botm-btn a {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    text-decoration: none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-left: 0;
    display: inline-block;
    padding: 15px 55px;
    position: relative;
    text-transform: uppercase;
}

.what-happen-confrim-botm-btn a:hover {
    color: #fff !important;
    text-decoration: none;
}

label.oneoptionusageLable {
    display: inline-block !important;
}

label.oneoptionusageLable .electricityusagebilltype {
    min-height: 128px !important
}

label.gasuagerediamount .electricityusagebilltype {
    min-height: 175px !important
}

#control_load_fields_timeofuse>.g-cols.type_default {
    margin: 0
}

.width-usage-half.peakfieldfirst,
.width-usage-half {
    width: 50%;
    margin-left: 0
}

.peakfieldsmain.usage-feild-group {
    width: 600px;
    max-width: 100%;
}

.barmain.single-form-view-progress .desktopview.resid-user li {
    width: 19%
}

.view-plan-btn {
    background: #404249 none repeat scroll 0 0;
    color: #fff;
    margin: 0px auto 6px;
    display: table;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 10px 20px 10px 15px;
    cursor: pointer;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    /*text-transform: uppercase;*/
    width: 140px;
    max-width: 100%;
}

.view-plan-btn:hover {
    background: #74992f;
    color: #fff;
    text-decoration: none
}

.postcodelisting .ui-menu-item {
    padding: 0px 0;
    margin: 0
}

.lets-save {
    width: 100%;
    float: left;
    text-align: center
}

.lets-save #submitcustomer_detail {
    width: auto;
    max-width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.terms-conditions p {
    padding-left: 18px;
}

#control_load_field_summer .g-cols.type_default {
    margin: 0
}

.concessCheckbox input[type=checkbox].styled-checkbox {
    width: auto;
    opacity: 1
}

.concessCheckbox {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 25px;
}

.business-loader-feild {
    width: 100%;
    position: relative;
    float: left;
}

.business-loader-feild .fieldloader {
    top: 25px;
}

.move-date-section {
    width: 350px;
    max-width: 100%;
    display: inline-block;
    text-align: left;
}

#move-in-section {
    text-align: center;
}

#move-in-section .dec-short {
    max-width: 100%;
    width: 800px;
    margin-top: 15px;
}

.modalprogressbar .desktopview {
    margin: 0 45px;
}

.modalprogressbar .desktopview.business-user {
    margin: 0 20px;
}

#planlistinghtml .nav-tabs.tab-list-plan>li>a,
#plandetails .nav-tabs.tab-list-plan>li>a {
    border-radius: 5px;
    margin: 10px 5px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background: #404249;
    border: 0
}

#planlistinghtml .nav-tabs.tab-list-plan>li.active>a,
#plandetails .nav-tabs.tab-list-plan>li.active>a,
#planlistinghtml .nav-tabs.tab-list-plan>li>a:hover,
#plandetails .nav-tabs.tab-list-plan>li>a:hover {
    color: #fff;
    background: #769a2e;
    border: 0
}

.perviAddressDetailInner {
    width: 100%;
    display: block;
    position: relative
}

.billing_or_usage {
    margin-bottom: 20px;
}

.stepsdiv.front-page-heading_active {
    padding: 149px 0 0;
}

.no-record {
    width: 100%;
    padding: 15px;
    display: block;
    background: #FFE8E9;
    border-radius: 5px;
    line-height: 30px;
    font-size: 17px;
    text-align: center;
    color: #3B3B3B;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bootbox .modal-dialog {
    max-width: 95% !important;
    width: 550px !important;
}

.faq-tabs .tab-content-view li {
    width: auto;
    float: left;
}

.no-touch .l-header.bg_transparent:not(.sticky) .type_desktop .menu-item.level_1:hover>.w-nav-anchor {
    color: #250E62
}

.no-touch .page-id-198 .l-header.bg_transparent:not(.sticky) .type_desktop .menu-item.level_1:hover>.w-nav-anchor {
    color: #250E62 !important
}

.business-energy-field {
    width: 100%;
    float: left;
    position: relative
}

.business-energy-main {
    padding-right: 70px
}

.search-btn-business {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 0;
    padding: 10px 15px;
    position: absolute;
    top: 2px;
    right: 0;
    text-transform: uppercase;
}

.terms-conditions-apply-providers {
    width: 100%;
    text-align: center;
    display: block
}

.pencil_href_edit_phn {
    color: #74992f;
    cursor: pointer
}

.close:focus,
.close:hover {
    opacity: 1
}

span.plan-rate-text {
    width: auto;
    display: inline-block;
    position: relative;
}

span.plan-rate-text .plan_rate_info_modal {
    top: -10px;
    right: -22px;
    /*top: -3px;
right: -22px;*/
    font-size: 18px;
}

#plandetails .price-green.price-green1::after {
    display: none
}

#connectiondetails input[type='checkbox'] {
    margin-top: 25px;
    height: auto;
}

.ui-datepicker-title select {
    color: #fff;
    font-size: 12px;
    min-width: 85px;
}

.rate-sec .perv-info-edit {
    float: left
}

.text_term p span {
    font-size: 14px !important;
}

.rate-sec .perviAddressDetailInner {
    width: 300px;
    display: block;
    position: relative;
    max-width: 100%;
}

.back-apply.fixed {
    float: left;
    margin-bottom: 0px;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 15px;
    background: #eeeeee;
    left: 0;
    z-index: 999;
    box-shadow: -3px 0px 12px rgba(51, 51, 51, 0.51);
}

.apply-btn-text {
    width: 50%;
    float: left;
    padding: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #6e6b6b;
    display: none;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.back-apply.fixed .apply-btn-text {
    display: block;
}

.back-apply.fixed .back-previous {
    width: 25%;
}

.quotmain span {
    padding-left: 40px;
}

.back-apply.fixed {
    bottom: 0;
    top: auto;
    background: #879f44
}

#plandetails .back-apply.fixed #prevclickdfv {
    color: #fff;
}

#plandetails .back-apply.fixed #prevclickdfv::before {
    color: #879f44;
    background: #fff
}

.back-apply.fixed .apply-btn-text a {
    color: #fff;
}

.back-apply.fixed .applynowforplanbtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
    color: #879f44 !important;
    font-weight: 600;
}

.plan-list-detail-section .prc-sec {
    width: 42%;
    border-left: 0px solid #c8c8c8;
}

.plan-list-detail-section .prc-sec1 {
    width: 58%;
    border-right: 0px solid #c8c8c8;
}

.plan-list-detail-section {
    width: 64%;
    float: left;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    min-height: 345px;
    position: relative;
}

.plan-list-detail-section .prc-sec1:before {
    width: 1px;
    height: 100%;
    position: absolute;
    content: "";
    background: #c8c8c8;
    top: 0;
    left: 42%;
}

.plan-list-detail-section-in {
    width: 100%;
    float: left;
}

.plan-list-detail-section .prc-sec.prc-sec-gas {
    border-top: 1px solid #c8c8c8;
}

.plan-list-detail-section .prc-sec1.prc-sec-gas {
    border-top: 1px solid #c8c8c8;
}

/*.what-happen-confrim-text p{
    text-align: center;
    font-size: 25px;
}*/
.what-happen-confrim-text p strong{
    font-weight: 500;
    color: #585757;
}
.what-happen-confrim-text h2{
    text-align: center;
}
.what-happen-confrim-text h2 span {
    font-size: 27px !important;
    color: #585757 !important;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif !important;
}

.what-happen-confrim-text h2 span strong {
   font-weight: 500;
   font-family: 'Poppins', sans-serif !important;
}

.what-happen-confrim-text h3{
    font-size: 27px;
    font-weight: 600;
    color: #585757;
    text-align: center;
}
.what-happen-confrim-text ul li {
    color: #6e6b6b !important;
    position: relative;
    list-style: none;
    padding-left: 30px;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    font-weight: normal !important;
    word-wrap: break-word;
    font-family: 'Poppins', sans-serif !important;
}

.what-happen-confrim-text ul li span {
    font-size: 14px !important;
    word-wrap: break-word;
    font-family: 'Poppins', sans-serif !important;
}

.what-happen-confrim-text ul li:before {
    position: absolute;
    content: "\f111";
    font-family: 'fontawesome';
    left: 0px;
    top: 5px;
    color: #83a743;
    font-size: 12px;
}

.gas-and-electri .prc-sec .planname::before {
    background: rgba(0, 0, 0, 0) url("../images/electricity-new.png") repeat scroll 0 0;
    height: 43px;
    left: -6px;
    top: -7px;
    width: 33px;
}

.gas-and-electri .prc-sec .planname.gas-nama::before {
    background: rgba(0, 0, 0, 0) url("../images/gas-new.png") repeat scroll 0 0 !important;
    height: 43px !important;
    left: 0px !important;
    top: -12px !important;
    width: 30px !important;
}

#plandetails .electri-titl::before {
    background: url("../images/electricity-new.png") repeat scroll 0 0;
    width: 33px;
    height: 41px;
}

#plandetails .electri-titl.gas-name::before {
    background: url("../images/gas-new.png") repeat scroll 0 0 !important;
    width: 30px;
    height: 41px;
}

#plandetails .electri-titl {
    padding-left: 45px;
}

.gas-and-electri .prc-sec .planname {
    padding-left: 40px !important;
}

.single-form-next.createcustomerback {
    background: #404249;
    margin-top: 0
}

.startbilldate {
    padding: 0 20px;
    position: relative
}

.startenddate {
    padding: 0 20px;
    position: relative
}

.term_cond_sec_otp span.fielderrormain {
    width: 200px;
    top: 35px;
}

span.trems-chck-span {
    width: auto;
    position: relative;
}

.terms-conditions label span.trems-chck-span>span.fielderrormain {
    top: 115%;
    width: 200px;
}

.formfield.fielderr-bot-label span.fielderrormain {
    top: 59px;
}


/*-------feature center start-------*/

.prc-sec1 ul .tab-content-view li {
    width: auto;
    float: none;
    display: inline-block;
}

.faq-tabs .tab-content-view {
    text-align: center
}

.faq-tabs .tab-content-view li {
    width: auto;
    float: none;
    display: inline-block;
}


/*-------feature center end-------*/

.pwrshop-inner {
    width: 100%;
    padding: 50px 0 0;
}

.applynow-inner {
    width: 100%;
    padding: 38px 0 0;
}

#electricitygas-plan-tab .pwrshop-inner {
    width: 100%;
    padding: 76px 0 0;
}

#electricitygas-plan-tab .applynow-inner {
    width: 100%;
    padding: 70px 0 0;
}

#gas-plan-tab .applynow-inner {
    width: 100%;
    padding: 6px 0 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #bill_level_main label.radio-field-usage {
        display: inline-block !important
    }
    /*.plan-list-detail-section .prc-sec{width:100%}

    .plan-list-detail-section .prc-sec1{width:100%}*/
    .pwrshop-inner {
        width: 100%;
        padding: 120px 0 0;
    }
    .applynow-inner {
        width: 100%;
        padding: 65px 0 0;
    }
    #electricitygas-plan-tab .pwrshop-inner {
        width: 100%;
        padding: 183px 0 0;
    }
    #electricitygas-plan-tab .applynow-inner {
        width: 100%;
        padding: 152px 0 0;
    }
    #gas-plan-tab .applynow-inner {
        width: 100%;
        padding: 34px 0 0;
    }
    #gas-plan-tab .pwrshop-inner {
        width: 100%;
        padding: 98px 0 0;
    }
    .approve-provider-row .provider-row {
        width: 27.2%;
        padding: 10px;
    }
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    #plandetails .or-price,
    #plandetails .or-price-main {
        padding-left: 45px;
    }
    .view-plan-btn {
        width: auto
    }
    .desktopview.resid-user li b {
        display: block
    }
}

@media only screen and (max-width:900px) {
    .back-previous .plandetailsback span {
        display: none
    }
    .back-previous {
        width: 40%;
    }
    .plan-apply {
        display: inline-block;
        width: 50%;
    }
    .applynow-btn {
        padding: 6px 12px 7px 12px !important;
        font-size: 14px;
    }
    .plan-list-detail-section {
        width: 58%
    }
    .view-plan-btn {
        width: auto
    }
    #plandetails .electri-titl::before {
        top: -13px
    }
    .prc-sec h1 {
        font-size: 15px !important;
        margin-bottom: 15px !important;
    }
    .gas-and-electri .prc-sec .planname.gas-nama::before {
        top: -18px !important;
    }
    #planlistinghtml .approx-change {
        font-size: 12px !important
    }
    .apply-btn-text {
        padding: 0
    }
    #plandetails .compare-gas {
        width: 35%;
    }
    #plandetails .or-price,
    #plandetails .or-price-main {
        width: 42%
    }
    .desktopview.resid-user li b {
        display: block
    }
    #upload-identification-document .browse-file-field {
        left: auto;
        top: auto;
    }
    .rate-sec {
        padding: 10px 10px 0
    }
}

@media only screen and (max-width:550px) {
    .view-plan-btn {
        font-size: 12px;
        padding: 10px 16px 10px 16px;
    }
}

@media only screen and (max-width:740px) {
    .single-form-next {
        padding: 10px 30px;
        font-size: 16px;
    }
    .post_suburb.multilist_address-loader .fieldloader {
        left: auto;
        right: 10px
    }
    .single-button-all {
        margin-bottom: 20px;
    }
    #control_load_fields_timeofuse>.g-cols.type_default,
    #control_load_field_double>.g-cols.type_default {
        margin: 0
    }
    .peakfieldfirst,
    .peakfieldssecond {
        width: 100%;
    }
    .post_suburb::before,
    .post_suburb label {
        left: 8px;
        right: auto;
        margin: 0 auto;
    }
    .inputcolor.typeahead.ui-autocomplete-input {
        max-width: 100%;
    }
    .pwrshop {
        width: 100%
    }
    .brandlogo {
        min-height: auto
    }
    .prc-sec,
    #plandetails_gas .compare-gas {
        width: 100%;
    }
    .prc-sec1 ul li {
        margin: 0px 0;
    }
    .prc-sec1 ul li p {
        margin-bottom: 0
    }
    .prc-sec1 ul {
        margin-top: 0;
        padding-left: 0;
        margin-bottom: 0
    }
    .prc-sec1 {
        width: 100%;
    }
    #planlistinghtml .prc-sec h1 {
        font-size: 20px !important;
        text-align: center;
        padding-left: 0 !important
    }
    #plandetails .compare-gas {
        width: 100%;
    }
    .plan-apply {
        display: inline-block;
        width: 100%
    }
    .gas-and-electri .current {
        display: inline-block
    }
    .gas-and-electri .prc-sec .planname::before {
        display: none
    }
    .gas-and-electri .prc-sec {
        text-align: center;
        padding: 20px;
    }
    .gas-and-electri .prc-sec1 {
        width: 100%;
        padding: 30px 20px
    }
    .gas-and-electri .applynow-conatiner {
        width: 100%;
        padding-top: 0px;
    }
    #concession-details .rdl-label,
    #busines-yes-no .rdl-label,
    .have-portal .rdl-label {
        padding-top: 0
    }
    #gas_usage_container .vc_col-sm-4 {
        width: 100% !important;
        text-align: center;
        margin-left: 0 !important
    }
    .width-usage-half,
    .width-usage-half.peakfieldfirst {
        width: 100%;
    }
    .peakfieldsmain.usage-feild-group {
        width: 100%;
        max-width: 100%;
    }
    .barmain.single-form-view-progress .desktopview.resid-user li {
        width: 18.8%;
        padding: 0 10px
    }
    .barmain.single-form-view-progress .desktopview.resid-user li span {
        margin-right: 0
    }
    .barmain.single-form-view-progress .desktopview.business-user {
        text-align: center
    }
    .barmain.single-form-view-progress .desktopview.business-user li {
        width: auto;
        padding: 0 10px;
        display: inline-block;
    }
    .barmain.single-form-view-progress .desktopview li b {
        display: none;
    }
    .barmain.single-form-view-progress .desktopview li.active b {
        display: inline-block;
    }
    .modalprogressbar .desktopview {
        margin: 0 10px;
    }
    #peakandoffpeaktype {
        width: 100%;
    }
    #move-in-section .dec-short {
        width: 100%;
        margin-left: 0 !important
    }
    #planlistinghtml .nav-tabs.tab-list-plan>li>a,
    #plandetails .nav-tabs.tab-list-plan>li>a {
        font-size: 12px;
    }
    .prc-sec1 ul .tab-content-view li {
        width: auto
    }
    .rate-sec .perviAddressDetailInner {
        width: 100%;
    }
    .panel-body-title {
        font-size: 25px;
        padding-bottom: 0;
    }
    .feature-titl {
        font-size: 25px !important;
    }
    .rate-dtl-titl {
        font-size: 25px;
    }
    .calcu-dtl {
        font-size: 25px;
    }
    .plan-list-detail-section .prc-sec {
        width: 100%;
        border-left: 0px solid #c8c8c8;
    }
    .plan-list-detail-section .prc-sec1 {
        width: 100%;
        border-right: 0px solid #c8c8c8;
    }
    .plan-list-detail-section {
        width: 100%
    }
    .plan-list-detail-section .prc-sec1.prc-sec-gas {
        border-top: 0px solid #c8c8c8;
    }
    label.oneoptionusageLable {
        display: inline !important
    }
    .faq-tabs p {
        padding: 5px 10px 5px 50px
    }
    .ongoing-trm::before {
        top: 5px;
    }
    .cont-term::before {
        top: 8px;
    }
    .exit-fees::before {
        top: 5px;
    }
    .smart-meter::before {
        top: 2px;
    }
    .solor-comp::before {
        top: 3px;
    }
    .prc-sec1 {
        border-left: 0
    }
    .uploadouterdiv {
        width: 100%;
        text-align: center
    }
    .stepsdiv.front-page-heading_active {
        padding: 115px 0 0;
    }
    .business-energy-main {
        padding-right: 0;
        text-align: center
    }
    .search-btn-business {
        position: static;
        display: inline-block;
        margin: 0 0 15px;
        width: 120px
    }
    .back-apply.fixed .apply-btn-text {
        display: none;
    }
    .back-previous .plandetailsback span {
        display: none
    }
    .back-previous {
        width: 30%;
    }
    .plan-apply {
        display: inline-block;
        width: 70%;
    }
    .applynow-btn {
        padding: 6px 8px 7px 8px !important;
        font-size: 12px;
    }
    #plandetails .or-price,
    #plandetails .or-price-main {
        width: 100%;
    }
    #control_load_fields_summer_winter .g-cols.type_default {
        margin: 0
    }
    .view-plan-btn {
        width: 140px;
    }
    .section-row.move-in-section-class {
        display: block
    }
    .modal-dialog {
        margin: 30px auto 30px !important;
        max-width: 92%;
    }
    .plan-list-detail-section .prc-sec1:before {
        display: none;
    }
    #plandetails .compare-gas {
        min-height: auto
    }
    .calculation {
        font-size: 14px;
    }
    .calculation p,
    .rate-sec p {
        font-size: 14px !important
    }
    .calcu-dtl,
    p.calcu-dtl {
        font-size: 24px !important;
    }
    .feature-titl,
    p.feature-titl {
        font-size: 24px !important;
    }
    .rate-dtl-titl,
    p.rate-dtl-titl {
        font-size: 24px !important;
    }
    .faq-tabs .tab-content-view li {
        width: auto;
        margin-top: 0
    }
    .compare-gas {
        border-left: 0;
    }
    #plandetails .or-price,
    #plandetails_gas .or-price,
    #plandetails .or-price-main {
        border-left: 0
    }
    .what-happen-confrim-text {
        padding: 0 15px;
    }
    .what-happen-confrim-text h2 span {
        font-size: 24px !important;
    }
    .elec_distributor_div_inner {
        text-align: center
    }
    .elec_distributor_div_inner label.radio-field-box {
        display: inline-block !important
    }
    .rate-sec table.plan-rate-list {
        width: 100%;
    }
    .rate-sec table.plan-rate-list td.rate-table-td1 {
        width: 40%
    }
    .rate-sec table.plan-rate-list td.rate-table-td2 {
        width: 30%
    }
    .rate-sec table.plan-rate-list td.rate-table-td3 {
        width: 30%
    }
    .top-struct {
        width: 100%;
    }
    #plandetails .or-price {
        min-height: auto
    }
    .pwrshop-inner {
        width: 100%;
        padding: 0px 0;
    }
    .applynow-inner {
        width: 100%;
        padding: 0px 0;
    }
    #electricitygas-plan-tab .pwrshop-inner {
        width: 100%;
        padding: 0px 0;
    }
    #electricitygas-plan-tab .applynow-inner {
        width: 100%;
        padding: 0px 0;
    }
}

@media only screen and (min-width:481px) and (max-width:740px) {
    .prc-sec1 ul .tab-content-view li {
        width: auto;
        margin-right: 10px;
    }
    .rate-sec table.plan-rate-list {
        width: 100%;
    }
    .faq-tabs .tab-content-view li {
        width: auto;
        margin-right: 8px;
        margin-top: 0
    }
}

@media only screen and (min-width:540px) and (max-width:767px) {
    #gas_usage_container .vc_col-sm-4 {
        width: 49% !important
    }
}

.bootbox-body {
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4f;
}

.bootbox .modal-content {
    background: #fff;
}

#concession_content p,
#concession_content p span,
#concession_content span {
    font-size: 14px !important;
    line-height: 25px !important;
    font-style: italic !important
}

#control_load_fields_summer_winter .g-cols.type_default {
    margin: 0 0
}

.bootbox .btn-success {
    background: #F1B734 none repeat scroll 0 0;
    color: #fff;
    margin: 5px;
    display: table;
    float: right;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 15px 6px 15px;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;
    border: 0
}

.bootbox .btn-success:hover {
    background: #404249;
    color: #fff;
    text-decoration: none
}

.bootbox .btn-warning {
    background: #404249 none repeat scroll 0 0;
    float: right;
    color: #fff;
    border: 0;
    margin: 5px;
    display: table;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 15px 6px 15px;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;
}

.bootbox .btn-warning:hover {
    background: #F1B734;
    color: #fff;
    text-decoration: none
}

.chooseplanconditionHeight {
    margin-bottom: 30px;
}

.identitytype_main {
    width: 100%;
    float: left;
    position: relative
}

a.elec_plan_pdf.elec_plan_pdf_margin {
    margin-bottom: 45px;
}

.barmain.single-form-view-progress .desktopview.resid-user li {
    text-align: center
}

label.bot-small-label {
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    margin: 15px 0 15px 0;
    width: 100%;
    text-align: left;
}

.footer-section.footer-section_hide_new .l-section-h.i-cf {
    padding-top: 0;
}

.perv-plan-logo {
    width: 100%;
    float: left;
    text-align: center;
}

span.povider_name {
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    display: block;
    padding: 20px 0;
}

.single-button-all.button-for-upload-id {
    padding-bottom: 25px;
}

ui-helper-hidden-accessible {
    display: none !important;
}

.perv-plan-logo {
    width: 100%;
    float: left;
    text-align: center;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

#ui-datepicker-div {
    display: none;
}

.electricityusagebilltype span.fielderrormain {
    text-transform: initial
}

.apply-btn-text a {
    color: #769a2e
}

.apply-btn-text a:hover {
    text-decoration: underline;
    color: #769a2e
}

.internal_pages_head {
    padding-top: 40px;
}

body.single-post main[itemprop="mainContentOfPage"],
body.archive main[itemprop="mainContentOfPage"],
body.category main[itemprop="mainContentOfPage"],
body.search main[itemprop="mainContentOfPage"] {
    margin-top: 45px;
}

.g-loadmore-btn {
    display: inline-block
}

.bill-prefer-main {
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
    padding: 10px 15px;
    background: #fefefe;
    display: inline-block;
    border: 1px solid #e7e7e7;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
}

.bill-prefer-main ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.bill-prefer-main ul li {
    width: 100%;
    float: left;
    margin: 8px 0;
    padding: 0 0 0 35px;
    text-align: left;
    position: relative;
    min-height: 25px;
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #3c3b3b;
}

.bill-prefer-input {
    position: absolute;
    width: 30px;
    height: 25px;
    left: 0;
    float: left;
}

span.bill-prefer-cricle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    float: left;
    position: relative;
}

span.bill-prefer-cricle:before {
    width: 16px;
    height: 16px;
    float: left;
    content: "";
    background: #7f983b;
    position: absolute;
    top: 3px;
    left: 3px;
    opacity: 0;
    border-radius: 50%;
}

.bill-prefer-input input[type='radio']:checked+span.bill-prefer-cricle:before {
    opacity: 1
}

.bill-prefer-main ul li label {
    font-weight: 300
}

.bill-prefer-main ul li label span {
    font-weight: 600
}

.bill-prefer-provider-main {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    padding: 15px 0;
}

.bill-prefer-provider {
    width: 100%;
    float: left;
}

.bill-prefer-provider-name {
    width: auto;
    position: relative;
    padding: 8px 0 0 40px;
    display: inline-block;
    min-height: 40px;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    position: relative;
    text-align: left
}

.bill-prefer-provider-name:before {
    width: 35px;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    float: left;
}

.bill-prefer-provider-name:after {
    width: 35px;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 35px;
    float: left;
    display: none
}

.elect-pro .bill-prefer-provider-name:before {
    background: url("../images/electricity-new.png") repeat scroll 0 0;
    width: 33px;
    height: 41px;
}

.gas-pro .bill-prefer-provider-name:before {
    background: url("../images/gas-new.png") repeat scroll 0 0 !important;
    width: 30px;
    height: 41px;
}

.both-pro .bill-prefer-provider-name:after {
    background: url("../images/gas-new.png") repeat scroll 0 0 !important;
    width: 30px;
    height: 41px;
    display: inline-block
}

.both-pro .bill-prefer-provider-name:before {
    background: url("../images/electricity-new.png") repeat scroll 0 0;
    width: 33px;
    height: 41px;
}

.both-pro .bill-prefer-provider-name {
    padding-left: 80px;
}

.bill-prefer-provider-text {
    width: 100%;
    text-align: center;
    float: left;
    border: 1px solid #7f983b;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #3b3b3b;
    border-radius: 8px;
    background: #eaffc6;
    margin-bottom: 20px;
    margin-top: 10px;
    word-wrap: break-word
}

.dec-short.dec-sub-title {
    font-style: normal;
    text-align: center;
    color: #4d4d4f;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.dec-short.dec-sub-title span {
    color: #7f983b;
}

.formtitle.formtitle-sub-title {
    margin-bottom: 10px
}

.bill-prefer-main .dec-short.dec-sub-title {
    text-align: left;
    margin: 5px 0;
    color: #3c3b3b;
    font-size: 18px;
    font-weight: 600;
}

.quotmain span {
    padding-left: 40px;
}

.back-apply.fixed {
    bottom: 0;
    top: auto;
    background: #879f44
}

#plandetails .back-apply.fixed #prevclickdfv {
    color: #fff;
}

#plandetails .back-apply.fixed #prevclickdfv::before {
    color: #879f44;
    background: #fff
}

.back-apply.fixed .apply-btn-text a {
    color: #fff;
}

.inner-blog .w-blog-post-content {
    min-height: 100px;
}

.blog-detail .us_widget_area_blog_sidebar {
    padding-top: 109px;
}

@media only screen and (max-width:740px) {
    .rate-sec td {
        font-size: 12px;
        font-weight: 300;
    }
    .rate-sec table.discount-table p {
        font-size: 12px !important;
        font-weight: 300 !important;
    }
    .rate-sec table.plan-rate-list {
        width: 100%;
    }
    .rate-sec table.plan-rate-list td.rate-table-td1 {
        width: 25%
    }
}


/*------- how it work--------*/

#how-work-cont .l-section-h.i-cf {
    padding: 30px 200px 45px;
    text-align: center;
}

#how-work-cont .vc_custom_1507958135105 {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1.8rem;
}

#how-work-cont .about-text p:nth-child(2) {
    font-weight: bold;
}

.no-pad-bottm .l-section-h.i-cf {
    padding-bottom: 0;
}

.review-plan .attachment-full.size-full {
    border-left: 38px solid #fff !important;
    border-right: 38px solid #fff !important;
    border-top: 38px solid #fff !important;
    box-shadow: 3px 3px 45px rgba(58, 41, 41, 0.26);
}

.process-title {
    margin-bottom: 10px !important;
}

.three-process strong {
    color: #3c3b3b;
    font-size: 32px;
}

.three-process {
    padding-bottom: 55px;
    padding-left: 145px;
    padding-right: 20px;
    position: relative;
}

.three-process p {
    color: #5c5858;
    margin-bottom: 13px;
}

.three-process::before {
    color: #dddddd;
    content: "01";
    font-size: 121px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 35px;
}

.three-process.sec {
    padding-bottom: 0;
    padding-left: 125px;
    padding-right: 0;
}

.three-process.sec::before {
    color: #dddddd;
    content: "02";
    font-size: 121px;
    font-weight: bold;
    left: -45px;
    position: absolute;
    top: 35px;
}

.three-process.three {
    padding-left: 170px;
}

.three-process.three::before {
    color: #dddddd;
    content: "03";
    font-size: 121px;
    font-weight: bold;
    left: 0px;
    position: absolute;
    top: 35px;
}

.compare-points {
    margin-left: 0px;
}

.compare-points li {
    list-style: outside none none;
    padding-left: 20px;
    position: relative;
}

.compare-points li::before {
    color: #7f983b;
    content: "• ";
    font-size: 28px;
    left: 0;
    top: -8px;
    position: absolute;
}

.page-id-7002 .footer-cta-row,
.page-id-7002 .sticky-btn-row {
    background: #f7f7f7 none repeat scroll 0 0;
}

@media (min-width:1280px) {
    .three-process p {
        color: #5c5858;
        font-size: 14px;
        margin-bottom: 13px;
    }
    .review-plan .attachment-full.size-full {
        margin-top: 13px;
    }
}


/*------- how it work responsive --------*/

@media only screen and (max-width:767px) {
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 20px 45px;
    }
    .clear_applied_filter {
        padding: 0;
        position: relative;
        top: 15px;
        left: 22px;
    }
    .three-process {
        padding-bottom: 0px;
        padding-left: 20px;
        padding-top: 145px;
    }
    .three-process::before {
        width: 100%;
        text-align: center;
        top: 0
    }
    .three-process.sec {
        padding-left: 20px;
        padding-top: 145px;
    }
    .three-process.sec::before {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0
    }
    .three-process.three {
        padding-left: 20px;
        padding-top: 145px;
    }
    .three-process.three::before {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0
    }
    .draggable {
        display: none !important;
    }
    .show-history {
        display: none !important;
    }
}

/*------- how it work end--------*/

.green-bg-blog {
    background-image: url(../images/green-bg.png);
    height: auto;
    text-align: center;
    padding: 26px 20px;
    background-size: cover;
    background-position: center;
}

.green-bg-blog p {
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 30px;
}

.green-bg-blog .start {
    background: #fff;
    border-radius: 5px;
    color: #666363;
    font-size: 19px;
    text-transform: uppercase;
    padding: 15px 26px;
}

.section-perfer-bill.section-row {
    width: 100%;
    display: block
}

.section-row.section-perfer-bill2 {
    width: 100%;
    display: block
}

.section-row.section-movein-condition {
    width: 100%;
    display: block
}

.movein-condition-main {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    padding: 15px 0;
}

.movein-condition-title {
    font-size: 20px;
    color: #414248;
    font-weight: 600;
    padding: 15px 0;
    display: block;
}

.movein-condition-title span {
    color: #7F983B;
    margin-right: 10px;
}

.movein-condition-label {
    width: auto;
    position: relative;
    padding: 8px 0 0 40px;
    display: inline-block;
    min-height: 40px;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    text-align: left
}

.movein-condition-label:before {
    width: 35px;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    float: left;
}

.movein-condition-label:after {
    width: 35px;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 35px;
    float: left;
    display: none
}

.elect-pro-move.movein-condition-label:before {
    background: url("../images/electricity-new.png") repeat scroll 0 0;
    width: 33px;
    height: 41px;
}

.gas-pro-move.movein-condition-label:before {
    background: url("../images/gas-new.png") repeat scroll 0 0 !important;
    width: 30px;
    height: 41px;
}

.both-pro-move.movein-condition-label:after {
    background: url("../images/gas-new.png") repeat scroll 0 0 !important;
    width: 30px;
    height: 41px;
    display: inline-block
}

.both-pro-move.movein-condition-label:before {
    background: url("../images/electricity-new.png") repeat scroll 0 0;
    width: 33px;
    height: 41px;
}

.both-pro-move.movein-condition-label {
    padding-left: 80px;
}

.movein-condition-box {
    width: 100%;
    text-align: center;
    float: left;
    border: 1px solid #7f983b;
    padding: 10px;
    font-size: 14px;
    background: #eaffc6;
    line-height: 20px;
    color: #3b3b3b;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.movein-condition-content {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 14px;
    padding: 15px 0 8px;
    font-weight: 400;
    line-height: 20px;
    color: #3b3b3b;
}

.movein-condition-content p {
    margin: 0 0 0;
    font-weight: 400
}

.highlighted {
    background-color: #69863b !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
}

#ui-datepicker-div.ui-datepicker td.highlighted a {
    color: #a6d086
}

#ui-datepicker-div.ui-datepicker td.highlighted span {
    color: #a6d086
}

.holiday-content-below {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 15px 20px;
    border: 1px solid #c7c7c7;
    position: relative;
    font-size: 13px;
    font-size: 14px;
}

.holiday-content-below:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -11px;
    left: 50%;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #f7f7f7;
}

.holiday-content-below:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -5px;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c7c7c7;
    transform: translate(1px, -5px);
    -webkit-transform: translate(1px, -5px);
    -moz-transform: translate(1px, -5px);
}

.movedatefld.active .loader-field {
    display: inline-block
}

.movedatefld .fieldloader {
    top: 34px;
    right: -52px;
}

@media only screen and (min-width:320px) and (max-width:720px) {
    .movedatefld .fieldloader {
        top: 26px;
        right: -35px;
    }
    .main-wrapper .quotmain span::before {
        top: 2px;
        left: 0;
    }
}

select.lifesupportlistcls.custom-select {
    padding-left: 8px;
    padding-right: 21px
}

.plan-signup-logo {
    width: 100%;
    float: left;
    padding: 0px 0;
}

.plan-signup-logo ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.plan-signup-logo ul li {
    list-style: none;
    width: 11%;
    float: left;
    padding: 10px 7px;
    margin: 0;
}

.plan-signup-logo ul li img {
    max-width: 100%;
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .plan-signup-logo ul li {
        list-style: none;
        width: 50%;
        float: left;
        padding: 10px 8px;
        margin: 0;
    }
    .plan-signup-logo ul li:nth-child(2n+1) {
        clear: left;
    }
    .quotmain span {
        padding-left: 0px;
    }
    .formtitle {
        font-size: 20px !important
    }
}

@media only screen and (min-width:641px) and (max-width:850px) {
    .plan-signup-logo ul li {
        list-style: none;
        width: 33.33%;
        float: left;
        padding: 10px 15px;
        margin: 0;
    }
    .plan-signup-logo ul li:nth-child(3n+1) {
        clear: left;
    }
    span.plan-rate-text .plan_rate_info_modal {
        right: -18px;
    }
}

.terms-conditions p {}

.terms-conditions label {}

.apply-now-popup-main {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
}

.apply-now-popup-img {
    width: 100%;
    float: left;
    padding: 0 45px 15px 0;
    position: relative
}

.apply-now-popup-img img {
    max-width: 100%;
    width: 140px;
    height: auto
}

.apply-now-popup-img.both-pro {
    padding: 0px 80px 15px 0px;
}

.apply-now-popup-img.elect-pro:before {
    background: rgba(0, 0, 0, 0) url("../images/electricity-new.png") no-repeat scroll top center;
    content: "";
    height: 43px;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 45px;
}

.apply-now-popup-img.gas-pro:before {
    background: url(../images/gas-new.png) no-repeat top center !important;
    content: "";
    height: 43px;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 45px;
}

.apply-now-popup-img.both-pro:before {
    background: url(../images/gas-new.png) no-repeat top left !important;
    content: "";
    height: 43px;
    position: absolute;
    right: 25px;
    top: 5px;
    width: 45px;
}

.apply-now-popup-img.both-pro:after {
    background: rgba(0, 0, 0, 0) url("../images/electricity-new.png") no-repeat top right;
    content: "";
    height: 43px;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 45px;
}

.apply-now-popup-text {
    width: 100%;
    float: left;
    color: #6e6b6b;
    background: #f5f5f5;
    border-radius: 5px;
    font-size: 14px;
    padding: 15px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

#apply_now_modal .modal-dialog {
    width: 800px !important;
    max-width: 100%;
}

a.apply-btn-back {
    background: #404249 none repeat scroll 0 0;
    color: #fff;
    margin: 5px;
    float: left;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
    line-height: 19px;
    text-transform: uppercase;
    width: 140px;
    max-width: 100%;
}

a.apply-btn-back:hover {
    background: #74992f;
    color: #fff;
    text-decoration: none
}

a.apply-btn-next {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53)) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    position: relative;
    text-shadow: 0px 0px #fff;
    letter-spacing: 1px;
    margin: 5px;
    float: right;
    text-transform: uppercase;
    position: relative;
    line-height: 19px;
    cursor: pointer;
}
.modal-footer a.apply-btn-next:hover{
    color:#fff;
}
.applynow-plan-name {
    width: 100%;
    float: left;
    color: #7DA13A;
    font-size: 18px;
    padding: 3px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.apply-now-popup-text ul {
    margin-left: 0
}

.apply-now-popup-text li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    word-wrap: break-word;
}

.apply-now-popup-text li:before {
    position: absolute;
    content: "\f111";
    font-family: 'fontawesome';
    left: 0px;
    top: 0px;
    color: #83a743;
    font-size: 12px;
}

label img {
    pointer-events: none;
}

.ui-datepicker-title select option {
    color: #3b3b3b;
}

#gform_submit_button_2 {
    width: auto;
    margin: 25px auto 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 58px;
    height: 55px;
    line-height: 33px;
    border-radius: 5px;
    background: linear-gradient(rgb(145, 180, 84), rgb(136, 172, 73), rgb(126, 162, 60), rgb(121, 158, 53));
    letter-spacing: 1px;
}

.modal-header.banner-col {
    border-bottom: 0
}

.nav-tabs.nav {
    margin-left: 0
}

.approve-provider-row h2 {
    text-align: center
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .formpage .section-row {
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .vc_col-sm-6.option-buttons {
        float: none;
    }
    label {
        display: inline-block !important
    }
    label.iconcustom {
        display: inline !important
    }
    #concession-details label.radio-field-box {
        width: auto
    }
    #newotpscreen .panel-default {}
    .electricityusagebilltype ul li {
        width: 100%;
        text-align: left
    }
    .vc_col-sm-4.custmusagemeter {
        text-align: left;
    }
    #gas_usage_container {
        float: none;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .sec-img-holder img {
        display: inline-block
    }
    .formpage .billing_or_usage .section-row {
        text-align: left;
        display: inline-block;
    }
    #bill_yes_normal_electricity,
    #bill_yes_seasonal_electricity,
    #gas_bill_yes_div {
        text-align: center
    }
    #bill_yes_no_elec_ques,
    #bill_yes_no_gas_ques {
        text-align: center;
    }
    .formpage #bill_yes_no_elec_ques .section-row {
        text-align: center;
    }
    .formpage #bill_yes_no_gas_ques .section-row {
        text-align: center;
    }
    #bill_no_elec_residential_options,
    #bill_no_gas_residential_options_val {
        text-align: center;
    }
    #gas_bill_yes_div .g-cols.vc_row.type_default {
        width: auto;
        display: inline-block;
        text-align: center
    }
}

#yourplandetailstab h2 {
    font-size: 16px;
}

#yourplandetailstab h2.gradient {
    font-size: 25px;
    line-height: 30px;
}

#yourplandetailstab .accordion-brand {
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:640px) {
    a.apply-btn-back {
        width: 110px;
    }
    .vc_col-sm-6.option-buttons {
        float: none;
        width: 92px;
        margin: 0px 5px 15px 5px;
    }
    label.radio-field-box {
        display: inline-block !important;
        width: auto;
    }
    #concession-details label {
        width: auto
    }
    .top-loc {
        width: auto;
        margin: 0 auto 0px !important;
        display: table;
        float: none;
        padding: 0 0 0 15px;
    }
    .pencil_href_edit_phn {
        padding: 5px;
    }
    #yourplandetailstab h2 {
        font-size: 15px;
    }
    #yourplandetailstab h2.gradient {
        font-size: 20px;
    }
    input,
    textarea,
    select {
        border: 1px solid #c3c3c3 !important;
        box-shadow: 0 0 1px grey !important;
    }
    .radio-option-box2.option-buttons {
        width: 250px;
        max-width: 100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    input[type='checkbox'] {
        border: 1px solid #c3c3c3 !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    input[type='checkbox'] {
        border: 1px solid #c3c3c3 !important
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    input[type='checkbox'] {
        border: 1px solid #c3c3c3 !important
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    input[type='checkbox'] {
        border: 1px solid #c3c3c3 !important
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    input[type='checkbox'] {
        border: 1px solid #c3c3c3 !important
    }
}

@media only screen and (max-device-width: 480px) {
    .back-apply.fixed {
        padding: 10px;
    }
}

.mobile-icon-for-gas {
    display: none;
}

.gas-div-media {
    margin-top: 45px;
}

@media only screen and (max-width:767px) {
    .mobile-icon-for-gas {
        display: block;
        padding-bottom: 30px;
    }
    .gas-div-media {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    #planlistinghtml .nav-tabs.tab-list-plan>li>a {
        padding: 8px;
        margin: 5px 2px;
    }
}

input:focus,
textarea:focus,
select:focus,
input:active,
textarea:active,
select:active {
    outline: none;
}

.loading-section-main {
    width: 100%;
    padding: 15px 0;
    margin-top: 150px;
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.loading-section-main span {
    width: 100%;
    display: block;
    color: #333
}

.loading-load {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: 15px 0 0;
    position: relative;
    display: inline-block;
}


/* LOADER 1 */

.loading-load:before,
.loading-load:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 6px solid transparent;
    border-top-color: #74992f;
}

.loading-load:before {
    z-index: 100;
    animation: spin-field-loader 1s infinite;
    -webkit-animation: spin-field-loader 1s infinite;
}

.loading-load:after {
    border: 6px solid #333;
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
    #planlistinghtml .nav-tabs.tab-list-plan>li>a {
        margin: 10px 2px;
        font-size: 13px;
    }
    .modalprogressbar .desktopview {
        margin: 0
    }
    .green-price,
    .green-price.green-price1,
    .price-green.price-green1>span {
        font-size: 25px;
    }
}

@media only screen and (max-width: 700px) {
    #planlistinghtml .nav-tabs.tab-list-plan>li {
        width: 100%;
        text-align: center;
    }
    #planlistinghtml .nav-tabs.tab-list-plan>li.common-nav-half {
        width: 50%
    }
    #planlistinghtml .nav-tabs.tab-list-plan>li#electricity_li,
    #planlistinghtml .nav-tabs.tab-list-plan>li#gas_li {
        width: 50%;
        text-align: center;
    }
    #planlistinghtml .nav-tabs.tab-list-plan>li>a {
        margin: 5px;
    }
}

.common-banner.terms {
    width: 100%;
    margin: 0;
    padding: 15px;
}

.loader-page {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}


/* LOADER 1 */

.loader-page:before,
.loader-page:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 6px solid transparent;
    border-top-color: #74992f;
}

.loader-page:before {
    z-index: 100;
    animation: spin-field-loader 1s infinite;
    -webkit-animation: spin-field-loader 1s infinite;
}

.loader-page:after {
    border: 6px solid #333;
}

@keyframes spin-field-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-start-mod.active .loader-page {
    display: inline-block
}

@media screen and (max-width:767px) {
    .main-wrapper .quotmain span {
        font-size: 16px;
        line-height: 22px;
    }
    .move-date-section {
        width: auto
    }
}

.peakfieldsmain input.rdl_input {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
}

@media screen and (min-width:1920px) {
    .top-struct {
        max-width: 1690px;
        margin: 0 auto;
        float: none;
    }
    .modalprogressbar {
        padding: 0;
        width: 1690px;
        margin: 0 auto;
    }
    .banner-col .progress,
    #page_layout_view .progress {
        width: 1690px;
        margin: 0 auto;
    }
    .common-banner {
        max-width: 1690px;
        margin: 0 auto;
    }
}

.provider-trem-accordion .w-tabs-section-title {
    margin: 0 !important
}

.w-tabs-sections .provider-trem-accordion .w-tabs-section-header {
    font-size: 18px;
    background: #ececec;
    display: block;
    padding: 20px;
    color: #fff !important;
}
.w-tabs-section .w-tabs-section-header.accordionprovidertermsandconditions{
    color: #fff !important;
    background: #73992b !important;
}
.w-tabs-section .w-tabs-section-header.accordionprovidertermsandconditions:hover{
    background: #73992b !important;
}
.provider-trem-accordion .wpb_wrapper li {
    font-size: 16px;
    line-height: 24px;
}

.provider-trem-accordion .w-tabs.accordion .w-tabs-section {
    border: 0;
    padding: 5px 0;
}

.content-term-conditions li,
.content-term-conditions p {
    font-weight: 400
}

.content-term-conditions li span,
.content-term-conditions p span {
    font-size: 14px !important;
}

.content-term-conditions ul {
    margin-left: 2.5rem;
}

.plan-content h2.gradient {
    width: 50%;
    float: left;
    margin: 0 !important
}

.plan-content p.edit {
    width: 50%;
    float: left;
    text-align: right;
    margin-bottom: 0
}

.panel-content {
    width: 100%;
    float: left;
}

@media screen and (max-width:767px) {
    .plan-content h2.gradient {
        width: 60%;
        float: left
    }
    .plan-content p.edit {
        width: 40%;
        float: left;
        text-align: right;
        margin-top: 8px;
    }
}

input#unsubscribe:focus {
    box-shadow: none !important;
}

input#unsubscribe {
    border: 0px solid #c3c3c3 !important;
    box-shadow: none !important;
}

.unsubscriber_message,
.unsubscriber_thanks_message {
    font-size: 36px;
}

@media screen and (max-width:767px) {
    .unsubscriber_message,
    .unsubscriber_thanks_message {
        font-size: 24px;
    }
}

@media screen and (min-width:1600px) {
    #combo-plan-tab .plan-list-detail-section {
        min-height: 508px;
    }
}

.plan-detail-info-icon {
    position: absolute;
    z-index: 99;
    top: -2px;
    right: 0px;
}

.usage-tooltip-modal .modal-dialog {
    margin: 40px auto !important;
}

.solor-rebate-main select.custom-select {
    height: 42px;
    width: 206px;
}

.solor-rebate-main.vc_col-sm-4.timeofuseoffpeak {
    margin-bottom: 14px;
    position: relative;
}

.peak-seasonal-usage .solor-rebate-main select.custom-select {
    height: 49px !important;
}

.peak-seasonal-usage .solor-rebate-main.solor-rebate-seasonal-usage1 select.custom-select {
    width: 206px;
    height: 42px !important;
}

.peak-seasonal-usage .peakfieldsmain {
    width: 600px;
    max-width: 100%;
}

.controlloadfirst.controlloadfirst-mrg-bot {
    margin: 0 0 24px 5px;
}

@media screen and (max-width:380px) {
    #elec_solar_consumed_double,
    #elec_solar_consumed_winter {
        display: block;
    }
    .solor-rebate-main select.custom-select {
        width: 100%;
    }
}

@media screen and (min-width:381px) and (max-width:767px) {
    #elec_solar_consumed_double,
    #elec_solar_consumed_winter {
        display: block;
        width: 85%
    }
    .solor-rebate-main select.custom-select {
        width: 100%;
    }
}

.ui-autocomplete-term {
    font-weight: bold;
    color: #769a2e;
}


/*------- new feature addons ---------*/

.niceCountryInputMenu {
    background: white !important;
    color: black !important;
    cursor: pointer;
    height: 54px;
    box-shadow: none;
    border: 0 !important;
    font-size: 15.5px;
    border-radius: 0px;
    letter-spacing: 0.5px;
    background: #fff;
}

.niceCountryInputMenuDropdownContent {
    border: 1px solid #f7f7f7;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: none;
    border: none;
}

.niceCountryInputMenuDropdownContent a {
    padding-left: 0.8em
}

.niceCountryInputMenuDropdownContent a:hover {
    background: #7fa33d !important;
}

.niceCountryInputMenuFilter {
    box-shadow: none;
    border: 0
}

#identification-details .niceCountryInputMenuFilter input {
    height: 38px;
    box-shadow: none;
    border: 1px solid #cacaca;
}

.niceCountryInputMenuDefaultText {
    line-height: 50px;
    font-size: 15.5px;
    padding: 0 0.8rem;
}

.niceCountryInputMenuDropdown {
    line-height: 50px;
    height: 50px;
}

.niceCountryInputSelector {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
}


/*-- filter--*/

body.filter-open {
    overflow: hidden
}

.filter-list-section {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 15px 0;
    overflow: auto;
}

.panel-group-filter .panel-filter {
    border-radius: 0;
    background: none;
    border-bottom: 2px solid #fff;
}

.panel-group-filter.panel-group .panel-heading {
    width: 100%;
    padding: 0;
}

.panel-group-filter.panel-group .panel-heading a {
    display: block;
    font-size: 22px;
    line-height: 36px;
    padding: 15px 0px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    position: relative
}

.panel-group-filter.panel-group .panel-heading a::after {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12px;
    right: 12px;
    content: "\f105";
    font-family: 'fontawesome';
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 35px
}

.panel-group-filter.panel-group .panel-heading a[aria-expanded="false"]::after {
    transform: rotate(90deg)
}

.panel-group-filter .panel-body {
    margin: 0 0;
    border-top: 0;
    background: none;
    padding: 10px;
}

.panel-group.panel-group-filter .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-group-filter.panel-group .panel-heading a:focus,
.panel-group-filter.panel-group .panel-heading a:hover {}

.filter-list-section-title {
    font-size: 27px;
    color: #769a2e;
    text-align: left;
    font-weight: 600;
    float: left;
    width: auto;
    padding: 10px 0
}

.filter-result-btn {
    border-radius: 10px;
    margin: 10px 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #769a2e;
    border: 0;
    width: auto;
    float: right;
    padding: 8px 13px
}

.filter-clear-btn {
    border-radius: 10px;
    margin: 10px 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: none;
    border: 0;
    width: auto;
    float: right;
    padding: 8px 13px
}

.filter-close-btn {
    background-color: #7f983b;
    color: #fff;
    float: right;
    height: 36px;
    width: 36px;
    border: 3px solid #fff;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
}

.filter-close-btn:before {
    content: "×";
    font-size: 20px;
    font-weight: bold;
    line-height: 26px
}

.panel-group-filter .panel-body ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.panel-group-filter .panel-body ul li {
    width: 100%;
    float: left;
    padding: 6px;
    margin: 0;
    list-style: none
}

.panel-group-filter .panel-body ul li input[type="checkbox"],
.panel-group-filter .panel-body ul li input[type="radio"] {
    display: none
}

.panel-group-filter .panel-body ul li label {
    font-size: 16px;
    padding-left: 30px;
    line-height: 22px;
    position: relative;
    color: #fff
}

span.custom-radio-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    float: left;
}

span.custom-radio-filter:before {
    width: 14px;
    height: 14px;
    float: left;
    content: "";
    background: #7f983b;
    position: absolute;
    top: 2px;
    left: 2px;
    opacity: 0;
    border-radius: 50%;
}

input[type='radio']:checked+label span.custom-radio-filter:before {
    opacity: 1
}

span.custom-checkbox-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    float: left;
}

span.custom-checkbox-filter:before {
    width: 14px;
    height: 14px;
    float: left;
    content: "";
    background: #7f983b;
    position: absolute;
    top: 2px;
    left: 2px;
    opacity: 0;
    border-radius: 1px;
}

input[type='checkbox']:checked+label span.custom-checkbox-filter:before {
    opacity: 1
}

.filter-btn-box {
    width: auto;
    float: right;
}

.filter-btn {
    background: #769a2e;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 15px 8px 15px;
    text-shadow: 0px 0px #fff;
    letter-spacing: 1px;
    margin: 0 auto;
    display: table;
    position: relative;
    line-height: 19px;
    cursor: pointer;
}


/*-------------*/

.niceCountryInputMenuDefaultText {
    width: 100%;
    line-height: 54px;
    font-size: 15.5px;
    padding-left: 0.8em;
    color: #414248
}

.niceCountryInputMenuDefaultText a {
    color: #414248 !important
}

.niceCountryInputMenuDropdown {
    line-height: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/caret-icon.png) no-repeat center !important;
}

.niceCountryInputMenuDropdown span {
    display: none;
}

.niceCountryInputSelector {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    width: 100%;
}

.rate-plan-div {
    width: 100%;
    float: Left;
    padding: 10px;
    background: #fff;
}

h3.rate-heading {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

.rate-content {
    width: 100%;
    float: left;
    font-size: 15px;
    margin: 0 0 10px;
    text-align: justify
}

.rate-plan-div a {
    font-weight: 500;
    margin: 4px;
    text-transform: capitalize;
    color: #88AB49;
}

ul.rate-tab-html {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

ul.rate-tab-html li {
    width: 50%;
    float: left;
    margin: 0;
    padding: 5px;
    list-style: none;
}

.rate-plan-main-div {
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px 0;
}

.rate-plan-main-div a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 13px;
}

.modal-body.plan_rate_info_modal_body {}

@media screen and (max-width:767px) {
    ul.rate-tab-html li {
        width: 100%;
    }
}

.gas_elec_panel a.plan_panel {
    font-size: 15px;
    color: #242424;
}

.gas_elec_panel .panel-heading {
    padding-left: 0px;
}

.question span.sub-question-line {
    display: block;
    font-size: 20px;
}

.dec-short.dec-sub-title.concession-rebate-hint-text {
    width: 100%;
    max-width: 860px;
    margin-bottom: 25px;
    margin-top: 15px;
    padding: 0 15px;
}

.sub-question {
    padding: 15px 0 10px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #1f272a;
}

.concession-rebate-box-feildset {
    position: relative
}

@media only screen and (max-width:767px) {
    .dec-short.dec-sub-title.concession-rebate-hint-text {
        margin-top: 0;
        width: auto;
    }
    .concession-rebate-section-main {
        padding: 0 10px;
    }
    .concession-rebate-section.move-date-section .movedatelbl {
        width: 100%;
    }
}

@media only screen and (max-width:415px) {
    .dec-short.dec-sub-title.concession-rebate-hint-text {
        margin-left: 0 !important;
    }
    .section-row.concession-rebate-section-row {
        display: block;
    }
    .concession-rebate-section-main {
        padding: 0 10px;
        display: block;
    }
    .move-date-section.concession-rebate-section {
        text-align: center;
    }
    .move-date-section.concession-rebate-section .movedatelbl {
        width: 100%;
    }
}

.bill-upload-main {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}

.bill-upload-btn {
    width: 180px;
    display: inline-block;
    overflow: hidden;
    background-color: #74992f;
    color: #fff;
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    margin-left: 0;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer
}

.bill-upload-btn input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.bill-upload-btn-up {
    width: 220px;
    display: inline-block;
    position: relative;
}

.uploadbillouterdiv_elec,
.uploadbillouterdiv_gas {
    width: 250px;
    display: inline-block;
}


/*------ bill upload --------*/

.uploadbilllistMain {
    width: 100%;
    float: left;
    margin: 5px 0;
    position: relative;
}

.uploadbilllisttext {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 30px;
    color: #3b3b3b;
    text-align: left;
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.uploadbilllistbtn {
    width: auto;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
}

.deletebillfile {
    float: left;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    text-align: center;
    width: 30px;
    background: #f00;
    margin: 2px;
}

.deletebillfile i {
    line-height: 30px;
}

.addbillinput i {
    line-height: 30px;
}

.addbillinput {
    float: left;
    color: #fff;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    text-align: center;
    width: 30px;
    background: #676767;
    margin: 2px;
}

.progress-bill-upload-out {
    width: 220px;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    padding: 10px 0 0;
}

.progress-bill-upload-out.active {
    display: inline-block;
}

.progress.progress-bill-upload {
    height: 10px;
    background-color: #cfcfcf;
    margin: 13px 15px 0px;
    display: none
}

.progress.progress-bill-upload .progress-bar.active {
    background-color: #99bb59;
}

.progress.progress-bill-upload.active {
    display: block
}

.Address-footer .footer-icon {
    margin-bottom: 0 !important;
}

.progress-bill-upload-out {
    width: 250px;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    padding: 10px 0 0;
}

.progress-bill-upload-out.active {
    display: inline-block;
}

.progress.progress-bill-upload {
    height: 10px;
    background-color: #cfcfcf;
    margin: 13px 15px 0px;
    display: none
}

.progress.progress-bill-upload .progress-bar.active {
    background-color: #99bb59;
}

.progress.progress-bill-upload.active {
    display: block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.progress-loader {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 4px solid rgba(116, 153, 47, 0.7);
    border-top-color: rgb(116, 153, 47);
    float: left;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

.bill-upload-btn input[disabled] {
    opacity: 0;
}

.formfield label.iconcustom {
    height: 24px;
    left: 26px;
    position: absolute;
    top: 15px;
    width: 20px;
    float: left;
    line-height: 24px;
    margin-bottom: 0;
}

label.iconcustom::before {
    font-family: fontawesome;
    font-size: 22px;
    font-weight: normal;
    color: #73992e;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

.startbilldate label.iconcustom,
.startenddate label.iconcustom {
    height: 24px;
    left: 16px;
    position: absolute;
    top: 50%;
    width: 20px;
    float: left;
    line-height: 24px;
    margin-bottom: 0;
    transform: translate(0, -50%);
}

.movedatefld label.iconcustom {
    height: 24px;
    left: 25px;
    position: absolute;
    top: 50%;
    width: 20px;
    float: left;
    line-height: 24px;
    margin-bottom: 0;
    transform: translate(0, -50%);
}

.movedatefld label.iconcustom::before {
    content: "\f073";
}

.updatedob label.iconcustom::before {
    content: "\f073";
}

.custmdob label.iconcustom::before {
    content: "\f073";
}

.startbilldate label.iconcustom::before {
    content: "\f073";
}

.startenddate label.iconcustom::before {
    content: "\f073";
}

.custmfname label.iconcustom::before {
    content: "\f007"
}

.custmtitle label.iconcustom::before {
    content: "\f007"
}

.custmlastname label.iconcustom::before {
    content: "\f007"
}

.custmemail label.iconcustom::before {
    content: "\f0e0";
    font-size: 20px;
}

.custmphone label.iconcustom::before {
    content: "\f10b";
    font-size: 28px;
}

.originaccountnumber label.iconcustom::before {
    content: "\f2c3"
}

.usage-field-no-last-main {
    width: 100%;
    display: block;
    text-align: center
}

.usage-field-no-last-box {
    width: 230px;
    display: inline-block;
    text-align: center
}

.timeofuseoffpeak {
    position: relative
}

.concession-rebate-box {
    width: 100%;
    max-width: 700px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.concession-rebate-box-feildset {
    width: 260px;
    max-width: 100%;
    display: inline-block;
    margin: 15px 0 0
}


/*------------*/

.dmo-prices-table-main {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    color: #000
}

.dmo-prices-table-main table {
    font-size: 14px;
    color: #3c3b3b
}

.dmo-prices-table-main table th {
    color: #fff;
    background: #7f983b;
}

.dmo-prices-table-main table td,
.dmo-prices-table-main table th {
    border: 1px solid #e8e9eb;
    padding: 6px;
    font-size: 13px;
}

.dmo-prices-table-main table tr:nth-child(even) {
    background: #f2feff
}

.dmo-prices-table-note {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin-top: 20px;
    color: #3c3b3b
}

.dmo-prices-plan-info {
    width: 50%;
    float: left;
    text-align: right;
    font-size: 16px;
    color: #3c3b3b;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 15px
}

.dmo-prices-plan-logo {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.dmo-prices-plan-logo img {
    max-width: 100%;
    width: 130px;
}

.dmo-prices-plan-detail {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.dmo-prices-plan-detail ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.dmo-prices-plan-detail ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 2px 0;
    list-style: none;
    font-size: 13px;
    color: #3c3b3b;
}

.dmo-plan-distributor {
    width: auto;
    margin: 5px 3px;
    padding: 4px 10px;
    border-radius: 18px;
    border: 1px solid #efefef;
    background: #E4E4E4;
    color: #000;
    display: inline-block
}

.dmo-plan-distributor.active {
    background: #7f983b;
    color: #fff;
    border: 0
}

.dmo-text-right {
    text-align: right;
}

.dmo-a-tag {
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0 5px;
    float: left
}

.dmo-a-tag a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 13px;
}

#plan_dmo_modal .modal-dialog {
    margin: 24px auto !important
}

span.user_property_type {
    text-transform: capitalize;
}

span.dmo-plan-distributor {
    cursor: pointer;
}

.dmo-price-pop-up {
    font-size: 20px;
    color: #7f983b;
    overflow: auto;
}

.dmo-plan-content {
    width: 100%;
    padding: 10px;
    display: block;
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
    color: #4d4d4f;
}

.dmo-plan-content span {
    font-size: 15px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    color: #769a2e;
    text-align: center;
}

.dmo-plan-content strong {
    font-size: 13px;
    font-weight: 600
}

.fielderrormain.compareChoiceValid {
    /*position: relative;*/
}

.imp-notice a {
    text-decoration: underline;
}

.panel-box-tab-use {
    padding: 0 15px;
    box-shadow:none;
}

.panel-box-tab-use .panel-box-tab-title a {
    color: #879f44;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    text-decoration: none;
}

.panel-box-tab-use .panel-body {
    padding: 0;
}

.panel-box-tab-use .panel-box-tab-title a:hover {
    color: #879f44 !important;
}

.rate-tab-html li a {
    text-transform: capitalize;
}

.radio-option-box.option-buttons,
.radio-option-img.option-box,
.bill-usage-option {
    position: relative
}

#ui-datepicker-div.ui-datepicker {
    background-color: #fff;
}

#ui-datepicker-div .ui-datepicker-header {
    background-color: #74992f !important;
    margin-bottom: 8px;
}

#ui-datepicker-div.ui-datepicker th {
    color: #1f272a
}

#ui-datepicker-div.ui-datepicker td span {
    color: #b4b4b4
}

#ui-datepicker-div.ui-datepicker td a {
    color: #1f272a
}

.highlighted {
    /*  background-color: #D9E4E9  !important;*/
}

#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {
    font-weight: bold;
    text-align: center
}

#ui-datepicker-div.ui-datepicker td.highlighted a {
    color: #1f272a;
}

.labelcheck input[type="checkbox"] {
    width: auto;
    left: 8px;
    top: 8px;
}


/* LOADER 1 */

#approvedproviderslisthome {
    position: relative;
    min-height: 60px;
}

#approvedproviderslisthome.active:before,
#approvedproviderslisthome.active:after {
    display: inline-block
}

#approvedproviderslisthome.active {}

#approvedproviderslisthome:before,
#approvedproviderslisthome:after {
    content: "";
    position: absolute;
    top: calc(50% - 23px);
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #74992f;
    z-index: 99;
    display: none;
}

#approvedproviderslisthome:before {
    z-index: 100;
    animation: spin-slider-loader 1s infinite;
    -webkit-animation: spin-slider-loader 1s infinite;
}

#approvedproviderslisthome:after {
    border: 4px solid #000;
}

@keyframes spin-slider-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.energy-page-provider-mobile.active .providersliderhome {
    display: none;
}


/*filter css start*/

.enter-manual-usage {
    width: auto;
    float: right;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.enter-manual-usage-btn {
    width: auto;
    /* padding: 2px 10px; */
    padding: 6px 13px;
    /* border-radius: 8px; */
    display: inline-block;
    background: #769a2e;
    color: #fff;
    cursor: pointer;
}

.plan-usage-gas .providerlistcls-main {
    margin: 0px auto;
    margin-bottom: 20px;
}

.plan-usage-gas,
.plan-usage-electricity {
    width: 100%;
    padding: 15px;
    display: block;
    float: left;
    border: 1px solid #efefef;
    margin: 20px 0;
    background: #f7f7f7;
}

.plan-usage-gas .question {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.plan-usage-gas .question h2 {
    margin-bottom: 0
}

.plan-usage-gas .box-wrapper-head h2,
.plan-usage-electricity .box-wrapper-head h2 {
    font-size: 36px;
    display: block;
    margin-right: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0px;
    border-bottom: 1px solid #eee;
    padding: 10px 0 20px;
    color: #769a2e;
}

.usage-plan-gas-inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
}

.manual-usage-section .startdatebill {
    margin: initial;
    width: 94%;
}
.manual-usage-section .savings_amount{
    width: 90%;   
}
.manual-usage-section .savings_amount .input{
    padding-left: 30px;
}

.manual-usage-section {
    width: 100%;
    padding: 15px;
    display: block;
    float: left;
    border: 1px solid #efefef;
    margin: 20px 0;
    background: #f7f7f7;
}

.manual-usage-section .box-wrapper-head h2 {
    font-size: 36px;
    display: block;
    margin-right: 15px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 0px;
    border-bottom: 1px solid #eee;
    padding: 10px 0 20px;
    color: #769a2e;
}

.plan-list-elect-usage {
    margin: 0px 10px 0px 0px;
    width: 233px;
    /*background: #fff;*/
    float: left;
}

.plan-list-elect-usage .custmusagemeter {
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    margin: 0px 35px 0px 0px;
    width: 100%;
    background: #fff;
    text-align: center;
    min-height: 135px;
    float: left;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
    flex:1;
}

.plan-list-elect-usage .custmusagemeter span.green-label {
    padding: 0;
}

.plan-list-elect-usage-box input.rdl_input {
    border-radius: 0;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    -moz-box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    -webkit-box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
    color: #807b7b;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    width: 192px;
    display: inline-block;
}

.plan-elect-usage-fieldset {
    width: 100%;
    margin: 10px 0 0;
    float: left;
    position: relative;
    max-width: 250px;
    min-height: 110px;
}

.plan-list-elect-usage .load_usage_double-wrap label {
    margin: 10px 0 5px;
}

.plan-list-elect-usage .solor-rebate-main select.custom-select {
    width: 190px;
}

.plan-list-elect-usage-box {
    width: 100%;
    float: left;
    overflow: auto;
    /* max-height: 400px; */
    min-height: 100px;
    margin-top: 20px;
    background: #63a716;
    border: 2px solid #fff;
    padding: 25px;
    position: relative;
}
.plan-list-elect-usage input[type="radio"]:checked+.bill-usage-option::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 37px;
    bottom: -40px;
    background: #ffffff;
    left: 45%;
}
.plan-list-elect-usage #manual-dont-know[type="radio"]:checked+.bill-usage-option::after{
    content: none;
}
.seasonal-usage-main .plan-list-elect-usage-box {
    /*padding: 0 30px;*/
}

.plan-list-elect-usage .peaksummer-main {
    width: 100%;
}
/*bill amount input css**/
.savings_amount .startbilldate .bill_amount_input{
    padding-left :16px;
}

/* #manual-peaktype{
    max-width: 545px;
    float: left;
} */

@media only screen and (max-width:730px) {
    .plan-list-elect-usage {
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }
    .plan-list-elect-usage-box {
        max-height: initial;
        overflow: visible;
        margin-bottom: 20px;
    }
    .manual-usage-section .box-wrapper-head h2 {
        font-size: 26px;
    }
    .plan-usage-gas .box-wrapper-head h2,
    .plan-usage-electricity .box-wrapper-head h2 {
        font-size: 26px;
    }
    .manual-usage-section .startbilldate label.iconcustom,
    .manual-usage-section .startenddate label.iconcustom {
        left: 12px;
    }
    .manual-usage-section .startbilldate,
    .manual-usage-section .startenddate {
        padding: 0 5px;
    }
    .enter-manual-usage {
        width: 100%;
    }
}

@media only screen and (max-width:840px) {
    .plan-list-elect-usage {
        width: 205px;
        margin: 0 10px 0 0;
    }
    .plan-list-elect-usage-box .peakfieldfirst,
    .plan-list-elect-usage-box .peakfirst,
    .plan-list-elect-usage-box .timeofusepeakshoulder,
    .plan-list-elect-usage-box .peakfieldfirst,
    .plan-list-elect-usage-box .peakfieldssecond,
    .plan-list-elect-usage-box .timeofusesolarback {
        width: 100% !important;
        margin: 10px 0 0 0 !important
    }
    .plan-list-elect-usage-box .load_usage_double-wrap {
        width: 100%;
        padding: 8px 0
    }
    .manual-usage-section .billing_or_usage {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

.noty_theme__mint.noty_type__success {
    background-color: rgba(116, 153, 47, 0.8);
    border-bottom: 1px solid #74992f;
    color: #fff;
}

.noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    line-height: 17px;
    font-size: 12px;
}

.noty_theme__mint.noty_bar .noty_body span {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 13px;
}
noty_progressbar{
    background-color: #fff;
}
.usage-field-no-last-main {
    margin-top: 30px
}

@media only screen and (max-width:415px) {
    .usage-field-no-last-main {
        margin-top: 15px
    }
}

.plan-content p.edit a {
    width: auto;
    display: inline-block;
    padding: 3px 5px 3px 20px;
    position: relative;
}

.plan-content p.edit a:before {
    font-family: fontawesome;
    font-size: 17px;
    font-weight: normal;
    content: '\f040';
    position: absolute;
    left: 0;
    top: 2px
}

.plan-content p.edit a img {
    display: none;
}

.panel-group .panel.panel-box-tab-use {
    margin-bottom: 15px;
}

#acknowldgement-terms-conditions p span strong,
#acknowldgement-terms-conditions ul li span strong,
#acknowldgement-terms-conditions p strong,
#concession_content p strong,
#concession_content p span strong,
#concession_content span strong,
#acknowldgement-terms-conditions p span strong,
#acknowldgement-terms-conditions ul li span strong {
    color: #414248 !important;
}


/*DMO BPID CSS*/

.panel.gas_elec_panel.panel-box-tab-use {
    margin-bottom: 25px;
}

.dmo-prices-table-main {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    color: #2F3235
}

.dmo-prices-table-main table {
    font-size: 14px;
    color: #2F3235
}

.dmo-prices-table-main table th {
    color: #fff;
    background: #88AB49;
}

.dmo-prices-table-main table td,
.dmo-prices-table-main table th {
    border: 1px solid #e8e9eb;
    padding: 6px;
    font-size: 13px;
}

.dmo-prices-table-main table tr:nth-child(even) {
    background: #f2feff
}

.dmo-prices-table-note {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin-top: 20px;
    color: #3c3b3b
}

.dmo-prices-plan-info {
    width: 50%;
    float: left;
    text-align: right;
    font-size: 16px;
    color: #3c3b3b;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 15px
}

.dmo-prices-plan-logo {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.dmo-prices-plan-logo img {
    max-width: 100%;
    width: 130px;
}

.dmo-prices-plan-detail {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.dmo-prices-plan-detail ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.dmo-prices-plan-detail ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 2px 0;
    list-style: none;
    font-size: 13px;
    color: #3c3b3b;
}

.dmo-plan-distributor {
    width: auto;
    margin: 5px 3px;
    padding: 4px 10px;
    border-radius: 18px;
    border: 1px solid #efefef;
    background: #E4E4E4;
    color: #000;
    display: inline-block
}

.dmo-plan-distributor.active {
    background: #88AB49;
    color: #fff;
    border: 0
}

.dmo-text-right {
    text-align: right;
}

.dmo-a-tag {
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0 5px;
    float: left
}

.dmo-a-tag a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 13px;
}

#plan_dmo_modal .modal-dialog {
    margin: 24px auto !important
}

span.user_property_type {
    text-transform: capitalize;
}

span.dmo-plan-distributor {
    cursor: pointer;
}

.dmo-price-pop-up {
    font-size: 20px;
    color: #88AB49;
    overflow: auto;
}

.panel-box-tab-use .panel-box-tab-title a:hover {
    color: #88AB49 !important;
}

.panel-box-tab-use .panel-box-tab-title a {
    color: #88AB49;
}

.vc_col-sm-4.timeofuseoffpeak {
    position: relative
}

.rate-plan-div {
    width: 100%;
    float: Left;
    padding: 10px;
    background: #fff;
}

h3.rate-heading {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

.rate-content {
    width: 100%;
    float: left;
    font-size: 15px;
    margin: 0 0 10px;
    text-align: justify
}


ul.rate-tab-html {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

ul.rate-tab-html li {
    width: 50%;
    float: left;
    margin: 0;
    padding: 5px;
    list-style: none;
}

.rate-plan-main-div {
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px 0;
}

.rate-plan-main-div a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 13px;
}

.modal-body.plan_rate_info_modal_body {}

@media screen and (max-width:767px) {
    ul.rate-tab-html li {
        width: 100%;
    }
}

.discount-content {
    width: 100%;
    display: block;
}

.discount-content p {
    font-style: normal;
    text-align: center;
    color: #4d4d4f;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .dmo-prices-plan-detail {
        width: 100%;
    }
    .dmo-prices-plan-info {
        width: 100%;
        text-align: left
    }
    .peakfieldsmain {
        padding-top: 0;
    }
}

.dmo-info-popup-main {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    color: #6e6b6b
}

.dmo-info-popup-main p {
    margin-bottom: 8px;
    font-weight: 600
}

.dmo-info-popup-main ul li {
    padding-left: 22px;
    font-size: 15px;
    list-style: none;
    position: relative;
}

.dmo-info-popup-main li::before {
    position: absolute;
    content: "\f111";
    font-family: 'fontawesome';
    left: 0px;
    top: 2px;
    color: #83a743;
    font-size: 12px;
}

.customer-signup-from {
    width: 50%;
    float: left;
    padding: 25px
}

.customer-signup-from .formtitle {
    font-size: 25px !important;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0 15px
}

.testimonials-section-signup {
    width: 40%;
    padding: 20px 40px;
    float: right;
    margin-top: 25px;
    background: #efefef;
    border-radius: 10px;
}

.testimonials-box-img {
    width: 90%;
    float: left;
}

.testimonials-box-img img {
    width: 100%;
    height: auto
}

.testimonials-box-msg {
    width: 100%;
    float: left;
    padding: 5px 0px 5px 46px;
    margin: 15px 0;
    font-size: 20px;
    line-height: 28px;
    color: #404249;
    font-weight: 500;
    position: relative
}

.testimonials-box-msg span {
    width: 100%;
    float: left;
    padding: 10px 0 0;
    margin: 0px 0;
    font-size: 16px;
    line-height: 22px;
    color: #8a8a8a;
    font-weight: 400;
}

.testimonials-box-msg:before {
    font-size: 38px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 9;
    content: "\f10d";
    font-family: FontAwesome;
    color: #91b555;
}

.testimonials-section-logo {
    width: 112px;
    float: left;
}

.customer-signup-container {
    width: 1300px;
    margin: auto;
    max-width: 100%;
}

@media screen and (max-width:980px) {
    .customer-signup-from {
        width: 100%;
        padding: 0
    }
    .testimonials-section-signup {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 20px;
    }
    .testimonials-box-msg::before {
        font-size: 28px;
    }
    .testimonials-box-msg {
        font-size: 16px;
        line-height: 24px;
        padding: 5px 0px 5px 38px
    }
    .testimonials-box-msg span {
        font-size: 16px;
    }
}


/*Filter css*/

.active-nav-link {
    color: #fff;
    background: #769a2e !important;
    border: 0;
    outline: none;
}

.full-nav .common-nav li a.active-nav-link,
.full-nav .common-nav li a:hover,
.full-nav .common-nav li a:visited,
.full-nav .common-nav li a:active,
.full-nav .common-nav li a:focus {
    background: #f17c21;
    color: #fff
}

.full-nav .common-nav li a.active-nav-link span {
    background: #000;
    color: #fff;
}

.full-nav .common-nav li a {}

.plan-list-compare-btn .cimet-btn.compare-btn {
    background: #f17c21 !important;
    color: #fff
}

.full-nav .common-nav li a span {
    background: #949494;
}

.enter-manual-usage span {}

.full-nav .compare-btn .count {
    background: #000;
}

.dmo-plan-less-rate {
    text-align: center;
    margin-bottom: 10px;
}

.combo_content {
    width: 100%;
    padding: 5px 0px 5px 25px;
    display: block;
    font-size: 14px;
    position: relative;
    color: #5f5f5f;
}

.combo_content:before {
    position: absolute;
    content: "\f05a";
    font-family: 'fontawesome';
    left: 0px;
    top: 1px;
    color: #769a2e;
    font-size: 20px;
}

.dmo-plan-less-rate h1 {
    font-size: 31px !important;
    color: #4d4d4f;
    font-weight: 600;
    line-height: 30px;
    display: block;
    margin: 0 0 5px
}

.dmo-plan-less-rate p {
    /*text-align: center;*/
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 500;
}

.electri-titl .dmo-plan-less-rate h1 {
    position: static;
    line-height: 25px;
    margin: 0;
    color: #4d4d4f;
    text-shadow: none;
    padding: 0;
}

.loader-start-create-customer::after {
    width: 100%;
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
}

.loader-start-create-customer-box {
    width: 600px;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    z-index: 8;
    text-align: center;
    transform: translate(-50%, -50%);
}

.loader-start-create-customer-text {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #7f983b;
    font-weight: 500;
    margin-top: 15px;
}

.loader-start-create-customer-box img {
    width: 80px;
    height: auto
}

#plandetails .power-price {
    position: relative;
     background: #fff !important;
}

#plandetails .compare-gas {
    border-left: 0px solid #c8c8c8;
}

#plandetails .or-price {
    border-left: 0px solid #c8c8c8;
    border-right: 0px solid #c8c8c8;
}

#plandetails .compare-gas:before {
    width: 1px;
    float: left;
    height: 100%;
    position: absolute;
    content: " ";
    top: 0;
    left: 21%;
    background: #c8c8c8;
}

#plandetails .compare-gas:after {
    width: 1px;
    float: left;
    height: 100%;
    position: absolute;
    content: " ";
    top: 0;
    left: 56%;
    background: #c8c8c8;
}

@media screen and (max-width:767px) {
    #plandetails .compare-gas::before,
    #plandetails .compare-gas:after {
        display: none
    }
    .prevclickslide {
        padding-left: 48px;
    }
    .filter-btn-box {
        margin-left: 10px;
    }
}

.dmo-loader {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 20px auto;
}

.dmo-loader::before,
.dmo-loader::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: transparent;
    border-top-color: #303328;
}

.dmo-loader:after {
    border: 4px solid #7f983b;
}

.dmo-loader::before {
    z-index: 100;
    animation: spin-field-loader 1s infinite;
    -webkit-animation: spin-field-loader 1s infinite;
}

#planlistinghtml .nav-tabs.tab-list-plan>li.active>a,
#plandetails .nav-tabs.tab-list-plan>li.active>a,
#planlistinghtml .nav-tabs.tab-list-plan>li>a:hover,
#plandetails .nav-tabs.tab-list-plan>li>a:hover {
    color: #fff;
    background: #769a2e;
    border: 0
}

.plan_detail_name {
    width: 100%;
    display: block;
    clear: both;
    margin-top: 25px;
    font-size: 18px;
    padding-top: 12px;
}

.panel-box-tab-title a[aria-expanded="true"] span.colasp-span {
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 0;
}

.panel-box-tab-title a[data-toggle="collapse"] {
    position: relative;
    padding-right: 10px;
}

.combo_content {
    width: 100%;
    padding: 5px 0px 5px 25px;
    display: block;
    font-size: 14px;
    position: relative;
    color: #5f5f5f;
}

.combo_content:before {
    position: absolute;
    content: "\f05a";
    font-family: 'fontawesome';
    left: 0px;
    top: 1px;
    color: #769a2e;
    font-size: 20px;
}

.move-date-section.concession-rebate-section .movedatelbl {
    padding-top: 0;
}

#planlistinghtml .nav-tabs.tab-list-plan>li>a span {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    color: #000;
    line-height: 20px;
    top: 10px;
    right: 4px;
    font-size: 12px;
}

#planlistinghtml .nav-tabs.tab-list-plan>li>a {
    position: relative;
    padding: 10px 28px 10px 10px;
}

.g-cols.vc_row.type_default.usage-plan-gas-inner {
    margin: 0
}

#filter-move-in-date-calendar .ui-datepicker {
    width: 440px;
    max-width: 100%;
}

#filter-move-in-date-calendar .ui-datepicker-title {
    text-align: center
}

#filter-move-in-date-calendar .ui-datepicker-header {
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

#filter-move-in-date-calendar .ui-datepicker td a {
    color: #fff;
    width: 100%;
    height: auto;
    line-height: 16px;
}

#filter-move-in-date-calendar .ui-datepicker td {
    border: 1px solid #a2bb6f;
    font-size: 16px;
    width: 40px;
    height: 45px;
    line-height: 40px;
}

#filter-move-in-date-calendar .ui-datepicker th {
    font-size: 16px;
    height: 40px;
    opacity: 1;
    line-height: 40px;
}

#filter-move-in-date-calendar .ui-datepicker td a.ui-state-hover {
    color: #fff;
    background: #769a2e
}

#filter-move-in-date-calendar .ui-datepicker td a:after {
    font-size: 10px;
    width: 100%;
    display: block;
    line-height: 14px;
    color: #fff
}

#filter-move-in-date-calendar .ui-datepicker {
    background: #769a2e;
}

#filter-move-in-date-calendar .ui-datepicker-calendar .ui-state-active {
    color: #ffffff !important;
    background: #525947 !important;
    font-weight: 600;
    height: 100%;
    line-height: 43px;
}

#filter-move-in-date-calendar .ui-datepicker-next,
#filter-move-in-date-calendar .ui-datepicker-prev {
    color: #fff
}

.filter-date-note {
    width: 100%;
    position: relative;
    float: left;
    font-size: 14px;
    color: #fff;
    padding-left: 25px;
    margin-top: 10px;
}

.filter-date-note:before {
    content: '\f05a';
    width: 24px;
    height: 24px;
    font-family: 'fontawesome';
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 20px;
    color: #769a2e
}

.peak-seasonal-usage span.fielderrormain {
    top: 78px;
}

#bill_yes_normal_electricity span.fielderrormain {
    top: 78px;
}

.startbilldate span.fielderrormain,
.startenddate span.fielderrormain {
    left: 20px;
}

@media screen and (max-width:767px) {
    .movedatefld label.iconcustom {
        left: 19px;
    }
    #manual-timeofuse .timeofusepeakshoulder {
        float: left !important;
    }
    .mannual-usage-wrap {
        width: 40% !important;
        display: table;
    }
    .plan-elect-usage-fieldset {
        min-height: auto !important;
        display: table;
    }
    .single-button-all .single-form-next {
        margin-top: 0;
    }
}

@media screen and (max-width:550px) {
    #filter-move-in-date-calendar .ui-datepicker th {
        font-size: 14px;
    }
    #filter-move-in-date-calendar .ui-datepicker td {
        font-size: 14px;
    }
    .usage-plan-gas-inner {
        width: 100%
    }
    .billing_or_usage input[type="text"].gas_usage_input {
        display: inline-block
    }
    .movedatefld label.iconcustom {
        left: 20px;
        top: 50%;
    }
    .manual-usage-section .startbilldate,
    .manual-usage-section .startenddate {
        width: 100%;
        margin: 8px 0
    }
    .startbilldate input,
    .startenddate input {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .niceCountryInputSelector {
        border: 1px solid #c3c3c3 !important;
        box-shadow: 0 0 1px grey !important;
    }
}

.slider-form-note.form-note-text-2 {
    font-size: 12px;
    line-height: 19px;
}

.slider-form-note {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    padding: 5px 0;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
}

.approved-provider-list .header {
    padding: 0px 0px 20px;
    text-align: justify;
}

.approved-provider-list .footer {
    padding: 0px 0px 20px;
    text-align: justify;
}

.show-history {
    width: auto;
    cursor: pointer;
    float: left;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background: #00B0DA;
    position: fixed;
    bottom: 15px;
    right: 15px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    font-weight: 600;
    z-index: 99
}

.draggable-agent-info {
    width: 300px;
    height: auto;
    top: 30px;
    right: 20px;
    float: left;
    position: absolute !important;
    z-index: 99;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    border: 2px solid #f00 !important;
    padding: 10px;
    background: #1f272a;
    cursor: move;
}

.draggable-agent-title {
    width: 100%;
    font-size: 16px;
    padding: 0px 0 5px;
    font-weight: 700;
    color: #fff;
    text-align: left
}

.close-history {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background: #00B0DA;
    color: #fff;
    position: absolute;
    text-align: center;
    right: -6px;
    top: -6px;
    cursor: pointer
}

.draggable-info-list p {
    margin: 0;
    padding: 3px 0;
    color: #f8cc00;
    border-bottom: 1px solid #676767;
}

.draggable-info-list p span {
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}

.draggable-info-list-main {
    width: 100%;
    float: left;
    max-height: 500px;
    overflow: auto
}

.enter-manual-period {
    padding: 10px;
    position: relative;
    top: -13px;
}

.enter-manual-period label {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 10px;
    color: #40AFDC;
    font-size: 18px;
    letter-spacing: normal;
}

.enter-manual-period select {
    float: left;
    width: 150px;
    padding: 5px 15px;
    height: 45px !important;
    line-height: 20px;
    font-size: 13px;
}

.owl-stage-outer .item {
    padding: 25px;
}

.gas_distributor_div_inner {
    text-align-last: center;
}

@media (max-width:767px) {
    .enter-manual-period {
        float: left !important;
        margin-top: 10px;
    }
}


/* .energyform-section {
    width: 100%;
    float: left;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/banner-bg.jpg);
    background-size: cover;
    background-position: center;
} */


/*css for progress bar*/

#meter {
    width: 100%;
    height: 16px;
    background: #CCCCCC;
    margin-bottom: 2px;
}

#progress {
    background-image: linear-gradient(328deg, #60a0e0 0, #3caa73 68%);
    height: 16px;
    position: relative;
    border-radius: 0 18px 18px 0;
}

#progress .tooltiptext {
    width: 30px;
    background-color: #2EBA47;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    line-height: 22px;
    font-size: 14px;
    cursor: pointer
}

.filter-list-section {
    z-index: 9999;
}

.movingproperty {
    padding: 0px 15px;
}


/*#progress:hover .tooltiptext {
    visibility: block;
}*/

input[type='radio'].tariff_link {
    display: inline-block !important;
    position: static;
    width: auto;
}

ul.rate-tab-html-link {
    list-style-type: none !important;
}

.no-border {
    border: 0px;
}

.send-rate-plan-div {
    width: 100%;
    background: #fff;
    padding: 15px;
    max-height: calc(100vh + -300px);
    overflow: auto;
}

.view-plan-modal-btn {
    background: #2E323F !important;
    color: #FFF !important;
}

.pd_loader {
    position: fixed;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.79);
    top: 0;
    height: 100%;
    margin-top: 0;
    padding-top: 20%;
}


/* yesno */

.ans-box .yes-box img,
.ans-box .no-box img {
    max-width: 29px;
    margin-right: 8px;
}

.ans-box .yes-box .rdl-label,
.ans-box .no-box .rdl-label {
    padding: 14px 4px;
}
#is_elec_work_div .rdl-label, #is_access_issue_div .rdl-label, #busines-yes-no .rdl-label{
    padding: 14px 4px;
}
.manual-usage-section .question {
    font-size: 19px;
    width: 50%;
    text-align: left;
    float: left;
    padding-top: 17px;
}

.wrapper-inner-div {
    width: 100%;
    display: table;
    margin: 20px 5px;
}

.wrapper-inner-div .wpb_column {
    position: relative;
    width: 45%;
    float: left;
    margin-right: 15px;
}

.wrapper-inner-div .section-row {
    float: left;
    width: 50%;
}

.wrapper-inner-div .providerlistcls-main {
    float: left;
    max-width: 100%;
}

.wrapper-inner-div .bill-date .vc_column_container {
    padding: 0px;
}

.wrapper-inner-div .bill-date .wpb_column {
    width: 46.5%;
}

.wrapper-inner-div .usage-plan-gas-inner input {
    width: 100% !important;
}

.wrapper-inner-div .dec-short {
    text-align: left;
    margin-top: 5px;
}

.wrapper-inner-div .usage-plan-gas-inner .vc_col-sm-6 {
    width: 44%;
    margin-right: 14px;
}


.peak-box .mannual-usage-wrap {
    width: 80%;
    float: none;
    position: relative;
}

.peak-box .plan-list-elect-usage {
    width: 22% !important;
    margin: 0 10px;
}

.peak-box .plan-list-elect-usage .wpb_column {
    width: 100% !important;
    margin: 0px;
}

.peak-box .vc_col-sm-4.custmusagemeter.bill-usage-tooltop-icon {
    padding-right: 0;
}

.peak-box .usage-field label {
    color: #fff;
    font-size: 16px;
    width: 130px;
    float: left;
    padding-right: 5px;
}

.peak-box .usage-field .load_usage_double-wrap label {
    color: #fff !important;
    width: 100%;
    margin-bottom: 0;
}

.peak-box .usage-field .inner-form {
    float: left;
    background: #fff !important;
    box-shadow: none;
    height: 42px !important;
    min-width: 225px;
    position: relative;
}

.peak-box .usage-field input,
.peak-box .usage-field select {
    background-color: #fff !important;
    box-shadow: none;
    height: 42px !important;
    color: #333 !important;
}

.peak-box .usage-field select {
    padding: 10px 10px !important;
    font-size: 14px;
}

.peak-box .usage-field input:focus {
    border: 0px !important;
    box-shadow: none !important;
}

.peak-box .usage-field .form-group {
    width: 100%;
    display: table;
    min-height: 45px;
    position: relative; 
}

.usage-board {
    border-right: 2px solid #fff;
    padding-right: 15px;
}


/* .peak-box .plan-list-elect-usage-box::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 45px;
    top: -46px;
    background: #63a716;
    left: 32%;
} */

.peak-box .usage-field .peakwh {
    position: absolute;
    right: 11px;
    top: 13px;
    color: #63a716 !important;
    padding-top: 0px;
}


.seasonal-usage-main {
    width: 100%;
}

.usage-bord {
    border-right: 2px solid #fff;
}
.bankinfo-securetext{
    color: #222020;
    font-weight: 500;
    margin-top: 15px;
    font-style: italic;
}
.bankinfo-securetext i{
    color: #e53030;
    font-size: 16px;
}

.solar_support_energy_check label.radio-field-box input[type="radio"]:checked+.radio-option-box div.rdl-label {
    color: #fff;
}

/* for yes border */

.border-area-section {
    text-align: center;
    border: 2px solid #4A880B;
    padding: 10px;
    margin-top: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    position: relative;
    flex: 1;
}

.border-area-section::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 45px;
    top: -47px;
    background: #4A880B;
    left: 31%;
}

.concession-rebate-section-main.border-area-section::before {
    left: 41%;
}

.concession-field {
    width: 48% !important;
    margin: 0px 6px !important;
}

.dec-short {
    display: block;
}

.lifesupportDiv {
    margin-top: 28px;
}
.lifesupportDiv .border-area-section {
    flex-direction: column;
    justify-content: space-around;
    /* width: max-content; */
    /* width: -moz-max-content; */
    /* width: -webkit-max-content; */
    /* width: intrinsic; */
    margin: 0px auto;
    max-width: 800px;
}
.solarsupportDiv .border-area-section{
    max-width: 685px;
}
.solarsupportDiv .question, .lifesupportDiv .question {
    font-size: 20px;
}
.move-date-section.border-area-section {
    width: max-content;
    width: -moz-max-content;
    /* Firefox */
    width: -webkit-max-content;
    /* Chrome */
    width: intrinsic;
}

/*.providerlistcls-main,
.lifesupportlistcls-main {
    width: 100%;
    min-width: 500px;
    margin: 0px auto;
    max-width: 500px;
}*/

.lifesupportDiv .border-area-section::before {
    left: 40.5%;
}

.crossover-usage .vc_col-sm-4.option-box, .crossover-usage .vc_col-sm-6.option-buttons{
	min-height: 100px;
    line-height: 29px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.crossover-usage .radio-option-box span.rdl-label {
    text-transform: inherit;
    padding-top:0px !important;
}
.crossover-usage .radio-option-box {
    width: 162px;
    min-height: 75px;
    line-height: 40px;
}
/*.moving-property-screen .vc_col-sm-4.option-box, .vc_col-sm-6.option-buttons {
    width: 162px;
    min-height: 75px;
    line-height: 40px;
}*/
/*for choosen usage*/
.chosen-container-single .chosen-single {
    background-color: #fff!important;
    background-image: url(../images/caret-icon.png) !important;
    background-position: 97% center;
    background-size: 15px;
    background-repeat: no-repeat;
    border: 0px;
    height: 62px !important;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 58px;
    padding-left: 24px;
    font-weight: 500;
    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);
}
.chosen-container-single .chosen-single span {
    color: #9ca3ae;
}
/*for choosen usage end*/
.deferitstatusCls input {
    width: 20px;
    top: 3px;
}
.deferitstatusCls .col-form-label{
    font-weight: 400;
    position: relative;
    top: 3px;
    left: 10px;
}
.deferitstatusCls .error_c_deferit_status {
    line-height: inherit;
}
#ui-complete-result-box{
    position: absolute;
    top: 0;
    z-index: 99;
}
.page-template-energy_compare .footer-cta-row .l-section-h.i-cf {
    display: none;
}
.loader-wrap{
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #fff;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    top: 80px;
}
.loader-wrap p{
	font-size: 22px;
	font-weight: 600;
	color: #5b5b5b;
}
.loader-wrap img{
	 width: 125px;
     margin-top: -150px;
     margin-bottom: 30px;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	.providerlistcls-main {
	    min-width: 100%;
	}
	.lifesupportlistcls-main {
	    min-width: 400px;
	}
	.wrapper-inner-div .bill-date .wpb_column {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.peak-box .mannual-usage-wrap {
        width: 100% !important;
    }
    .wrapper-inner-div .wpb_column {
	    width: 47%;
	}
	.manual-usage-section .peak-box .question{
        width:100%;
    }
    #how-work-cont .l-section-h.i-cf {
        padding: 30px 20px 45px;
    }
    .formpage {
        min-height: 500px;
    }
    .manual-usage-section .savings_amount{
        widht:94%;
    }
}

@media (max-width:767px) {
    .peak-box .usage-field label {
        font-size: 14px;
        width: 100%;
    }
    .manual-usage-section .savings_amount{
        widht:94%;
    }
    .peak-box .plan-list-elect-usage {
        width: 100% !important;
        margin: 0;
        margin-bottom: 15px;
    }
    .manual-usage-section .question {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 5px;
    }
    .manual-usage-section .setc-prov {
        width: 100% !important;
    }
    .wrapper-inner-div {
        margin: 20px 0px !important;
    }
     .manual-usage-section .wrapper-inner-div {
        margin: 0px !important;
        margin-bottom: 15px !important;
    }
    .peak-box .mannual-usage-wrap {
        width: 100% !important;
        padding: 10px;
    }
    .wrapper-inner-div .usage-plan-gas-inner .vc_col-sm-6 {
        margin-bottom: 15px;
        box-shadow: none;
    }
    label.iconcustom::before {
        font-size: 22px;
    }
    .solarsupportDiv .radio-field-box .long-option{
    	width: auto !important;
    }
    .usage-bord{
    	border: 0px;
    }
    .plan-list-elect-usage input[type="radio"]:checked+.bill-usage-option::after{
    	content: none;
    }
    .lifesupportDiv .border-area-section {
        max-width: 350px;
    }
    .concession-rebate-box input.rdl_input {
        font-size: 15px !important;
        padding: 10px 15px !important;
         width: 100%;
    }
    .providerlistcls-main,
    .lifesupportlistcls-main {
        min-width: auto;
    }
    .providerlistcls-main{
        margin: 15px auto 0px;
    }
    .sub-question-wrap .question {
        font-size: 16px !important;
    }
    .peak-box .inner-form input:focus {
        box-shadow: none !important;
    }
    .solarsupportDiv .border-area-section::before {
        left: 50% !important;
    }
    .solarsupportDiv .radio-option-box {
        float: left;
        min-height: 75px !important;
    }
    .move-date-section.border-area-section {
        width: 100%;
    }
    .movedatefld label.iconcustom {
        right: 40px;
    }
    .concession-field {
        width: 100% !important;
    }
    .concession-rebate-box {
        flex-flow: column;
    }
    .moving-property-screen .vc_col-sm-4.option-box,
    .vc_col-sm-6.option-buttons {
        min-height: 45px !important;
        line-height: 18px !important;
    }
    .wrapper-inner-div .section-row, .wrapper-inner-div .usage-plan-gas-inner .vc_col-sm-6, .wrapper-inner-div .bill-date .wpb_column{
       width: 100% !important;
    }
    .deferitstatusCls  label.bot-small-label{
        text-align: left;
        display: block !important;
        position: relative;
        top: -10px;
    }
    .mannual-usage-wrap .new-structure{
        padding: 0;
    }
    .lifesupportDiv .border-area-section::before {
        left: 35%;
    }
    .concession-rebate-section-main.border-area-section::before {
        left: 33%;
    }
    .life_support_text{
        margin-bottom: 0px !important;
        font-size: 13px;
    }
    .formpage .billing_or_usage input[type="text"]{
        border: 0 !important;
        box-shadow: none !important;
    }
    .peak-box .usage-field .inner-form {
        width: 100%;
    }
    .crossover-usage .radio-option-box {
        width: 135px;
    }
    .crossover-usage {
        text-align: center;
    }
    .page-template-energy_compare .footer-section .l-section-h.i-cf {
        padding-top: 10px;
    }
    .page-template-energy_compare .footer-section .social-icon{
        display:none;
    }
    .approve-provider-row .provider-row {
        width: 43%;
        padding: 10px;
        height: auto;
        min-height: 115px;
    }
    .approve-provider-row .provider-name span {
        font-size: 13px;
        display: block;
        word-break: break-word;
    }
    .slider-form-note br{
        display:none;
    }

}
@media (max-width: 320px) {
    input,
    select {
        font-size: 13px !important;
    }
    .movedatefld label.iconcustom {
        right: 14px;
    }
    label.iconcustom::before {
        font-size: 21px;
    }
    .lifesupportDiv .border-area-section {
        max-width: 300px;
    }
    .plan-apply {
        width: 65%;
    }
     .manual-usage-section{
        padding: 0px;
    }
    .plan-list-elect-usage-box{
        padding: 15px;
    }
    .left-mob-plan .power-logo {
        max-width: 90px;
    }
}

/*galaxy fold*/
@media (max-width: 280px) {
    .vc_col-sm-6.option-buttons{
         width: 80px;  
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .border-area-section{
        border: 0
    }
    .border-area-section::before {
        content: none;
    }
    .move-date-section {
        display: table;
        margin: 0 auto;
    }
    #singnup-planlist .pop-side-new .formfield{
        margin-bottom: 0px;
    }
    #singnup-planlist .pop-side-new .formfield i{
        top: 30px !important;
    }
    .peak-box .plan-list-elect-usage .wpb_column{
        min-width: 182px;
    }
    .plan-list-elect-usage .custmusagemeter{
        display: block !important;
        padding-top: 25px;
    }
}

/*own-carasoul css*/
.owl-nav button{
  font-family: FontAwesome !important;
}
.owl-nav span{
    display: none;
}
.owl-prev:before, .owl-next:before {
    font-weight: 600;
    font-size: 25px;
}
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after{
  content:none;
}
/*end of own-carasoul*/
/*load more plan loader css */
.more_plan_loader div{
    border-color: #2d2d2d transparent transparent transparent !important;
}
.more_plan_loader{
    max-width: 325px !important;
    font-size: 16px !important;
}
.radio-field-box:hover{
  cursor: pointer !important;
}