/*
Theme Name: Extra Child
Theme URI: http://www.elegantthemes.com/gallery/extra/
Template: Extra
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Extra
Version: 1.3.11.1472306270
Updated: 2016-08-27 07:57:50

*/



/*** CITIES TABLE ***/

.outerbox-mobile {
    display: none;
}

#top-header {
    position: absolute!important;

}



@media screen and (max-width: 768px){

    #countries {
        margin-top: 0px!important;
    }
    .outerbox-mobile {
        display: block;
    }

    .outerbox {
        display: none;
    }

    #countries th {
        width: 40% !important;
        padding-left: 10% !important;
    }

    .outerbox h2 {
        padding-bottom: 0px!important;
    }}


.blogbullet .post-wrap .post-content.entry-content ul {margin-top: -10px!important;}


.outerbox {
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 1px;
    padding-top: 25px;
    padding-left: 30px;
    margin-top:40px;
}

.outerbox h2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #e6e6e6;
    padding-bottom: 30px;
    margin-right: 30px;
}

.icon {
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}

#countries {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #748C2A;
    margin-left: -3%;
}

#countries th {
    text-align: left;
    color: #A4C739;
    line-height: 28px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #e6e6e6;
    width: 17%;
    padding-left: 3%;
    font-size: 16px;
}

#countries th a {
    color: #02a4f5!important;
    text-decoration: none;
}

@media screen and (max-width: 768px){
    #countries {
        font-size: 15px;
    }
}

/*** END - CITIES TABLE ***/

/*** HEADER ***/

.show-menu-button {
    margin-top: 5px;
}

#top-header {
    background-color: #FFFFFF!important;

}

.et-fixed-header #main-header {
    background-color: #ffffff!important;
    opacity: 0.9!important;
    align-content: center !important;
    text-align:center !important;
}

.header-cta {
    background-color: #209ede !important;
    margin-top: -100px!important;
    height: 455px!important;
    display: block;
    margin-left: auto  !important;
    margin-right: auto !important;
    text-align:center !important;


}

.commercial {
    height: 640px!important;
}

.header-cta-container {
    top: 170px !important;
}

.com-lead-name{
    width: 50% !important;
    background: #fff!important;
}

.com-lead-email{
    width: 50% !important;
    background: #fff!important;
}

.com-lead-phone{
    width: 50% !important;
    background: #fff!important;
}

.com-submit{
    width: 250px!important;
    background-color: #a4c739!important;
    color: #fff!important;
    clear: both!important;
    display: inline-block!important;
    margin-left: 10px!important;
    font-size: 24px!important;
    height: 50px!important;
    line-height: 20px!important;
    border-bottom-color: #748C2A!important;
    border-bottom-style: solid!important;
    border-bottom-width: 4px!important;
}

.com-submit:hover{
    background-color: #748C2A!important;

}

.et-fixed-header #et-menu > li a {
    color: #fff!important;
    font-size: 12px!important;
    color:#fff !important;
    font-weight:800!important;
    border-bottom:1px;

}

.et_fixed_nav .et-fixed-header #main-header {
    height: 45px;
    border-style: solid;
    border-bottom: thin solid #efefef;

}

@media only screen and (min-width: 1024px) {
    .et_fixed_nav .et-fixed-header #main-header {
        position: absolute;
    }
}

/*** END HEADER ***/


#largecta p {
    font-size: 44px !important;
    padding-bottom: 25px;
    text-transform: none !important;
    font-weight: 700;
    margin-left: -1px !important;
    text-align: center !important;
    width:80%;
    margin-left: auto  !important;
    margin-right: auto !important;
    text-align:center !important;

    line-height: 1.3em;
    color: #fff;
    padding-top: 30px;
}

#smallcta p {
    font-size: 14px !important;
    text-transform: none !important;
    padding-top: 10px;
    text-align: center;
    font-weight:400 !important;
    color: #fff;
}


