/*

Theme Name: Impreza Child

Template: Impreza

Version: 1.0

Author:	UpSolution

Theme URI: http://impreza.us-themes.com/

Author URI: http://us-themes.com/

*/

/* fonts include */
@import url(/wp-content/themes/Impreza-child/fonts-averta/stylesheet.css); 



/* Theme options css here */



*

{

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;

}

.banner-row h1 {

    font-family: "Quicksand", sans-serif;

    color: #FFF;

    font-size: 54px;

    font-weight: 600;

    padding: 30px 20% 0;

    line-height: 72px;

    text-align: center;

    position: relative;

    top: 100px;

    text-shadow: 1px 2px 0px #525252;

}

.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;

    font-family: "Quicksand", sans-serif;

    text-transform: capitalize;

	margin-top: 60px;

}

.logo-car-row .l-section-h.i-cf {

    padding: 60px 0px;

}

.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-family: "Quicksand", sans-serif;

    font-size: 18px;

	color:#fff;

	font-weight:bold;

	letter-spacing: 0.5px;

}

.numb {

    max-width: 956px;

    margin: 0 auto;

}

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

    position: absolute;

    content: '';

    background: url(/wp-content/uploads/2017/10/cap.png)no-repeat;

    width: 26px;

    height: 33px;

    left: 13px;

    top: -10px;

}

.how-head p {

    color: #3c3b3b;

    text-align: center;

    font-size: 38px;

    font-family: "Quicksand", sans-serif;

    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 105px 0px 0px;

    width: 28%;

}

.how-col::after {

    position: absolute;

    content: '';

    background: url(/wp-content/uploads/2017/10/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-family: "Quicksand", sans-serif;

    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(/wp-content/uploads/2017/10/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;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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(/wp-content/uploads/2017/10/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;

    font-family: "Quicksand", sans-serif;

}

.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(/wp-content/uploads/2017/10/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-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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(/wp-content/uploads/2017/10/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;

    font-family: "Quicksand", sans-serif;

    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;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #5c5858;

  opacity: 1;

  font-weight: normal;

  font-size:17px;

}

#form-left ::-moz-placeholder { /* Firefox 19+ */

  color: #5c5858;

  opacity: 1;

  font-weight: normal;

  font-size:17px;

}

#form-left :-ms-input-placeholder { /* IE 10+ */

  color: #5c5858;

  opacity: 1;

  font-weight: normal;

  font-size:17px;

}

#form-left :-moz-placeholder { /* Firefox 18- */

  color: #5c5858;

  opacity: 1;

  font-weight: normal;

  font-size:17px;

}

#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-family: "Quicksand",sans-serif;

  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;

    font-family: "Quicksand", sans-serif!important;

}

.redem p a{text-transform: none}

.win {

    color: #74982d;

}

.gift-card-popup .ult_modal-body::before {

    position: absolute;

    content: '';

    background: url(/wp-content/uploads/2017/10/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;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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(/wp-content/uploads/2017/10/green-bg.png);

    height: 274px;

    text-align: center;

    padding: 56px 20px;

}

.green-bg p{

          font-size: 29px;

    color: #fff;

    font-weight: bold;

    font-family: "Quicksand", sans-serif;

    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(/wp-content/uploads/2017/10/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;

    font-family: "Quicksand", sans-serif;

    /* 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(/wp-content/uploads/2017/10/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_search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color:#5c5858!important;

  opacity:1;

}

.widget.widget_search ::-moz-placeholder { /* Firefox 19+ */

  color:#5c5858!important;

  opacity:1;

}

.widget.widget_search :-ms-input-placeholder { /* IE 10+ */

  color:#5c5858!important;

  opacity:1;

}

.widget.widget_search :-moz-placeholder { /* Firefox 18- */

  color:#5c5858!important;

  opacity:1;

}

.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-family: "Quicksand", sans-serif;

    font-weight: 500;

}

.blog-dt i {

    position: relative;

    top: 6px;

}

.blog-dt .fa-calendar:before {

    content: url(/wp-content/uploads/2017/10/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(/wp-content/uploads/2017/10/quote.png);

    content: "";

    width: 63px;

    height: 45px;

    position: absolute;

    top: 26px;

}

.w-post-cat {

    display: inline-table;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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;

    font-family: "Quicksand", sans-serif;

    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-family: "Quicksand", sans-serif;

    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-family: "Poppins", sans-serif;

    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-family: "Poppins", sans-serif;

    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-family: Poppins;

    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(/wp-content/uploads/2017/11/map-marker.png);

    content: "";

    height: 29px;

    left: 20px;

    position: absolute;

    top: 17px;

    width: 18px;

}

.post_suburb ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #494a4f;

    font-weight: 400;

    opacity: 1;

}

.post_suburb ::-moz-placeholder { /* Firefox 19+ */

    color: #494a4f;

    font-weight: 400;

    opacity: 1;

}

.post_suburb :-ms-input-placeholder { /* IE 10+ */

    color: #494a4f;

    font-weight: 400;

    opacity: 1;

}

.post_suburb :-moz-placeholder { /* Firefox 18- */

    color: #494a4f;

    font-weight: 400;

    opacity: 1;

}

.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-family: quicksand;

    font-size: 20px;

    font-weight: bold;

    margin-left:6px;

    padding: 17px 55px;

    position: relative;

    text-transform: uppercase;

}



.post_suburb > button::after {

  background-image: url(/wp-content/uploads/2017/12/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: #ccc none repeat scroll 0 0;

  padding: 10px 20px 10px;

  max-height: 250px;

  overflow-y: scroll;

  max-width: 325px!important;

  z-index: 9;

  cursor: pointer;

  list-style:none;

}



.ui-menu-item {

  list-style: none;

}

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-family: quicksand;

    font-weight: 600;

    color: #414248;

	padding-top: 0px;

	margin-bottom: 15px;

}

.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;
    top: -3px;
}
.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: 18px;

font-family: "Quicksand", sans-serif;

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;

font-family: "Quicksand", sans-serif;

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: 27px !important;

    color: #414248;

    text-align: center;

    font-weight: 600;

    font-family: quicksand;

	padding-top: 20px;

	margin-bottom: 10px;

	letter-spacing: 0px;

}

.quotmain {

    clear: both;

    text-align: center;

    padding:25px 170px 20px;

	/*margin-left: 30px;*/

}

.quotmain span {

    font-family: poppins;

    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(/wp-content/uploads/2017/10/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;

}



.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;

	

}



.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;

}



.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-family: poppins;

    font-weight: 600;

    padding: 14px 0px 0px;

	font-style: normal;

}



.sec-img-holder input[type="radio"] {

    display: none;

}



.section-row {

margin: auto;

display: table;

	

}



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-family: poppins;

    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(/wp-content/uploads/2017/10/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;

}



.option-buttons {

    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);

    margin:0px 9px 0px 9px;

    width: 126px;

    background: #fff;

    min-height: 54px;

    float: left;

}



input[type="radio"] {

    display: none;

}

.providerlistcls-main, .lifesupportlistcls-main{ width: 32%;margin: 30px auto;display: table; position:relative;    margin-bottom:40px;}

.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;

    font-family: poppins;

    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-family: quicksand;

  font-size: 27px !important;

  font-weight: 600;

  margin-bottom: 15px;

  text-align: center;

}



.formfield input {

    height: 54px;

    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);

    border: none;

    font-size: 15.5px;

    border-radius: 0px;

    font-family: 'poppins';

    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-family: quicksand;

  font-size: 20px;

  font-weight: 500;

  letter-spacing: 1px;

  margin: 30px auto;

  padding: 15px 30px;

}







label {

    display: inline !important;

}



.electricityusagebilltype {

    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;

    font-family: 'quicksand';

	position: relative;

}

.electricityusagebilltype span::after {

    position: absolute;

    content: "\f0d7";

    font-family: 'fontawesome';

    right: 14px;

    color: #7f983b;

    font-size: 22px;

    top: 11px;

}

.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(/wp-content/themes/Impreza-child/images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px;

}



.custmtitle input {

    padding-left: 40px;

}



.custmfname::before, .custmfname label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px;

}



.custmfname input {

    padding-left: 40px;

}



.custmlastname::before, .custmlastname label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/formperson.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 16px;

}



.custmlastname input {

    padding-left: 40px;

}





.custmemail::before, .custmemail label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/email.png);

    content: "";

    height: 14px;

    left: 26px;

    position: absolute;

    top: 20px;

    width: 20px;

}



.custmemail input {

    padding-left: 40px;

}



.custmphone::before, .custmphone label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/phone.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 10px;

}



.custmphone input {

    padding-left: 40px;

}



.custmaddress::before, .custmaddress label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/address.png);

    content: "";

    height: 18px;

    left: 26px;

    position: absolute;

    top: 18px;

    width: 18px;



}



.custmaddress input {

    padding-left: 38px;

}



.movedatelbl {

  color: #414248;

  float: left;

  font-family: quicksand;

  font-size: 18px;

  font-weight: 500;

  padding-top: 40px;

}



.movedatefld input {

background-color: #fff;

width: 206px;

height: 49px;

padding-left:40px;

color: #141414;

opacity: 1;

font-weight: 400;

font-family: "Poppins", sans-serif;

font-size: 16px;

box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26) !important;

}



.movedatefld {

  float: left;

  padding-top: 30px;

  padding-left: 13px;  

}



.movedatefld::before, .movedatefld label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/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-family: "Poppins",sans-serif;

  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;

    font-family: 'quicksand';

    color: #414248;

}



.move-date-section .movedatefld {

    padding-top: 10px;

    padding-left: 13px;

}



.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;

font-family: "Poppins", sans-serif;

letter-spacing:0.5px; color:#080808;

text-transform: capitalize;

  border-radius: 0;

}



.startbilldate::before, .startbilldate label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/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);

font-family: "Poppins", sans-serif;

opacity: 1;

font-size: 15px;

color: #080808;

font-weight: 400;

text-transform:capitalize;

}



.startenddate::before, .startenddate label.iconcustom {

    background-image: url(/wp-content/themes/Impreza-child/images/calender.png);

    content: "";

    height: 22px;

    left: 30px;

    position: absolute;

    top: 14px;

    width: 20px;

}



.startdatebill {

    margin: auto;

    display: table;

    padding-bottom: 70px;

}



.custmusagemeter {

    box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);

    margin: 0px 38px 0px 0px;

    width: 233px;

    background: #fff;

    min-height: 100px;

    float: left;

}



.peakfiledslabel, #comcontrol_load_two span {

    font-size: 16px;

    color: #3c3f44;

    font-family: quicksand;

    font-weight: 600;

	display: block;

	margin-bottom: 6px;

}



#comcontrol_load_two {

    width: 100%;

    float: left;

}



    input.rdl_input {background-color: #fff;width: 206px;height: 49px;padding-left: 12px;border-radius: 0;box-shadow: 3px 3px 20px rgba(58, 41, 41, 0.26);}





span.green-label {

    font-size: 16px;

    color: #7f983b;

    font-family: quicksand;

    font-weight: 500;

    padding: 10px 10px 6px;

    display: block;

}



.peakfieldsmain {

    padding-top: 50px;

}

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



#peakandoffpeaktype, #compeakandoffpeaktype, .peaksummer-main, #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-family: quicksand;

    font-weight: 600;

    margin-bottom: 6px;

    display: inline-block;

}



.vc_col-sm-4.peakfirst, .peakfieldfirst {

    float: left;

    width: 49%;

    margin-bottom: 24px;	

	position:relative;

}



.controlloadfirst {

  float: left;

  margin-left: 5px;

  position: relative;

  width: auto;

}



#solar_consumed_double {

    display: block !important;

	width:50%;

	clear: both;

}



#timeofuse, #comtimeofuse {

    clear: both;

    float: right;

    padding-top: 24px;

    max-width: 540px;

}



.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: 24px;

    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-family: quicksand;

    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;

}



.post_suburb::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #807b7b;

}

.post_suburb::-moz-placeholder { /* Firefox 19+ */

  color: #807b7b;

}

.post_suburb:-ms-input-placeholder { /* IE 10+ */

  color: #807b7b;

}

.post_suburb:-moz-placeholder { /* Firefox 18- */

  color: #807b7b;

}



.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-family: "Poppins", sans-serif;

    font-weight: 500;

    margin-bottom: 0px;

    border-bottom: none;

    font-size: 14px;

}

#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-family: "Poppins", sans-serif;

    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;

}

#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;

}

.startbilldate ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #807b7b;

  opacity: 1;

}

.startbilldate ::-moz-placeholder { /* Firefox 19+ */

  color: #807b7b;

  opacity: 1;

}

.startbilldate :-ms-input-placeholder { /* IE 10+ */

  color: #807b7b;

  opacity: 1;

}

.startbilldate :-moz-placeholder { /* Firefox 18- */

  color: #807b7b;

  opacity: 1;

}

.single-rate {

    font-size: 14px;

    padding: 0px 10px;

    margin: 0;

    color: #414248;

    font-family: 'quicksand';

    font-weight: 300;

    text-shadow: 0.5px 0px #414248;

}

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

select#provider_list, select#com_elec_provider_list, select#com_gas_provider_list {

    -webkit-appearance: none;

    background-image: url(/wp-content/uploads/2017/11/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;

}

#peaktype{

    width: 560px; float: left;

    padding-left: 38px;

    padding-top: 24px;

}

span.peakwh {

    font-family: 'poppins'!important;

    font-size: 14px!important;

    font-weight: normal!important;

    padding-top: 11px;

    display: inline-block;

	padding-left: 3px;

	color: #807b7b!important;

}

 .providerlistcls ::-webkit-input-placeholder {

   color:#000;

   opacity:1;

}



.providerlistcls :-moz-placeholder { /* Firefox 18- */

   color:#000;

    opacity:1;

}



#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);

}

#peaktype ::-webkit-input-placeholder ,.peaksummer-main ::-webkit-input-placeholder  , #peakandoffpeaktype ::-webkit-input-placeholder, #timeofuse ::-webkit-input-placeholder, #bill_handy_yes ::-webkit-input-placeholder {

   color:#807b7b;

   opacity:1;

}



#peaktype :-moz-placeholder, .peaksummer-main :-moz-placeholder, #peakandoffpeaktype :-moz-placeholder, #timeofuse :-moz-placeholder, #bill_handy_yes :-moz-placeholder { /* Firefox 18- */

   color:#807b7b;

    opacity:1;

}

#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);

  color: #807b7b;

  font-size: 14px;

  font-weight: normal;

  height: 42px;

}

span.controlloadtwodiv, .load_usage_double-wrap > span {

    color: #3c3f44;

    font-family: 'quicksand';

    font-weight: bold;

    font-size: 12.87px;

    text-shadow: 0px 0px #3c3f44;

    padding-left: 21px;	

}

.load_usage_double-wrap {

    position: relative;

	margin-top: 10px;

}

.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 {

    -moz-appearance: none !important;

    background-image: url(/wp-content/uploads/2017/11/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;

    font-family: 'poppins';

    letter-spacing: 0.5px;

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	#create-update-customer select, #gas_cm_title, select.custom-select{ background-image: none !important;}

}



_:-ms-input-placeholder, :root .selector {}



.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-family: 'quicksand';

    font-size: 13px;

    font-weight: bold;

    margin-top: 5px;

    float: left;

    margin-bottom: 21px;	

}

#create-update-customer ::-webkit-input-placeholder, #create-update-customer-gas ::-webkit-input-placeholder {

   color: #414248;

   opacity:1;

}



 #create-update-customer:-moz-placeholder, #create-update-customer-gas:-moz-placeholder { /* Firefox 18- */

   color: #414248;

    opacity:1;

}

#adressiconcustomer ::-webkit-input-placeholder {

   color: #000;

   opacity:1;

   text-shadow:0px 0px #000;

}