form#ec_header_form_new {
    width: 550px;
    text-align: center;
    padding-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: none;
}
.input::-moz-placeholder,
.textarea::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: none;
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: none;
}
.input::placeholder,
.textarea::placeholder,
select::placeholder,
textarea::placeholder,
input::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: none;
}


.headerfoot2 {
    display: none;
}

.breadcrumbs {
    font-size:12px;
}



@media screen and (max-width: 1025px){

    #et-info {
        display: none;
    }
}

button.btn-header:hover {
    background-color: #748C2A!important;
    color: #fff;
}

.btn-header {
    width: 250px!important;
    background-color: #A4C739;
    color: #fff;
    float: left!important;
    display: inline-block!important;
    margin-top: 20px;
    font-size: 30px;
    display: inline-block;
    clear: none!important;
    margin-right: 20px;
}


.container {
    position: relative;
    width: 90%!important;
    max-width: 1280px!important;
    margin: 0 auto;
}

.page .post-wrap .post-content a {
    color: #02a4f5!important;
}


ul {
    padding: 0em 0 .8em 1.143em;
}


/*/////MENU EDITS KIRSTY//////*/
.et_fixed_nav .et-fixed-header #main-header {
    top: 62px!important;
    background:none!important;
}

.et-fixed-header .header.centered #et-navigation > ul > li > a {
    padding-bottom: 10px;
    margin-top: 0px;

}

.nav li {
    position: relative;
    line-height: 2.5em;
}

#et-navigation > ul#et-menu > li.current-menu-item > a, #et-navigation > ul#et-menu > li.current_page_item > a {
    color: #ef4747!important;
}
#et-navigation > ul#et-menu > li.current_page_parent > a , #et-navigation > ul#et-menu > li.current-page-ancestor > a {
    color: #ef4747!important;
}
#et-menu li > ul {
    background-color: #fff;
}

#et-navigation > ul > li.menu-item-has-children > a::before {
    display: none;
}

#et-navigation > ul > li > a::before {
    display: none;
}

.et-fixed-header #et-menu li a {
    font-size: 14px!important;
    letter-spacing:0px!important;

}

@media (max-width: 670px) and (min-width: 480px) {
    #top-header {
        padding: 15px 25px !important;
    }
}
@media (max-width: 480px) {
    #top-header {
        padding: 15px 10px !important;
    }
}
@media (max-width: 1024px) and (min-width: 670px) {
    #top-header {
        padding: 15px 10px !important;
    }
}
@media only screen
and (max-width : 1024px) {

    #top-header {
        background-color: #03a9f4;
        height: 75px;
        /*padding: 15px 10px !important;*/
        /*padding-top: 4px!important;*/
    }

    #et-navigation {
        width: auto;
        float: right !important;
        text-align: right;
        margin-right: 0px !important;
        margin-left: 90% !important;
    }

    #et-mobile-navigation {
        display: block;
        text-align: right;
        float: right !important;
    }

    .centered #et-navigation {
        margin: auto;
        margin-top: 5px!important;
        z-index: 9999;
        padding-bottom: 5px;
    }

    #et-mobile-navigation #et-extra-mobile-menu {
        text-align: left;
    }

    #top-header {
        display: block;
        position: absolute!important;
        padding: 0px;
    }

    #et-trending-container p {
        display: none!important;
    }

    #et-info .et-extra-social-icons {
        display: none;
    }

    #main-header {
        background-color: #03a9f4!important;
    }

    .centered #et-navigation {
        margin-top: 45px;
    }

}

/*/////END MENU EDITS KIRSTY//////*/


/*/////FOOTER CHANGES//////*/

@media only screen
and (max-width : 1024px) {
    .footercta {
        display: none;
    }

    .footerlistcontainer {
        display: none;
    }

    #footer .et_pb_extra_column.even.column-2 {
        display: none;
    }

    #footer .et_pb_extra_column.odd.column-1 {
        display: none;
    }

    #footer .et_pb_widget {
        padding-top: 20px;
        margin-bottom: 20px;
    }

}

@media only screen
and (max-width : 1282px) {

    .footerctainternal h5 {
        float: none!important;
        clear: both;
        display: block!important;
    }

}

.et_pb_extra_row {
    margin-bottom: 60px;
}

#footer .et_pb_widget {
    margin-bottom: 0px!important;
}

#footer .et_pb_widget:first-of-type {
    margin-top: 60px;
    padding-top: 0px!important;
    padding-bottom: 55px;
    height: 450px;
}

#footer .et_pb_extra_column.odd.column-1 {
    padding: 0 16px;
}

#footer .et_pb_extra_column.even.column-2 {
    padding: 0 20px;
}

#footer .et_pb_extra_column.even.column-4 .et_pb_widget {
    border-right: none;
}

.et_pb_widget {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-right-width: 1px;
    border-right-style: solid;
}

.footerlinksleft {
    width: 40%;
    float: left;
    display: inline-block;
    margin-right: 10%;
}

.footerlinksright {
    width: 40%;
    float: left;
    display: inline-block;
}


.footermap {
    width: 90%;
}

.footerlistcontainer {
    background: #2B3843 !important;
}

nav.footerlist {
    text-align: center;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-bottom: 2px solid rgba(255,255,255,.12);
}

nav.footerlist li {
    display: inline-block;
    line-height: 60px;
    margin-bottom: 0px;
}

nav.footerlist a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-weight: 700;
    padding: 0 12px;
    text-transform: uppercase;
}

nav.footerlist ul {
    padding: 0px;
}

.footercta {
    background-color: #FFF;
    padding: 25px;
}

.footerctainternal {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.footerctainternal h5 {
    color: #fff;
    font-size: 24px;
    float: left;
    display: inline-block;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 20px;
}

.footercta button[type="submit"] {
    background-color: #02a4f5;
    border-radius: 2px;
    height: 50px;
    margin-left: 10px;
}

#footer {
    margin-top: 0px!important;
}

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

.widgetcontact img {
    height: 24px;
}

#widgetphone {
    font-size: 24px;
    display: inline-block;
    color: #fff;
}


#et-trending-container p {
    margin-left: 0px!important;
}

.blogbullet .post-wrap .post-content.entry-content ul {
    margin-top: -5px!important;
    margin-bottom: 20px!important;
    margin-right: 60px!important;
    margin-left: 60px!important;
}

.blogbullet ul li {
    margin-bottom: 0px!important;

}

.blognumber ul li {
    margin-bottom: 0px!important;
}


button:hover, button[type="submit"]:hover {
    background-color: #748C2A;
}

.centered #et-navigation { padding:3px;}

.header-cta button {
    border-bottom-color: #748C2A;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

#top-header {
    z-index: 1;
    position: relative;
    background: #2b3843;
    position: fixed;
    width: 100%;
    z-index:1000;
}


#et-menu li > ul li a {
    border-color: #737373!important;
}


form#ec_header_form input {
    width: 180px!important;
}

form#ec_header_form_new input {
    width: 180px !important;
}


#footer {
    background: #2B3843 !important;
}

#main-content {
    padding-top: 90px!important;
}

.shop_and_compare_small_form {
    padding: 10px;
}

.quotesidebar button {
    background-color: #ff6b6b;
    color: #fff!important;
    width: 100%;
    margin-top: 20px;
}

.quotesidebarzip input, input[type="text"] {
    width: 100%;
    background-color: #fff!important;
    border-color: #939598!important;
    border-width: 1px!important;
    border-style: solid!important;
    margin-bottom: 15px;
    height: 45px;
}

.quotesidebar p {
    font-weight: 700;
    font-size: 17pt;
    text-transform: none!important;
    margin-bottom: 12px;
    padding-bottom: 12px;
    color:#555;
    font-family: 'Open Sans';
    letter-spacing: -1.0px;
    line-height: 1.4em;
}

.quotesidebar, .quotesidebar label {
    font-size: 12pt;
}