#adressiconcustomer :-moz-placeholder { /* Firefox 18- */

   color: #000;

    opacity:1;

	text-shadow:0px 0px #000;

}



.custmusagemeter.currentactivebackground::after {

    position: absolute;

    content: '';

    bottom: 0px;

    left: 13px;

    z-index: 1;

    background: url(/wp-content/uploads/2017/11/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 46px;

    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: #404249 none repeat scroll 0 0;

    color: #fff;

    margin: 0px auto 6px;

    display: table;

    letter-spacing: 1px;

    border-radius: 10px;

    font-family: "poppins";

    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-family: "poppins";

    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(/wp-content/uploads/2017/11/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: #7c7c7c;

  font-family: Poppins;

  font-weight: 500;

  list-style: outside none none;

  margin-bottom: 9px;

  padding-left: 32px;

}



.ongoing-trm::before {

  background-image: url(/wp-content/uploads/2017/11/ongoing-benefit.png);

  content: "";

  height: 19px;

  left: 10px;

  margin: 0 auto;

  position: absolute;

  top: 12px;

  width: 19px;

}



.cont-term::before {

  background-image: url(/wp-content/uploads/2017/11/handshake.png);

  content: "";

  height: 17px;

  left: 4px;

  margin: 0 auto;

  position: absolute;

  top: 15px;

  width: 32px;

}



.exit-fees::before {

  background-image: url(/wp-content/uploads/2017/11/doc.png);

  content: "";

  height: 23px;

  left: 7px;

  margin: 0 auto;

  position: absolute;

  top: 10px;

  width: 19px;

}



.smart-meter::before {

  background-image: url(/wp-content/uploads/2017/11/dollar.png);

  content: "";

  height: 22px;

  left: 10px;

  margin: 0 auto;

  position: absolute;

  top: 10px;

  width: 12px;

}



.solor-comp::before {

  background-image: url(/wp-content/uploads/2017/11/sun.png);

  content: "";

  height: 22px;

  left: 5px;

  margin: 0 auto;

  position: absolute;

  top: 10px;

  width: 22px;

}



.apply-btn {

    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 31px 10px 21px;

    position: relative;

    font-family: 'poppins';

    text-shadow: 0px 0px #fff;

    letter-spacing: 1px;

    margin: 0 auto;

    display: table;

    position: relative;

    line-height: 19px;

	cursor:pointer;

}

.apply-btn::after {

  content: "\f105";

  font-family: "fontawesome";

  position: absolute;

  right: 17px;

  top: 10px;

}

.apply-btn:hover, .elect-btn:hover {

  /*background: #393738;

  color: #fff;

  text-decoration: none;*/

}



.imp-notice {

    display: table;

    padding-left: 0;

    color: #1bb2d5;

    font-family: "poppins";

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 1px;

    text-align: center;

    text-decoration: underline;

    margin: 16px auto 0;

}

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

.prc-sec h1 {

  color: #769a2e;

  font-family: "poppins";

  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;

    font-family: 'poppins';

    line-height: 27px;

    font-style: normal;

    text-align: center;

}

.prc-sec1 p {

    font-size: 14px;

    font-family: 'poppins';

    color: #7c7c7c;

    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: #7c7c7c;

  font-family: "poppins";

  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-family: 'poppins';

    font-weight: normal;

    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(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/12/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-family: "Quicksand",sans-serif;

  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: #7c7c7c;

    font-size: 14px;

    letter-spacing: 0px;

    text-align: center;

}



#planlistinghtml .approx-change {

  display: inline-block;

  font-family: poppins;

  font-size: 14px !important;

  font-weight: 500; text-align: center;

  margin-bottom: 0; width:100%; color: #7c7c7c;

}



.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-family: "Quicksand", sans-serif;

    font-weight: bold;

    padding-bottom: 70px;

    padding-top: 30px;

}



#gas_provider_list {

    -moz-appearance: none;

    background-image: url(/wp-content/uploads/2017/11/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-family: Poppins;

    font-size: 15.5px;

    letter-spacing: 0.3px;

    margin-bottom: 20px;

    position: relative;

    font-weight: 500;

    padding-left: 21px;

}



.electri-titl::before {

 /* background: rgba(0, 0, 0, 0) url(../../../../../../themes/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(../../../../../../themes/images/gas-icon.png) repeat scroll 0 0;

  content: "";

  height: 27px;

  left: 0px;

  position: absolute;

  top: -5px;

  width: 19px;

}



.electri-desc {

  color: #7c7c7c;

  font-family: Poppins;

  letter-spacing: 1px;

 font-weight: 500; 

}



.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-family: Poppins;

  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(../../../../../../themes/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-family: Poppins;

  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(../../../../../../themes/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: #7c7c7c;

  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-family: 'poppins';

    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(../../../../../../themes/images/gas-icon.png) no-repeat scroll 0 0;

}



.applynow-btn {

    cursor: pointer;

    font-family: "poppins";

    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: #7c7c7c;

    font-family: Poppins;

    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: 0px !important;

    float: right;

}



#plandetails #prevclickdfv, #plandetails_gas #prevclickdfv {

  color: #879f44;

  font-family: Poppins;

  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;

  font-family: Poppins;

  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; font-family: poppins;}

.feature-titl , p.feature-titl {

    font-size: 30px !important;

    font-weight: normal; font-family: poppins;

    margin-bottom: 15px;

}



.features strong{

  color: #81993d;

  font-family: poppins;

  font-size: 19px;

  font-weight: 500;

}

.why-power p.power-titl{

  color: #81993d !important;

  font-family: poppins !important;

  font-size: 19px !important;

  font-weight: 500 !important;

}



.features p, .why-power p, .why-power p span {

  color: #6e6b6b;

  font-family: poppins;

  font-size: 16px;

  letter-spacing: 0.5px;

      font-weight: normal;

}

.why-power p, .why-power p span {

	 color: #6e6b6b !important;

  font-family: poppins !important;

  font-size: 16px !important;

	

}



.power-titl {

  color: #879f44;

  font-family: poppins;

  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: #3c3b3b;

  font-family: poppins;

  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-family: poppins;

  font-size: 30px !important;

  font-weight: normal;

  letter-spacing: 1px;

  margin-bottom: 27px;

}



.calcu-dtl, p.calcu-dtl {

  font-family: poppins;

  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-family: poppins;

	font-size: 18px;

    line-height: 33px;

}



.rate-sec td p{font-size: 18px !important; line-height: 33px; 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; font-family: poppins

}



.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-family: poppins;

    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, .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;

    font-family: 'poppins';

    letter-spacing: 0.5px;

    background: #fff;

}



input#business-details-field {

    margin-bottom: 20px;

}



.dec-short {

  text-align: center;
  display: table; font-family: 'poppins';   
  margin: 0 auto 20px;

}



#gas_usage_container {

  margin: 0 auto !important;

  padding: 0 20px;

 /* 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: 14px;

    color: #74992f; font-weight: normal;

    content: "\f041";

}

#billingsearchaddress {

    padding-left: 35px;

}

.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: lighter;

    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;

}



/************** 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 #0000003d;

}



#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;

}



.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 a.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; font-family: poppins;

  line-height: 32px;

  padding: 0 0 15px;

  text-align: left;

  width: 100%;

}



.perviAddressTitle {

  color: #414248;

  float: left;

  font-family: "Quicksand",sans-serif;

  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;

}



.text-color-main {

    color: #837f7e;

    font-family: poppins;

    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-family: "poppins";

  font-size: 15.5px;

  height: 54px;

  letter-spacing: 0.5px;

  margin-bottom: 20px;

  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;

    font-family: 'poppins';

    letter-spacing: 0px;

    font-weight: 400;

}





.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-family: "Quicksand",sans-serif;

  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: #7c7c7c;

    font-family: Poppins;

    letter-spacing: 0.5px;

    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-family: quicksand;

    font-size: 20px;

    font-weight: bold;

    margin-left: 0;

    padding: 15px 55px;

    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(/wp-content/uploads/2017/11/gas-icon.png) no-repeat;

  top: 6px;

}



.top-struct {

    position: static;

    top: -70px;

}



span.green-price12 {

    color: #7f983b;

    font-family: Poppins;

    font-size: 25px;

    font-weight: 500;

    margin: 0 auto;

	    letter-spacing: 2px;

    display: table;

}

p.electri-titl12 {

    font-family: 'quicksand';

    font-size: 17px;

    text-align: center;

    color: #414248;

    letter-spacing: 1px;

	 font-weight: 500;

	 position: relative;

}

 .top-loc p {

    font-family: 'quicksand';

    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(/wp-content/uploads/2017/12/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-family: 'poppins';

    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-family: 'poppins';

    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: 66px 10px;

  width: 15%;

}

.gas-and-electri .applynow-below-content {

    margin-top: 15px;

    color: #7c7c7c;

    font-family: Poppins;

    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(/wp-content/uploads/2017/11/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 {

  font-family: "poppins";

  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(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/12/detail-gas.png)no-repeat;

    left: 0px;

	width:19px;

	height:27px;

}

#plandetails_gas .price-green.price-green1::after {

    content: '';

    position: absolute;

    background: url(/wp-content/themes/Impreza-child/images/gas-listing-icon.png)no-repeat;

    width: 29px;

    height: 41px;

    right: -7px;

    top: 7px;

}

#plandetails .electri-titl::before

{

    content: '';

    position: absolute;

    background: url(/wp-content/uploads/2017/12/detail-bolt.png)no-repeat;

    left: 0px;

	width:21px;

	height:29px;

}



#plandetails .electri-titl.gas-name::before

{

    

    background-image: url(/wp-content/uploads/2017/11/gas-icon.png) !important;

    

}





#plandetails .price-green.price-green1::after {

  background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2017/12/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-family: 'poppins'!important;

    font-weight: 400; color: #676f7c !important;

    font-size: 14px;

    margin-bottom: 15px!important;

    display: block;

    line-height: 25px;

}

#acknowldgement-terms-conditions p{

    font-family: 'poppins'!important;

    font-weight: 400; color: #676f7c !important;

    font-size: 14px;

    margin-bottom: 15px!important;

    display: block;

    line-height: 25px;

}
#acknowldgement-terms-conditions li{

    font-family: 'poppins'!important;

    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;

}

.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;

    font-family: "poppins";

    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;

    font-family: "poppins";

    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(/wp-content/themes/Impreza-child/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: #7c7c7c;

  font-family: Poppins;

  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-family: quicksand;

    font-size: 30px !important;

    font-weight: 600;

    margin-bottom: 50px!important;	

}

.approve-provider-row .provider-row {

    width: auto;

    float: left;

    border: solid 1px #a2a2a2;	

    margin: 0px 32px 35px;

    padding: 22px 0px;	

}

.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-family: 'quicksand';

    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-family: Poppins;

    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-family: Poppins;

  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: 10px;

  width: auto;

}

#elec_solar_consumed_double, #elec_solar_consumed_winter {

  clear: both;

  display: 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-family: 'quicksand';

    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;

    font-family: "poppins" !important;

    color: #74992f;

    font-weight: 400;

}



.providers-terms .w-tabs-section-content-h.i-cf li a {

  color: rgb(124, 124, 124);

  font-family: "poppins" !important;

  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-family: 'quicksand';

    font-size: 17px;

    font-weight: 500;

    text-align: center;

    color: #414248; display: inline-block;

    letter-spacing: 1px; padding-left: 10px; margin: 0 0 20px;

}



.w-tabs-section .w-tabs-section-header.accordionprovidertermsandconditions.active {

  color: #74992e !important;

}



/*********** testing naripa *************/



.question.one {

    padding-top: 0px;

}



/********* Thnk you ************/



.thank-confirm-page {

  padding: 0;

  text-align: left;

  font-family: poppins;

}



.congrts-txt {

  margin-bottom: 25px;

  text-align: center;

}



.congrts-txt > span {

  color: #7f983b;

  font-family: quicksand;

  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-family: poppins !important;

  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-family: quicksand;

  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;

}

.banner-row h1 {

    padding-left:18%;

	padding-right:18%;

}

.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;}

	

	.banner-row h1 {

    padding-left: 0;

    padding-right: 0;

}



.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 21px 10px 14px !important;

}	