.quotesidebar .serviceType {
    border-radius: 3px;
    padding: 10px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 100%;
    background-color: #fff!important;
    border-color: #939598!important;
    border-width: 1px!important;
    border-style: solid!important;
    height: 45px;
    color: #636466;
    font-family: 'Open Sans';
    font-weight: 600!important;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png") no-repeat 100% center #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.et-fixed-header .header.left-right #et-navigation > ul > li > a:hover {
    text-decoration: none!important;
}

h1 {
    font-size:40px!important;
    text-transform:none !important;
    font-weight:700 !important;
    margin-left:-1px !important;
}

h2 {
    font-size:32px!important;
    padding-bottom:30px;
    text-transform:none !important;
    font-weight:600;
    margin-left:-1px !important;
}

h3 {
    font-size:24px!important;
    text-transform:none !important;
    padding-bottom:30px;
    margin-left:-1px !important;

}

h4 {
    font-size:20px!important;
    text-transform:none !important;
    padding-bottom:25px;
    margin-left:-1px !important;

}

h5 {

}

/* Header Form */

.header-cta-container {
    position:relative !important;
    width: 70%;
    max-width: 1000px;
    align: center !important;
    text-align: center !important;
    margin: 0 auto;
    top: 110px;
}

.header-cta {

    height: 375px;
    margin-top: 300px;
    text-align: center !important;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-y: 25%;
}

#main-content {
    padding-top: 40px !important;
    padding-bottom: 20px;
}

.header-cta button {
    width: 250px;
    background-color: #a4c739;
    color: #fff!important;
    clear: both;
    display: inline-block;
    margin-left: 10px;
    font-size: 24px;
    height: 50px;
    line-height: 20px;
}

.header-cta button a {
    color: #fff!important;
}

#page-container button, #page-container button[type="submit"] {
    color: #fff!important;
}

#page-container button:hover, #page-container button[type="submit"]:hover {
    color: #fff!important;
}

.header-cta h4 {
    font-size: 55px !important;
    line-height: 1.1em;
    text-transform: none !important;
    font-weight: 700 !important;
    padding-bottom: 20px;
    color: rgba(0, 0, 0, 0.75);
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
}

.header-cta .main-header {
    font-size: 55px !important;
    line-height: 1.1em;
    text-transform: none !important;
    font-weight: 700 !important;
    padding-bottom: 20px;
    color: rgba(0, 0, 0, 0.75);
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.header-cta .sub-header {
    font-size: 26px !important;
    line-height: 1.2em;
    text-transform: none !important;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

.header-cta h5 {
    font-size: 26px !important;
    line-height: 1.2em;
    text-transform: none !important;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

form#ec_header_form input {
    background-color: #fff;
    border-color: #979797;
    border-style: solid;
    border-width: 1px;
    width: 125px;
    height: 50px;
    font-family: 'Open Sans';
    font-weight: 200 !important;
}

form#ec_header_form select {
    background-color: #fff;
    border-color: #979797;
    border-style: solid;
    border-width: 1px;
    width: 250px;
    margin-left: 10px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png") no-repeat 191px center #fff;
}

form#ec_header_form_new input {
    background-color: #fff;
    border-color: #c0c0c0 !important;
    border-style: solid;
    border-width: 0px;
    width: 100px;
    height: 50px;
    font-family: 'Open Sans';
    font-weight: 200 !important;
}

form#ec_header_form_new select {
    background-color: #fff;
    border-color: #979797;
    border-style: solid;
    border-width: 1px;
    width: 290px;
    margin-left: 10px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png") no-repeat 100% center #fff;
}

input, select, textarea, button{font-family:inherit;}

.headerfoot {
    background-color: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 4px;
}

.headerfoot p {
    text-align: center;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.75);
    font-size: 11pt;
    font-style: italic;
}

.headerfoot #logos {
    width: 90%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#et-trending-button img {
    margin-bottom: 20px;
    margin-top: -3px;
}

h2.post-title.entry-title a {
    font-size: 24px;
    line-height: 1em!important;
}

h2.post-title.entry-title {
    line-height: 1em!important;
}


#et-menu li > ul li a {
    border-color: #666!important;
}

@media only screen
and (min-width : 668px) {

    .header-cta-mobile {
        display: none;
    }

}