.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;

}

.banner-row h1 {

    padding-left: 8%;

    padding-right: 8%;

}

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;

}

.approve-provider-row .provider-row {

    width: 30.2%;

    margin: 0px 14px 35px;

}

}

@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: 20px;

    width: 35%;

}



	.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;

}

 .banner-row h1 {

    padding-left: 8%;

    padding-right: 8%;

	font-size: 51px;

}

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;

}

.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: 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: 35%;

}

	.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;

}

.banner-row h1 {

    padding-left: 8%;

    padding-right: 8%;

	font-size: 43px;

}

.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;

}



.custmusagemeter {

margin: 0 6px 0;

    width: 217px;

}



.option-box {

  margin-left: 10px;

  margin-right: 10px;

}



.electricityusagebilltype {

  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;

  padding: 10px 23px 10px 16px;

}

	.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: 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: 54px;

	font-style: normal;

}

.question.one {

    padding: 15px 0px 0px 0px;

}

.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: 0px 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: 68px;

margin-bottom: 15px;

padding: 0px 15px;

	}

.main-wrapper .quotmain {

    padding: 0px 20px;

    margin-left: 0;

}	

.main-wrapper .quotmain span {

    font-size: 12px;

    line-height: 12px;

}

.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: 12px;

	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: 5px;

    padding-left: 11px;

}

.movedatefld::before, .movedatefld label.iconcustom {

    background-size: 80%;

    background-repeat: no-repeat;

		top: 16px;

}

.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: 17px 10px 17px 0px;

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: 0;

	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: 9999;

}

	#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;

}

	.page-id-6998 .logo-car-row .l-section-h.i-cf {

    padding-bottom: 0px;

}

	.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;

}

.banner-row h1 {

    padding-left: 5%!important;

    padding-right: 5%!important;

    margin-top: 0px;	

}

.logo-car-row .l-section-h.i-cf {

    padding: 35px 0px;

}

.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: 80%;

  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;

}



.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;

}



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, .controlloadfirst, #solar_consumed_double, #control_load_two, .timeofusepeakus, .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: flex;

  margin: 0 auto !important;

  padding: 5px 10px 15px;

  width: 88%;

}



.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: 10px;

}



.styled-checkbox + label::before {

  display: inline-block;

  float: left;

  margin-top: 0px;

}

#timeofuse .load_usage_double-wrap {

  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(/wp-content/uploads/2017/11/ongoing-benefit.png);

  height: 19px;

  left: 2px;

  width: 19px;

}



.solor-comp::before {

  background-image: url(/wp-content/uploads/2017/11/sun.png);

  height: 22px;

  left: 0;

  width: 22px;

}



.exit-fees::before {

  background-image: url(/wp-content/uploads/2017/11/doc.png);

  height: 23px;

  left: 2px;

  width: 19px;

}



.cont-term::before {

  background-image: url(/wp-content/uploads/2017/11/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(/wp-content/uploads/2017/11/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: #7c7c7c;

  font-family: poppins;

  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: 39px;

}



.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: 15px;

}

.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;

}

.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;

}

.banner-row h1 {

  font-size: 25px;

  line-height: 48px;

  padding: 0 0 10px !important;

  top: 78px;

}

.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%;

}



.banner-row h1 {

  padding: 0 0 !important;

}



.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;

}

.banner-row h1 {

    padding-top: 0;

    padding-bottom: 0;

    top: 120px;

    line-height: 32px;

}