@media screen and (min-width : 668px) and (max-width: 1024px){

    form#ec_header_form_new {
        width: 100%;
    }

    form#ec_header_form_new input {
        width: 30%!important;
    }

    .header-cta button {
        width: 35%;
        font-size: 18px;
    }

    form#ec_header_form_new select {
        width: 30%;
        font-size: 16px!important;
    }

    form#ec_header_form_new input {
        font-size: 16px;
    }

    #largecta p {
        padding-top: 0px;
    }

    .header-cta-container {
        top: 78px;
    }

}

@media only screen and (min-width : 1025px) {
    form#ec_header_form_new select {
        font-size: 19px!important;
    }
}


@media screen and (min-width : 668px) and (max-width: 768px){
    form#ec_header_form_new {
        /*margin-top: 75px;*/
        /*background-color: #fff;*/
        width: 100%;
        /*margin-left: -6%;*/
        /*margin-right: -6%;*/
    }
    #largecta p {
        font-size: 28px !important;
        margin: 0 !important;
        width: 100%;
    }
    form#ec_header_form_new input {
        width: 100%!important;
    }
    #page-container button, #page-container button[type="submit"] {
        color: #fff !important;
        width: 90%;
    }
    form#ec_header_form_new select {
        width: 100%!important;
    }
    .header-cta button {
        margin-left: 0px;
        margin-top: 10px;
    }
    form#ec_header_form_new select {
        margin-left: 0px;
        width: 50%;
        background: url(https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png) no-repeat 100% center #fff;
        margin-top: 10px;
        font-size: 21px !important;
    }
}
@media (max-width: 1024px) and (min-width: 767px) {
    #largecta p {
        font-size: 38px !important;
        margin: 0 !important;
        width: 100%;
    }
    form#ec_header_form_new input {
        /*width: 35%!important;*/
    }
    .header-cta button {
        /*width: 40%;*/
    }
}

@media only screen  and (max-width : 750px){
    #update_plans {
        display: block !important;
    }

    input.zip_code{
        width: 100%;
    }

    #update_plans button {
        width: 100%;
    }


}


body.single-wp_router_page .post-wrap {
    /*border-top-width: 6px;*/
    /*border-top-style: solid;*/
    /*border-color: red;*/
    /*margin-top: 80px;*/
}

body.single-wp_router_page .post-wrap #provider-rates-app {
    padding: 40px 60px;
    margin-top: 40px;
    border-color: #ff6b6b;
    border-top-width: 6px;
    border-top-style: solid;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

@media only screen
and (max-width : 700px) {

    .header-cta-container {
        /*top: 145px!important;*/
        width: 90% !important;
        height:340px !important;
    }

    #footer .container {
        width: 90% !important;
    }
    .container {
        padding-top: 0px!important;
        padding-bottom: 10px;
        width: 100% !important;
    }

    #smallcta p {
        margin-top: -280px;
    }

    #largecta p {
        font-size: 28px !important;
        padding-top: 0px;
        /*padding-bottom: 0px;*/
        margin: 0 !important;
        width: 100%;
    }

    form#ec_header_form_new input {
        font-size: 12px;

    }

    form#ec_header_form_new select {
        font-size: 12px !important;
    }

    form#ec_header_form_new {
        /*margin-top: 0px;*/
        /*background-color: #fff;*/
        width: 100%;
        margin: 0 auto;
        /*margin-left: -6%;*/
        /*margin-right: -6%;*/

    }

    form#ec_header_form_new input {
        width: 100% !important;
    }

    form#ec_header_form_new select {
        width: 100%!important;
    }

    .header-cta {
        height: 550px;
        margin-top: -130px;
        background-position-x: 50%;
    }

    .header-cta button {
        margin-left: 0px;
        margin-top: 10px;
    }

    .page .post-wrap {
        /*padding: 20px;*/
        padding: 20px 0px 20px 0px;
    }

    .header-cta-mobile {
        display: none;
    }

    .page .post-wrap h1 {
        font-size: 26px!important;
        padding-bottom: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 21px;
    }

    .header-cta-mobile {
        height: 162px;
        margin-top: 0px;
        padding: 20px;
        width: 100% !important;
    }

    .header-cta-mobile h5 {
        font-size: 19.5px;
        line-height: 1.1em;
        padding-bottom: 0px;
        text-align: center;
        width: 100% !important;
    }

    .header-cta-mobile button[type="submit"] {
        background-color: #A4C739;
        margin-top: 15px;
    }

    #et-mobile-navigation nav {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #232323!important;
    }

    #et-extra-mobile-menu > li > a:hover {
        color: #f4f4f4!important;
    }

    #et-navigation li a {
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-weight: 300;
        color: rgba(255, 255, 255, 0.6)!important;
        text-transform: uppercase;
    }

    .et_fixed_nav .logo {
        width: 80%!important;
        line-height: 4;
    }

    .header-cta h4 {
        font-size: 1.2em !important;
    }
    .header-cta h5 {
        font-size: 21px !important;
    }

    form#ec_header_form select {
        margin-left: 0px;
        width: 50%;
        background: url("https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png") no-repeat 100% center #fff;
        margin-top: 10px;
        font-size: 21px !important;
    }

    form#ec_header_form input {
        margin-left: 0px;
        margin-right: 2%;
        width: 46% !important;
        font-weight: bold !important;
        font-size: 17px;
    }

    form#ec_header_form_new select {
        margin-left: 0px;
        width: 50%;
        background: url("https://www.electricchoice.com/wp-content/uploads/2016/09/arrow.png") no-repeat 100% center #fff;
        margin-top: 10px;
        font-size: 21px !important;
    }

    form#ec_header_form_new input {
        margin-left: 0px;
        margin-right: 2%;
        font-weight: bold !important;
        font-size: 17px;
    }

    #page-container button, #page-container button[type="submit"] {
        color: #fff !important;
        width: 100%;
    }

    .headerfoot {
        display: none;
    }

}
@media (max-width: 420px) {
    #largecta p {
        font-size: 22px !important;
    }
    form#ec_header_form_new input {
        font-size: 22px !important;
    }
    .header-cta button {
        font-size: 22px !important;
    }
}

.page .post-wrap h1 {
    line-height:1.3 !important;}

@media only screen and (min-width: 768px) {
    .et-fixed-header .header.left-right #et-navigation > ul > li > a {

        margin-top: -60px !important; }
}

table tr.alt {
    background: #f1f1f1;
}

#et-trending-label {
    font-size:16px !important;
}

.blognumber ul {
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.blognumber ol {
    margin-top: -20px;
}

select, option {
    font-size: 15px!important;
}

form#ec_header_form select {
    font-size: 19px!important;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
}

form#ec_header_form_new select {
    font-size: 19px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
}

.quotesidebar .serviceType {
    font-size: 12pt!important;
}



#et-navigation {
    width: 100%;
}

#et-navigation > ul {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.home-form {
    width:90%;
    margin: 0 auto;
    padding: 15px 0px;
}
.home-form #id-home .home-zip {
    width: 250px;
}
.home-form #id-home .home-submit {
    background: #ff6b6b;
    border-radius: 5px;
    color: #fff!important;
    -webkit-appearance: none;
}
.home-form #id-home .home-submit:hover {
    background:  #ff6b6b;
}
table.random_zip {
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 18px;
    background-color: #fff;
}
table.random_zip td {
    padding: 5px;
    border: 1px solid;
    text-align: center;
    border: 1px solid #CCC;
    font-weight: 300;
    background-color: #fff;
}
.recent_zip_search {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 300;
}
table.rates-by-prices {
    margin-bottom: 35px;
    text-align: left;
    margin-top: 35px;
}
table.rates-by-prices th {
    background: #d6feff !important;
    color: #000!important;
    border: none!important;
    font-size: 15px !important;
    font-weight: 900;
    padding: 0px;
    vertical-align: middle;
    padding-left: 10px;
}