/*.numb-numeric1::after, .numb-numeric2::after, .numb-numeric3::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: 58px;}

.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;

}



.custmusagemeter {

  width: 57%;

}



#bill_handy_plan_choose {

  display: block;

}



.peakfieldfirst, .peakfieldssecond {

  width: 55%;

}



.peakfirst, .controlloadfirst, #solar_consumed_double, #control_load_two, .timeofusepeakus, .timeofuseoffpeak, .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: 10px;

  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;

}



.banner-row h1 {

  font-size: 20px;

}



.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(/wp-content/uploads/2017/11/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;

}



#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-row {

    margin-left: 0px;

    margin-right: 0px;	

}

.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 {

    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 {

    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 {

    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 {

    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 {

    transform: translate(0%, 0px);

    width: 100%;

}



.loaderMain::after, .loader-start::after, .loader-start-mod::after, .loader-start-inner: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 {

    opacity: 1; display: block;

    position: fixed;

    transition: all 0.5s ease-in-out 0s;

}



.loaderMain, .loader-start, .loader-start-mod, .loader-start-inner {

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 9999;

}



.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: 5%;

  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;



}

  .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-family: Poppins;

    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;

}



span.fielderrormain.active{

    display: inline-block;

	font-style: normal;

}







span.fielderrormain{

	

	float: left;

    font-weight: 600;

    display: none;

    opacity: 1;

    top: 105%;

    background-color: #769b31;

    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{width:210px;}

span.fielderrormain:before {

     top: -15px;

    color: #769b31;

    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-family: quicksand;

    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;

float: left;}

.term_cond_sec_otp.term_cond_secRelative .input_check{width: auto;

float: left;

position: absolute;

left: 0;

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-family: "Quicksand",sans-serif;

  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-family: "Quicksand",sans-serif;

  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-family: "Quicksand",sans-serif;

  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;

font-family: 'poppins'; text-align: center; font-size: 22px;

font-weight: 700;}

.plan-confrim-tab1{width:100%; float:left; color: #6e6b6b;

font-family: 'poppins'; text-align: center;

font-size: 16px;

font-weight: 500;}

.plan-confrim-tab3{width:100%; float:left; color: #676f7c;

font-family: 'poppins'; 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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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-family: poppins;

font-size: 16px; padding: 0 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-family: quicksand;

    font-size: 20px;

    font-weight: bold;

    margin-left: 0; display: inline-block;

    padding: 15px 55px;

    position: relative;

    text-transform: uppercase;

    

}

.what-happen-confrim-botm-btn a:hover{color:#fff; 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;

    letter-spacing: 1px;

    border-radius: 5px;

    font-family: "poppins";

    font-size: 14px; text-align: center;

    font-weight: 500;

    padding: 10px 21px 10px 21px;

	cursor: pointer;

	text-transform: uppercase; width: 140px; max-width: 100%;

}

.view-plan-btn:hover{background:#74992f; color: #fff; text-decoration: none}



.postcodelisting .ui-menu-item{padding: 3px 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:10px; margin: 10px 5px; font-size: 16px; 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:35px;}

.stepsdiv.front-page-heading_active{ padding:100px 0 0;}

.no-record{width:100%; padding: 15px; display: block; background: #FBE0E1; border-radius: 10px; line-height: 30px; font-size: 24px; text-align: center; color: #3b3b3b; text-align: center}



.bootbox .modal-dialog{ max-width:95% !important; width: 550px !important;}

.faq-tabs .tab-content-view li{width: auto; float: left;}

    .business-redeem-field{width:100%; float:left; position:relative}

.business-redeem-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-family: quicksand;

    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: -18px;}



#plandetails .price-green.price-green1::after{display:none}



#connectiondetails input[type='checkbox']{margin-top:25px; height:auto;}





.ui-datepicker-title select{color:#fff;}

.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;

    font-family: poppins; 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%;}



.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: 310px; 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 h2 span{ font-size:30px !important;color: #6e6b6b !important;

font-family: poppins;

letter-spacing: 0.5px;

font-weight: normal;}

.what-happen-confrim-text h2 span strong{font-weight:normal}

.what-happen-confrim-text ul li{color: #6e6b6b !important; position: relative; list-style: none;

font-family: poppins !important;  padding-left: 30px;

font-size: 16px !important;

letter-spacing: 0.5px !important;

font-weight: normal !important; word-wrap: break-word}

.what-happen-confrim-text ul li span{ font-size: 14px !important; font-family: poppins !important; word-wrap: break-word}



.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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/images/electricity-new.png) repeat scroll 0 0; width: 33px; height: 41px;}

#plandetails .electri-titl.gas-name::before{background:url(../../../../../../themes/Impreza-child/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;}

.startenddate{padding:0 20px;}



.term_cond_sec_otp span.fielderrormain{width:200px; top:28px;}

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;}

}

@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){

.view-plan-btn{ font-size: 10px;

  padding: 10px 16px 10px 16px;

}

 .back-previous .plandetailsback span{ display: none }

 .back-previous{width:25%;}

 .plan-apply {display: inline-block; width: 25%;}

 .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: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-redeem-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:40%;}

    .plan-apply {

    display: inline-block;    width: 60%;}

    .applynow-btn{padding: 6px 12px 7px 12px !important;  font-size: 14px;}

	#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:10px auto 10px !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}

}







.bootbox-body{font-family: poppins; font-size: 14px ; font-weight: 500; color: #7c7c7c;}

.bootbox .modal-content{background: #fff;}



#concession_content p, #concession_content p span, #concession_content span{font-size: 14px !important; line-height: 25px !important; font-family: 'poppins' !important; font-style: italic !important}

#control_load_fields_summer_winter .g-cols.type_default{margin:0 0}

.bootbox .btn-success {

    background: #74992f none repeat scroll 0 0;

    color: #fff;

    margin: 5px;

    display: table; float: right; 

    letter-spacing: 1px;

    border-radius: 5px;

    font-family: "poppins";

    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-family: "poppins";

    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:#74992f; 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: lighter;   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: normal}

 .apply-btn-text a{ color:#769a2}

.apply-btn-text a:hover{ text-decoration: underline; color:#769a2}

.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; 
font-family: 'poppins'; 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;font-family: 'poppins'; 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(../../../../../../themes/Impreza-child/images/electricity-new.png) repeat scroll 0 0; width: 33px; height: 41px;}

.gas-pro .bill-prefer-provider-name:before{background:url(../../../../../../themes/Impreza-child/images/gas-new.png) repeat scroll 0 0 !important; width: 30px; height: 41px;}
.both-pro .bill-prefer-provider-name:after{background:url(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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;font-family: 'poppins'; line-height:20px; color:#3b3b3b; border-radius:8px; background: #eaffc6 ; margin-bottom: 20px; margin-top:10px;}

.dec-short.dec-sub-title{font-style: normal;text-align: center;color: #7c7c7c;font-family: 'Poppins';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:0px;}
.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 .applynowforplan{/* 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;
}
.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-family: "Quicksand",sans-serif;
  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;
	}
	.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}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	#how-work-cont .l-section-h.i-cf {
    padding: 30px 20px 45px;
	}
}

/*------- how it work end--------*/
.green-bg-blog {
    background-image: url(/wp-content/uploads/2017/10/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;
    font-family: "Quicksand", sans-serif;
    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; font-family: quicksand; 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;font-family: 'poppins'; 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(../../../../../../themes/Impreza-child/images/electricity-new.png) repeat scroll 0 0; width: 33px; height: 41px;}

.gas-pro-move.movein-condition-label:before{background:url(../../../../../../themes/Impreza-child/images/gas-new.png) repeat scroll 0 0 !important; width: 30px; height: 41px;}
.both-pro-move.movein-condition-label:after{background:url(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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;
font-family: 'poppins';
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-family: 'poppins';
line-height: 20px;
color: #3b3b3b;}
.movein-condition-content p{margin:0 0 0}
.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-family: 'poppins'; 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;
		}
}

select.lifesupportlistcls.custom-select{padding-left:8px; padding-right:21px}
 
.plan-signup-logo{width:100%; float:left; padding:30px 0px 0; }
.plan-signup-logo ul{width:100%; float:left; padding:0; margin:0;}
.plan-signup-logo ul li{ list-style: none; width:10%; float:left; padding:10px 15px; 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 15px; margin:0;}
}
@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;}
}