table.rates-by-prices td {
    border: 1px solid #E6E6E6;
    text-align: left!important;
    padding: 5px;
    padding-bottom: 12px;
    padding-top: 12px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 14px!important;
    font-weight: normal!important;
}

table.tx td p {
    font-size: 15px!important;
    font-weight: normal;
    float: left!important;
    margin-bottom: 0px!important;
    padding: 0px!important;
}

table.tx td {
    padding: 0px!important;
    border: none!important;
    line-height: 26px!important;
    padding-left: 10px!important;
}

td.length p {
    margin-right:3px;
}

.rates-by-prices td.provider {
    width: 380px;
    position: relative;
}

.rates-by-prices.tx td.provider {
    width: auto;
    position: relative;
}

table.rates-by-prices.tx .btn-primary-ppc button[type="submit"] {
    color: #000 !important;
}

table.rates-by-prices.tx #page-container button:hover {
    color: #000 !important;
}

.rates-by-prices.tx td.kwh p.kwh-rate, .rates-by-prices td.length p.length-val {
    line-height: 1.7em;
}

.rates-by-prices.tx td.length p.length-val {
    line-height: 1.7em;
}



.rates-by-prices td.provider p {
    margin-top:0px!important;
    font-weight: normal!important;
    width: auto!important;
    color:#000!important;
    margin-right:5px;
}

.rates-by-prices td form button {
    background-color: #fff!important;
    color: #000!important;
    font-size: 15px!important;
    font-weight: normal!important;
    box-shadow: none!important;
    padding: 0px!important;
    border-radius: 0px!important;
    text-transform: none!important;
}


.rates-by-prices button[type="submit"] {
    color: #000 !important;
}

.rates-by-prices td.provider img {
    max-width: 100px;
    max-height: 70px
}
.rates-by-prices td.provider p{
    margin-top: 10px;
    font-size: 12px;
    padding-top: 10px !important;
}

.rates-by-prices td.kwh p.kwh-rate,
.rates-by-prices td.length p.length-val{
    margin-bottom: 0px;
    font-size: 35px;
    line-height: 1.2em;
    font-weight: 600;
}
.rates-by-prices form button b{
    font-weight: bold;
}
.rates-by-prices td.kwh p.kwh-text,
.rates-by-prices td.length p.length-text{
    font-size: 12px;
}
.rates-by-prices td.length p.length-text {
    padding-left: 3px;
}

.et_pb_widget a {
    font-size:14px!important;
}

.et_pb_widget .widgettitle {
    font-size: 14px !important;
}
.header-cta-container #ec_header_form_new .btn-primary-ppc,
.header-cta-container #ec_header_form_new .zip-search {
    height: 65px;
}

/* Start EC ESIID Search*/
#ec_utility_search .ec_utility_zip {
    background-color: #fff;
    border: 1px solid #939598;
}
#ec_esiid_search .ec_esiid_zip {
    background-color: #fff;
    border: 1px solid #939598;
    width: 25%;
}
#ec_esiid_search .ec_esiid_address {
    width: 50%;
    height: auto;
    margin: 0;
}
#ec_utility_search {
    margin: 30px 0px;
}
#ec_esiid_search {
    margin-bottom: 30px;
}
#ec_utility_search .ec_utility_button,
#ec_esiid_search .ec_esiid_button {
    background-color: #a4c739;
}
#ec_utility_search .ec_utility_button:hover,
#ec_esiid_search .ec_esiid_button:hover {
    background-color: #748C2A;
}
.ec_utility_results,
.ec_esiid_results {
    display: none;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
table.ec_utility_results thead th,
table.ec_esiid_results thead th {
    padding-left: 5px;
}
table.ec_utility_results thead,
table.ec_esiid_results thead {
    text-align: left;
    background: #d6feff !important;
    color: #000!important;
    border: none!important;
    font-size: 15px !important;
    font-weight: 900;
    vertical-align: middle;
}
table.ec_utility_results tbody tr,
table.ec_esiid_results tbody tr{
    border-bottom: 1px solid;
}
table.ec_utility_results tbody tr:last-child,
table.ec_esiid_results tbody tr:last-child {
    border-bottom: none;
}
table.ec_utility_results tbody tr td,
table.ec_esiid_results tbody tr td {
    padding: 0px;
    border: none;
    line-height: 42px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
}
.ec_utility_error,
.ec_esiid_error {
    color:red;
}
@media screen and (max-width: 768px) {
    #ec_esiid_search .ec_esiid_address {
        width: 100%;
        margin-bottom: 15px;
    }
    #ec_utility_search .ec_utility_zip,
    #ec_esiid_search .ec_esiid_zip {
        width: 100%;
        margin-bottom: 15px;
    }
    table.ec_esiid_results tbody tr td a {
        word-break: initial;
    }
    table.ec_utility_results tbody tr td,
    table.ec_esiid_results tbody tr td {
        line-height: inherit;
        vertical-align: top;
    }
    table.random_zip {
        font-size: 12px !important;
        width:100%;
    }

    .chart_filter{
        font-size: 12px !important;
    }
    select.graph_state,
    select.graph_city,
    select.graph_term,
    select.graph_year,
    select.graph_month {
        width: 100%;
    }
    select.graph_resi_state,
    select.graph_resi_city,
    select.graph_resi_term,
    select.graph_resi_year,
    select.graph_resi_month {
        width: 100%;
    }
    .page article {
        width: 100%;
    }

}
    .post-wrap .class-2 > div{
        width: 700px;
    }
@media screen and (max-width: 1025px) {

    /*Breadcrumbs*/
    .mod-step-progress i {
        width: 3rem !important;
        height: 3rem !important;
        background-repeat: no-repeat;
    }

    ul.mod-step-progress {
        width: 85% !important;
        margin: 30px !important;
    }
    .mod-step-progress .label {
        display: none;
        font-weight: 300 !important;
        font-size: 5pt !important;
    }
    .post-wrap {
        width: 100%; !important;
    }
    .post-wrap .class-2 > div{
        width: 100%; !important;
    }
    .start_date_dropdown {
        display: block !important;
        margin-bottom: 4px;
        /*height: 60px;*/
    }
    .mod-step-progress a::before {
        top : 1.5rem !important;
    }

}
@media screen and (min-width: 768px) and (max-width: 1025px) {
    .chart_filter {
        margin-left: 0px !important;
    }
}

/* End EC ESIID Search */
select.graph_state,
select.graph_city,
select.graph_term,
select.graph_year,
select.graph_month {
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    /*margin-right: 15px;*/
    height: 65px;
    font-size: 28px !important;
    width: 100%;
    font-weight: 400;
    /*margin-right: 25px;*/
}
.monthly-data-container-header-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border: 2px solid #ccc;
    background-color: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.monthly-data-container-header-col1, .monthly-data-container-header-col2{
    width: 50%;
}
.monthly-data-col{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 220px;
}
.monthly-data-container-col1 {    
    color: #4353ff;
    font-weight: 600;
    width: 50%;
}
.monthly-data-container-col2 {    
    font-weight: 600;
    width: 50%;
    padding-right: 5px;
}
.monthly-data-container-body-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border: 2px solid #ccc;
    border-top: 0;
}
.chart_filter {
    margin-bottom: 20px;
    margin-left: 20px;
}
.chart_filter .filter {
    display: inline-block;
    width: 22.5%;
    margin-left: 20px;
}
.chart_filter label {
    font-size: 14px;
    font-weight: bold;
    display: block;
}
#chart-progress-bar {
    position: absolute;
    top: 10%;
    left: 40%;
}
.avg-kwh-header {
    text-align: center;
    width: 30%;
}
#lowest_kwh_rate{
    padding-top: 20px; 
    padding-bottom: 20px;
    padding-right: 140px;
}
#average_kwh_rate, #highest_kwh_rate{
    padding-top: 20px; 
    padding-bottom: 20px;
    padding-left: 60px;
}
.save_and_share{
    background-color: #748C2A;
}