.terms-conditions p{font-family: "Poppins", sans-serif;}
.terms-conditions label{font-family: "Poppins", sans-serif;}

.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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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(../../../../../../themes/Impreza-child/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;
font-family: poppins; 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-family: "poppins";
    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;
    font-family: 'poppins';
    text-shadow: 0px 0px #fff;
    letter-spacing: 1px;
    margin: 5px;
    float:right; text-transform: uppercase;
    position: relative;
    line-height: 19px;

	cursor:pointer;

}

.applynow-plan-name{
width:100%; float:left; color: #7DA13A;
font-family: poppins;
font-size: 18px; padding: 3px;
letter-spacing: 0.5px;
font-weight: 600; 
}

.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-family: "Quicksand", sans-serif;
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;
}

/*------------- css change color-----------------*/

body{ font-family: 'averta_regularregular', arial;}
a{color: #E32D53}
.how-col .vc_column-inner{background:#fff;}
input:focus, textarea:focus, select:focus{box-shadow: 0 0 0 2px #E32D53 !important;}
.header_hor .l-header.pos_static.bg_transparent {
    background: #2F3235;
	color: #fff;
}

label.radio-field-img input[type="radio"]:checked + .radio-option-img {
    background-color: #E32D53 !important;
	
}
label.radio-field-box input[type="radio"]:checked + .radio-option-box {
    background-color: #E32D53 !important;
}
label.radio-field-usage input[type="radio"]:checked + .radio-option-usage{
	background-color: #E32D53 !important;
}

label.bill-usage-sec input[type="radio"]:checked + .bill-usage-option{ background-color: #E32D53 !important;}
span.green-label{color:#E32D53}
.electricityusagebilltype span{color:#E32D53 }
.electricityusagebilltype span::after{color:#E32D53 }

#ui-datepicker-div.ui-datepicker{ background-color: #2F3235;}
#ui-datepicker-div.ui-datepicker td span{color:#868686}
#ui-datepicker-div.ui-datepicker td.highlighted a{color:rgba(255, 255, 255, 0.43); background-color:#515151 ;}
.highlighted {
	background-color:#2F3235  !important;}
#ui-datepicker-div.ui-datepicker td a:hover {
	background-color:#E32D53}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    background-color: #E32D53;
    color: #fff !important;
}
.how-title p{color:#E32D53}
.barmain{background:#2F3235}
.banner-col .progress, #page_layout_view .progress{background-color: #5a5a5a;}
.desktopview li span{background-color:#eda322; color:#2F3235}
.desktopview li{ font-family: 'averta_regularregular', arial;}
span#top-structure-address{ font-family: 'averta_regularregular', arial; color:#2F3235}
span.quest{color:#E32D53;}
span.fielderrormain{background-color:#E32D53;  font-family: 'averta_regularregular', arial;}
span.fielderrormain::before{color:#E32D53}
.how-btn p{ border-radius:0; color:#2f3235;  font-family: 'averta_regularregular', arial; background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */ }
.post_suburb > button{ font-family: 'averta_regularregular', arial;  border-radius:0; color:#2f3235; background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
.single-form-next{ border-radius:0; color:#2f3235;  font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
.question, .questiontitle {	color: #2f3235;  font-family: 'avertasemibold', arial;}

#submitcustomer_detail, #gassubmitcustomer_detail, #comsubmitcustomer_detail{border-radius:0; font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
.single-form-next.createcustomerback{ background: #2F3235;  color:#fff; font-family: 'averta_regularregular', arial;}
#create-update-customer select, #gas_cm_title, select.custom-select{ background-image: url(../../../../../../themes/Impreza-child/images/caret-icon.png) !important; font-family: 'averta_regularregular', arial;}

.move-date-section .movedatelbl{color:#2F3235; font-family: 'averta_regularregular', arial; }
.elect-btn{background:#2F3235; font-family: 'averta_regularregular', arial;}
a.apply-btn-back{background:#2F3235; font-family: 'averta_regularregular', arial; border-radius: 0}
a.apply-btn-back:hover{background:#2F3235;}

h1, h2, h3, h4, h5, h6, .w-text.font_heading, .w-blog-post.format-quote blockquote, .w-counter-number, .w-pricing-item-price, .w-tabs-item-title, .stats-block .stats-desc .stats-number{font-family: 'averta_regularregular', arial; }

#ui-datepicker-div .ui-datepicker-title, #ui-datepicker-div.ui-datepicker th, #ui-datepicker-div.ui-datepicker td span, #ui-datepicker-div.ui-datepicker td a, .electricityusagebilltype ul li, .startbilldate input, span.green-label, .single-rate, .dec-short, .gas_usage_input, .terms-conditions p, .prc-sec h1, .peakfiledslabel, #comcontrol_load_two span, .load_usage_double-wrap label, .formfield input , .movedatefld input, label.numb-text, .electricityusagebilltype span, .calculation p, .rate-sec p, .apply-now-popup-text, .rate-sec td, .electri-titl, .green-price, .green-price.green-price1, .price-green.price-green1 > span, .faq-tabs p, .why-power li, .calculation, .apply-btn, .prc-sec1 ul li p, .applynow-plan-name, .thank-confirm-page, #connectiondetails input, #portal-address input, #cardinputcontainer input, #identification-details input, .business-details input , .bill-prefer-main ul li, #concession-details label, #identification-details label, .text_term_moving, .panel-body-title, .text-color-main, .questionsec .inputcolor, .prevclickslide, .l-titlebar-content h1, .logo-car-head p, .desktopview li span, .imp-notice, #plandetails #prevclickdfv, #plandetails_gas #prevclickdfv, .applynow-btn, .pro-text p, .approve-provider-row .provider-name span, .features strong, a.perv-plan-pdf.elec_plan_pdf, a#update_phone_click, .what-happen-confrim-text h2 span{font-family: 'averta_regularregular', arial; }

.peakfiledslabel, #comcontrol_load_two span, .load_usage_double-wrap label, .movedatefld input, .panel-body-title, .text-color-main, .pro-text p, .approve-provider-row .provider-name span{color:#2F3235}

.otpfieldResend.send_otp{font-family: 'averta_regularregular', arial; color: #E32D53; cursor: pointer}

label.radio-field-usage input[type="radio"]:checked + .radio-option-usage > span{font-family: 'averta_regularregular', arial; }
.movedatefld::before, .movedatefld label.iconcustom{ background-image: url(../../../../../../themes/Impreza-child/images/calender.png);}  
.styled-checkbox + label::before{border: solid 1px #E32D53;}
.styled-checkbox:checked + label:after { 
    background: #E32D53;
    box-shadow: 2px 0 0 #E32D53, 4px 0 0 #E32D53, 4px -2px 0 #E32D53, 4px -4px 0 #E32D53, 4px -6px 0 #E32D53, 4px -8px 0 #E32D53;
}
label.bot-small-label, #concession-details label, #identification-details label{font-weight: 400;}
#concession_content p, #concession_content p span, #concession_content span{font-family: 'averta_regularregular' !important;}
label.radio-field-img input[type="radio"]:checked + .radio-option-img > span.rdl-label {
    color: #fff;
}
span.rdl-label{color:#2F3235;  font-family: 'averta_regularregular', arial;}
.quotmain span{font-size: 20px; line-height: 28px; color:#2F3235;  font-family: 'averta_regularregular', arial;}
label.radio-field-box input[type="radio"]:checked + .radio-option-box > span.rdl-label{color:#fff}
.dec-short.dec-sub-title span{color:#eda322}
.top-loc span::before{color:#E32D53}
.inputcolor.typeahead.ui-autocomplete-input{border-radius:0;  font-family: 'averta_regularregular', arial;}
.prevclickslide{color:#2F3235}
.prevclickslide:before{background:#E32D53}
#plandetails #prevclickdfv, #plandetails_gas #prevclickdfv{color:#2F3235}
#plandetails #prevclickdfv::before, #plandetails_gas #prevclickdfv::before{background:#E32D53}

.apply-btn{border-radius:0; color:#2f3235;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
.view-plan-btn.apply-btn{background-color:#2F3235; border-radius:0; color:#fff;
	background:#2F3235; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#2F3235 0%, #2F3235 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2F3235 0%,#2F3235 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2F3235 0%,#2F3235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F3235', endColorstr='#2F3235',GradientType=0 ); /* IE6-9 */
}
.applynowforplan{border-radius:0; color:#2f3235;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
a.apply-btn-next{border-radius:0; color:#2f3235;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
.what-happen-confrim-botm-btn a{border-radius:0; color:#2f3235; font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}
a.perv-plan-pdf.elec_plan_pdf, a#update_phone_click{border-radius:0; color:#2f3235;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */} 
#form-left input#gform_submit_button_1{border-radius:0; color:#2f3235; font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}

.inputfile_div{border-radius:0; color:#fff; 
	background:#E32D53; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#E32D53 0%, #E32D53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #E32D53 0%,#E32D53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #E32D53 0%,#E32D53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E32D53', endColorstr='#E32D53',GradientType=0 ); /* IE6-9 */}
.search-btn-business{border-radius:0; color:#fff; 
	background:#E32D53; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#E32D53 0%, #E32D53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #E32D53 0%,#E32D53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #E32D53 0%,#E32D53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E32D53', endColorstr='#E32D53',GradientType=0 ); /* IE6-9 */}
.prc-sec h1{color:#E32D53}
.green-price, .green-price.green-price1{color:#E32D53}
.green-price p.small-txt{color:#E32D53}
.slide-content{background: #fff;}
.electricityusagebilltype ul li{color:#2F3235}

label.radio-field-usage input[type="radio"]:checked + .radio-option-usage > span{color:#fff; text-shadow: 0px 0px #7f983b;}
#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{ background:#eda322;color:#2F3235; border-radius:0; }
.plan-list-detail-section{background: #efefef;}

#planlistinghtml .nav-tabs.tab-list-plan > li > a, #plandetails .nav-tabs.tab-list-plan > li > a{border-radius:0;background-color:#2F3235}
.prc-sec > p, #planlistinghtml .approx-change, .prc-sec1 ul li, .gas-and-electri .applynow-below-content, .price-green1 p.small-txt, .dec-short.dec-sub-title, .formtitle, .electri-desc, .features p, .why-power p, .why-power p span{color:#2F3235; font-family: 'averta_regularregular', arial;}

.banner-row h1{font-family: 'avertabold';}
.how-head p{font-family: 'avertasemibold';color:#2F3235} 
#plandetails .electri-titl{font-family: 'avertasemibold';}  
.why-power p.power-titl{color:#E32D53 !important}
.features strong {
	color: #E32D53;}
.faq-tabs .tab-content-view, .faq-tabs .tabgas-content-view{background:#fff;}
.back-apply.fixed{background:#E32D53}
#plandetails .back-apply.fixed #prevclickdfv::before{color:#E32D53}
.back-apply.fixed .applynowforplan{color:#E32D53 !important}
.loader-field::before{border-top-color: #E32D53;}
.electri-titl{color:#E32D53}
.plan-details .nav-tabs > li > a{background:#2F3235}
.plan-details .nav-tabs > li::before, .plan-details .nav-tabs li::after{background:#2F3235}
.plan-details .nav.nav li.active a{background: #E32D53; border-color: #E32D53 !important;}
.plan-details .nav-tabs li.active::after{background: #E32D53;}
.plan-details .nav-tabs > li > a{background:#2F3235}
.plan-details .nav-tabs > li::before, .plan-details .nav-tabs li::after{background:#2F3235}
.rate-sec table{ background: #f8f8f8;}
.rate-sec tr { background: #f8f8f8;}
.rate-sec td{color:#2F3235}
.calculation p, .rate-sec p, .apply-now-popup-text{color:#2F3235}
.applynow-plan-name{color: #E32D53}
button.close{background-color: #E32D53}

.custmdob label.iconcustom::before{color: #E32D53}
.address-new label.iconcustom :before {color :#E32D53 }
span.bill-prefer-cricle::before{background :#E32D53 }
#newotpscreen .panel-default > .panel-heading{background :#E32D53} 
.perv-plan-name.planname20Elec strong{color :#E32D53 }

#acknowldgement-terms-conditions p span, #acknowldgement-terms-conditions ul li span, #yourplandetailstab{color:#2F3235 !important;  font-family: 'averta_regularregular', arial !important;}
.electricity20 ul li::before{color: #E32D53}

.tremcondlink{color:#2F3235 !important;  font-family: 'averta_regularregular', arial !important;}
.bootbox .btn-success{background:#eda322; color:#2F3235; border-radius: 0; font-family: 'averta_regularregular', arial;}
.bootbox-body{  color:#2F3235; font-family: 'averta_regularregular', arial;}
button.close{background:#eda322 !important; color:#2F3235}  
.bootbox .btn-warning{background:#2F3235; border-radius:0; font-family: 'averta_regularregular', arial;}
.address-new label.iconcustom:before{color :#E32D53}
.billingsearch label.iconcustom::before{color :#E32D53}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{background:#2F3235;font-family: 'averta_regularregular', arial; color:#fff;}
#connection_multilist_div_sub ul, #billing_connection_multilist_div_sub ul, #businesssearch_multilist_div_sub ul{background:#2F3235;font-family: 'averta_regularregular', arial; color:#fff;}
.header_hor .l-subheader.at_middle{padding-top:0}
span.plan-rate-text{font-family: 'avertasemibold';}
.banner-row .l-section-img.loaded {
    opacity: 1;    
    -moz-box-shadow: inset 0 0 0 1000px rgba(8, 8, 8, 0.5);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(8, 8, 8, 0.5);
    box-shadow: inset 0 0 0 1000px rgba(8, 8, 8, 0.5);
}
.movein-condition-title span{color :#E32D53}
.movein-condition-box {
    border: 1px solid #cdcdcd;
    background: #f8f8f8;
   font-family: 'averta_regularregular', arial;
    color: #2F3235;
    border-radius: 0px;
    
}


#newotpscreen .panel-default > .panel-heading a{font-family: 'avertasemibold';}

.apply-now-popup-text li:before{color: #E32D53;}
.what-happen-confrim-text ul li:before{color: #E32D53;}
#upload-identification-document .text_term label{color: #E32D53; font-family: 'averta_regularregular', arial;}
.what-happen-confrim-title, .plan-confrim-tab2{color: #E32D53; font-family: 'averta_regularregular', arial;}
.what-happen-confrim-subtitle, .what-happen-confrim-subtitle2, .plan-confrim-tab1, .plan-confrim-tab3, .what-happen-confrim-botm-title{color:#2F3235; font-family: 'averta_regularregular', arial;}
.what-happen-confrim-text ul li, .what-happen-confrim-text ul li span{color:#2F3235 !important; font-family: 'averta_regularregular', arial !important;}

footer .color_footer-bottom a:hover{color: #E32D53;}
.clr-diff{background: #ececec !important;}
.why-power li::before{color: #E32D53}
.perv-info-edit{color: #E32D53}
.header_hor .l-header.pos_fixed{background: #2F3235; color: #fff;}
.header_hor .l-subheader.at_middle{background: #2F3235 !important;}
.banner-row h1{padding: 30px 10% 0;}
.bill-prefer-provider-text{color: #2F3235; font-family: 'averta_regularregular', arial; border: 1px solid #cdcdcd;
    background: #f8f8f8;}
.main-wrapper .section-row ul li{word-wrap: break-word;}
.noty_theme__mint.noty_type__success{background-color: rgba(227, 45, 83, 0.7);
    border-bottom: 1px solid rgba(227, 45, 83, 1);
    color: #ffffff;}

.footer-menu-redeem .color_footer-bottom{ background: none;	}
.l-footer .footer-menu-redeem  .widget_nav_menu .menu-item::before{display: none;}
.l-footer .footer-menu-redeem  .widget_nav_menu .menu-item{padding-left:0}
.l-footer .footer-menu-redeem  .widget_nav_menu .menu-item a:hover{color: #E32D53 !important;}
.l-footer .footer-menu-redeem  .widget_nav_menu .menu-item a{color: #fff; font-size: 18px;}
.redeem-copyright{padding: 13px 0 0; color:#eda322; font-size: 18px;}
.footer-logo-redeem img{max-width:250px; width:100%;}
.w-tabs-section .w-tabs-section-header.accordionprovidertermsandconditions.active{color: #E32D53 !important;}
.providers-terms li::before{background: #E32D53}
.providers-terms li::before, .pencil_href_edit_phn{color: #E32D53}
.email-sec span, .address-sec span, #form-left .how-text p{color: #2F3235;}
#form-left textarea, #form-left li input{ background: #fff; border-radius:0; font-family: 'averta_regularregular', arial;}
.api-terms-row ul li::before{color: #E32D53}
.footer-bottom-nav li a{color:#B2B2B2}
.footer-bottom-nav li a:hover{color:#E32D53}
.redeem-copyright-bottom p{color:#B2B2B2}

@media only screen and (min-width:320px) and (max-width:720px){
	.l-footer .footer-menu-redeem .widget_nav_menu li.menu-item{width:auto; display:inline-block; margin: 0 5px;}
	.l-footer .footer-menu-redeem .widget_nav_menu .menu-item a{ font-size:14px;}
	.redeem-copyright{font-size:14px; text-align: center}
	.footer-logo-redeem img{max-width:150px;}
	.footer-menu-redeem.g-cols > div:not([class*=" vc_col-"]){margin-bottom: 0}
	.redeem-copyright-bottom p{text-align: center;}
	.footer-bottom-nav li{width:auto; display: inline-block !important; margin: 0 5px; }
	#menu-footer_left-menu{text-align: center}
}




a.call-action-form{ text-decoration: none;
    font-size: 20px; display: inline-block;
    font-weight: bold;
    margin-left: 0;
    padding: 15px 35px; border-radius:0; color:#2f3235;  font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}

h3.call-action-form-title{color: #fff; margin: 0;font-family: 'averta_regularregular', arial;
font-size: 26px;}

p.home-title-subtext{font-size: 16px;font-family: 'averta_regularregular', arial;
color: #fff;
text-align: center;
text-shadow: none;
font-weight: normal;
line-height: 30px;}
.section-service-tab{padding:35px 0}
.section-service-tab .w-tabs.layout_default .w-tabs-item.active{border-color:#E32D53; color:#E32D53}
.section-service-tab .tabs-section.active .w-tabs-section-header{border-color:#E32D53; color:#E32D53}
.section-service-tab .w-tabs.layout_default .w-tabs-item a.w-tabs-item-h{text-decoration:none; }
.section-service-tab .w-tabs.layout_default .w-tabs-item a.w-tabs-item-h:hover{text-decoration:none; }
.section-service-tab .w-tabs-item-title{font-family: 'avertasemibold';font-weight: normal; font-size: 16px;} 
.section-service-tab .w-tabs-section-title{font-family: 'avertasemibold';font-weight: normal; font-size: 16px;} 
.services-tab-content .w-tabs-section-content-h{padding:2em 0 1em}
.services-tab-content{font-size: 15px; text-align: left; color: #515050; font-weight: normal; line-height: 25px; font-family: 'averta_regularregular', arial;}
.services-tab-content-inner ul{ padding-left:25px;}
.services-tab-content-inner li{ font-size: 15px; text-align: left; color: #515050; font-weight: normal; line-height: 25px; font-family: 'averta_regularregular', arial;}
.services-tab-content-inner h4{ font-size: 28px;color: #515050; font-weight: normal;  font-family: 'avertasemibold', arial;}

a.call-action-tab{ text-decoration: none;
    font-size: 16px; display: inline-block;
    font-weight: bold;
    margin-left: 0;
    padding: 10px 25px; border-radius:0; color:#2f3235;  font-family: 'averta_regularregular', arial;
	background:#eda322; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd362a+0,de1000+100 */
background: -moz-linear-gradient(top,#eda322 0%, #eda322 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eda322 0%,#eda322 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eda322 0%,#eda322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda322', endColorstr='#eda322',GradientType=0 ); /* IE6-9 */}

.header_hor .l-header.pos_static.bg_transparent .ush_btn_1 .w-btn{display:none}
.bill-prefer-provider-text{border-radius:0}
.owl-prev, .owl-next{width:36px; height: 36px}
.no-touch .owl-next:hover{color:#E32D53}
.owl-prev{left:-40px}
.owl-next{right:-40px}
.l-footer .vc_wp_custommenu.layout_hor ul li{margin:0 4px;}
#form-left li.contect-textarea-field{width:100%}
@media only screen and (min-width:320px) and (max-width:720px){
h3.call-action-form-title{ text-align: center}
}
.bootbox .btn-warning:hover{background: #2F3235;}
.checkmark::after{border-right: 3px solid #eda322 ;
border-top: 3px solid #eda322 ;}
.circle-loader{border-left-color: #eda322;}
.load-complete{border-color: #eda322}


.ush_btn_1{display: none;} 

.noty_theme__mint.noty_bar .noty_body{font-family: 'averta_regularregular', arial !important;} 
<<<<<<< HEAD
=======
/*DMO BPID CSS */
.dmo-prices-table-main{width: 100%; background: #fff; border-radius: 5px; padding: 10px; font-family: 'averta_regularregular', arial;
 color:#2F3235}
.dmo-prices-table-main table{font-size:14px; color: #2F3235}
.dmo-prices-table-main table th{color:#fff; background:#e9880a; }
.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:#e9880a; color:#fff; border:0}
.dmo-text-right{text-align:right;}
.dmo-a-tag{ font-family: 'averta_regularregular', arial;
width: 100%; text-align: center; display: block; padding: 10px 0 5px; float:left}
.dmo-a-tag a{text-decoration: underline; font-family: 'averta_regularregular', arial;
 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: #e9880a; overflow:auto;}
.panel-box-tab-use .panel-box-tab-title a:hover { color:#e9880a !important;}
.panel-box-tab-use .panel-box-tab-title a { color:#e9880a;}
.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}
.rate-plan-div a{font-weight:bold; margin:4px; font-family: 'averta_regularregular', arial;color:#e9880a;text-transform: capitalize;}
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{font-family: 'averta_regularregular', arial;
}
@media screen and (max-width:767px){
ul.rate-tab-html li{width:100%; }
}

.dmo-plan-content {
width: 100%;
padding: 10px;
display: block;
text-align: center;
font-size: 14px;
line-height: 20px; color:#2F3235;
font-family: 'averta_regularregular', arial;

}
.dmo-plan-content span {
font-size: 15px;
font-weight: 700;
display: block;
margin-bottom: 5px;
color: #e9880a;
}
.dmo-plan-content strong{font-size: 14px; font-weight:600}
.fielderrormain.compareChoiceValid{
/*position: relative;*/
}

.discount-content{ width: 100%; display: block;}

.discount-content p{font-style: normal;
text-align: center;
color:#2F3235;font-size: 14px;
font-family: 'averta_regularregular', arial;
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} 
}

.dmo-info-popup-main{width: 100%; float: left; padding: 15px; background: #fff; border-radius: 5px; font-family: 'averta_regularregular', arial;
; color:#2F3235}
.dmo-info-popup-main p{margin-bottom:8px; font-family: 'averta_regularregular', arial;
}
.dmo-info-popup-main ul li { padding-left: 22px;
font-family: 'averta_regularregular', arial;
list-style: none;
position: relative;}
.dmo-info-popup-main li::before {
position: absolute;
content: "\f111";
font-family: 'averta_regularregular', arial;
left: 0px;
top:2px;
color: #e9880a;
font-size: 12px;
}
>>>>>>> feature_bpid_offpeak_dmo