/*
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

*/
/** cutom style for Search**/
@font-face {
    font-family: myriad-pro;
    src: url(/wp-content/plugins/utility-api/assets/fonts/Myraid/MYRIADPROREGULAR.eot);
    src: url(/wp-content/plugins/utility-api/assets/fonts/Myraid/MYRIADPROREGULAR.ttf);
    src: url(/wp-content/plugins/utility-api/assets/fonts/Myraid/MYRIADPROREGULAR.woff);
}
#breadcrumbs {
  display: none;
}
.split-1 {
    float: left;
    width: 52%;
    padding-right: 3%;
    background-color: #FFF;
    padding-bottom: 20px;
    border-radius: 3px;
    padding-top: 5px;
    margin-top: 35px;
}
.capture-form .greatbox {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.split-2 {
   float: right;
   width: 42%
}
.wp_router_page .post-wrap {
  padding: 0px;
}
strong {
  font-weight: 700;
  font-size: 14px;
}
.single-wp_router_page article {
    box-shadow: none;
    width: 100% !important;
}
.et_pb_extra_column_main {
    min-width: 100%;
}
article {
    background: transparent;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0);
    max-width: 100%;
    border: none;
}
.container {
  width: 100%;
  max-width: 100%;
}
body.single-wp_router_page h1.entry-title,
body.single-wp_router_page #main-header,
body.single-wp_router_page .et_pb_extra_column_sidebar,
body.single-wp_router_page .header-cta,
body.single-wp_router_page .header-cta-mobile,
body.single-wp_router_page .headerfoot,
body.single-wp_router_page .header.left-right,
body.single-wp_router_page .footercta,
body.single-wp_router_page footer.footer_columns_3 {
    display: none !important
}

body.single-wp_router_page #main-content,
body {
    background: white;
    color: #333;
    padding-top: 0px !important;
}
body.single-wp_router_page .post-wrap .post-content {
   margin: 0 0 40px;
   position: relative;
}
body.single-wp_router_page input[type="submit"]:hover {
    background: #df9321;
}
body.single-wp_router_page input[type="submit"] {
    background: #f8b528;
    background-image: -webkit-linear-gradient(top, #f8b528, #df9321);
    background-image: -moz-linear-gradient(top, #f8b528, #df9321);
    background-image: -ms-linear-gradient(top, #f8b528, #df9321);
    background-image: -o-linear-gradient(top, #f8b528, #df9321);
    background-image: linear-gradient(to bottom, #f8b528, #df9321);
    font-weight: bold;
    font-family: "FranklinGothic URW",sans-serif;
    letter-spacing: 1px;
    height: 3em;
    width: 100%;
    line-height: 2.1em;
    margin-top: 25px;
    border-radius: 5px;
    font-size: 16pt;
    border-bottom: 0.25em solid #be8023;
    color: #fff !important;
}

.shop-form-subheader h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px !important;
    padding-bottom: 0px;
    color: #333;
}
.shop-form-subheader .number {
    font-size: 1.9em;
    color: #26AD5F;
    font-weight: bold;
}
.shop-form-subheader p {
    font-size: 16px;
    color: #333;
}
.shop-form-subheader {
    margin: 0px 15px 35px;
    text-align: center;
    padding-top: 10px;
}
.formtitle-ssd p {
    float: left;
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    width: 25%;
    margin-right: 2%;
    text-align: left;
    line-height: 2.2em!important;
}
.formtitle-meb p {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    margin-right: 2%;
    font-weight: bold;
    width: 25%;
    float: left;
    text-align: left;
    line-height: 2.2em!important;
}
p.formtitle-rate {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    text-align: center;
    line-height: 2.2em!important;
    margin-top: 10px;
}
input#start_date.start_date {
    margin-right: 2%;
    margin-left: 0px;
    height: 2.8em;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
}
.ce-rate-code .size-label,
.ce-zip-search2 .select-label {
    font-family: "Proxima Nova",sans-serif;
    font-size: 18px;
    color: #777;
    font-weight: normal;
    margin-right: 0px;
    margin-bottom: 10px;
}
.ce-rate-code .disclaimer {
    font-family: "Proxima Nova",sans-serif;
    font-size: 16px;
    color: #777;
    font-weight: normal;
}
.ce-rate-code #submit_button {
    width: 80% !important;
    margin-left: 0;
}
.ce-rate-code .size-select {
    width: 100% !important;
}
.ce-rate-code .size-select,
.ce-zip-search2 .size-select {
    margin-left: 0px;
    -moz-appearance: none;
    background: #fff none repeat scroll 0% 0%;
    border-radius: 5px;
    border: 1px solid #CCC;
    color: #777;
    display: block;
    max-width: 100%;
    outline: medium none;
    padding: 7px 8px;
    height: 2.5em;
    font-size: 18px !important;
    margin-bottom: 10px;
}
.startdatetext {
    font-size: 11px;
    color: #777;
    margin-bottom: 10px;
    line-height: 20px;
    text-align: left;
    float: left;
}
.serviceradio {
    font-family: "Proxima Nova",sans-serif;
    font-size: 16px;
    color: #777;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: left;
}
.formtitle-name p {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    margin-right: 2%;
    text-align: left;
    line-height: 2.2em!important;
}
input#name.name {
    margin-right: 2%;
    margin-left: 0px;
    height: 2.8em;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
}
input#company_name.company_name {
    height: 2.8em;
    margin-right: 2%;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
}
input#zip.zip {
    height: 2.8em;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
    display: block;
}
input#rate_code_text.rate_code_text {
    width: 100%;
    margin-left: 0px;
    height: 2.8em;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
    max-width: 320px;
    margin-top: 10px;
}
input#email.email {
    height: 2.8em;
    margin-right: 2%;
    background: #fff;
    border-color: #939598!important;
    border-width: 1px!important;
    border-style: solid!important;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
    width: 100%;
}
input#phone.phone {
    margin-right: 2%;
    margin-left: 0px;
    height: 2.8em;
    padding: 7px 8px;
    margin-bottom: 10px;
    font-size: 16px;
}
.formtitle-email p {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    margin-right: 2%;
    text-align: left;
    line-height: 2.2em!important;
}
.formtitle-zip p {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    margin-right: 2%;
    font-weight: bold;
    width: 30%;
    float: left;
    text-align: left;
    line-height: 2.2em!important;
}
.formtitle-phone p {
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    text-align: left;
    line-height: 2.2em!important;
}

.serviceradio div,
.mob-title {
  display: inline-block;
}
button.pick-utility-button,
.rc-button .rate-code-button {
    background-color: #22AAE9 !important;
    min-width: 420px;
    border-radius: 0px !important;
    text-transform: none;
    font-weight: 500;
}
button.pick-utility-button:hover,
.rc-button .rate-code-button:hover {
    background-color: #1E97CF !important;
}

.capture-form .form-great {
    padding: 10px;
    padding-top: 35px;
}

/** End of custom style **/
/** Media query **/

@media only screen and (max-width: 568px) {
  button.pick-utility-button,
  .rc-button .rate-code-button {
    background-color: #02a4f5 !important;
    min-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .ce-rate-code #submit_button {
    width: 100% !important;
  }
  #comm_customerinfo_form #submit_button {
    width: 100%%;
  }
}
@media only screen and (min-width: 768px) {
  .ce-rate-code #ux_body_wrapper {
    margin: 0 auto;
    width: 55%;
  }
  .bill-copy .img {
    width: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .res-complete .blogbullet .post-wrap .post-content.entry-content ul {
    margin-left: 0px!important;
  }
  #app #com-complete-form button.btn-question {
    width: auto !important;
  }
  .utility-form .greatbox,
  .rate-code .greatbox {
     padding: 0px 20px;
   }
  .capture-form .shop-form-subheader .number {
     font-size: 26px;
   }
  .bill-copy .img {
    width: inherit !important;
  }
  .mob-title p {
    display: block;
    font-size: 10pt;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #777;
    float: left;
    font-weight: bold;
    margin-right: 2%;
    text-align: left;
    line-height: 2.2em!important;
  }
  .formtitle-ssd, .formtitle-meb, .formtitle-name, .formtitle-zip, .formtitle-email, .formtitle-phone {
    display: none;
  }
  .serviceradio {
    width: 100%;
  }
  .mob-title input#start_date.start_date, .mob-title .ce-rate-code .size-select, .mob-title .ce-zip-search2 .size-select, .mob-title input#name.name, .mob-title input#company_name.company_name, .mob-title input#zip.zip, .mob-title input#email.email {
  }
  #comm_customerinfo_form .startdatetext {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
 .ce-rate-code #submit_button, #comm_customerinfo_form #submit_button {
    font-size: 13px;
    height: 3.5em;
  }
  #comm_customerinfo_form #submit_button {
    width: 100% !important;
    margin-left: 0;
  }
  .mob-title input#start_date.start_date, .mob-title .ce-rate-code .size-select, .mob-title .ce-zip-search2 .size-select, .mob-title input#name.name, .mob-title input#company_name.company_name, .mob-title input#zip.zip, .mob-title input#email.email, .mob-title input#phone.phone {
  width: 100%;
  }
  .mob-title {
    width: 100%;
    float: left;
  }
  @media only screen and (max-width: 320px) {
    .single-wp_router_page.postid-7390 input[type="submit"] {
       font-size: 12px !important;
    }
  }
}

@media (min-width: 769px) {
  .pick-utility-button,
  .rc-button .rate-code-button {
    font-size: 20px !important;
  }
}

.pick-utility-button,
.rc-button .rate-code-button {
    font-size: 18px !important;
    margin-top: 12px !important;
    white-space: normal !important;
    padding: 14px !important;
}

.mob-title p {
   text-align: left;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: bold;
   color: rgba(51, 51, 51, 0.64);
}

.split-content {
}

.mob-title {
  float: left;
}

.mob-title.uname,
.mob-title.uphone,
.mob-title.service-date {
  width: 49%;
  margin-right: 10px;
   margin-bottom: 10px;
}

.mob-title.ubname,
.mob-title.uzip {
  width: 48%;
}

.mob-title.uemail {
  width: 100%;
  margin-bottom: 10px;
}

.lefttext-smallheader {
    font-size: 12pt;
    line-height: 26px;
    text-align: left;
    margin-top: 15px;
    padding-left: 0%;
    margin-bottom: 10px;
}

.lefttext-small {
    font-size: 12pt;
    line-height: 26px;
    text-align: left;
    margin-top: 5px;
    padding-left: 6%;
}

.blogbullet .post-wrap .post-content.entry-content .lefttext-small ul {
    list-style: none;
    margin-left: 0px !important;
    margin-top: 5px !important;
    margin-right: 0px !important;
}

.lefttext-small li {
    text-align: left;
}
.exampleimagetext p {
 font-size: 12px;
 text-align: center;
}
hr {
 background: #D1D1D1;
 border-color: #D1D1D1;
 border-bottom: 0px;
 height: 1px;
 margin: 30px 0;
}

.footer-widget-1 {
  float: left;
  margin-top: 20px;
}
.capture-form .arrow {
    float: right;
    right: -25px;
    top: 30px;
    background-image: url(https://utilitychoice.com/commercial_form/arrow.png);
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    height: 150px;
    width: 150px;
}

@media screen and (max-width: 1025px) {
.split-1 {
    float: none;
    width: 100%;
    border-right: none;
    padding-right: 0%;
}
}

@media screen and (max-width: 630px) {
  .capture-form .mob-title.uname,
  .capture-form .mob-title.ubname,
  .capture-form .mob-title.uphone,
  .capture-form .mob-title.uzip,
  .capture-form .mob-title.eb-bill p {
    width: 100% !important;
  }
}

@media screen and (max-width: 1025px) {
  .split-2 {
    float: none;
    width: 100%;
  }

  .mob-title {
    float: none !important;
  }
  .mobi-title {
    float: none;
  }
  .arrow {
    display: none !important;
  }
  .shop-form-subheader {
    margin: 0px;
  }
}
.rate-code .ce-rate-code {
 text-align: center;
}
.capture-form option {
  font-size: 16px !important;
}
button.rate-code-submit {
  background: rgba(255, 0, 0, 0.78);
  text-transform: none;
}
.rate-code button:disabled,
.rate-code button:disabled:hover {
    background: rgba(255, 0, 0, 0.47);
}
.rate-code .bill-copy img {
  width: 100%;
}

#app {
  padding-top: 100px;
  font-size: 14px
}
#app h1,
#app h2,
#app h3,
#app h4 {
  font-weight: 500 !important;
  padding-bottom: 10px;
  padding-top: 20px;
}
#app h1 {
  font-size: 36px !important;
}
#app h2 {

}
#app h3 {
  font-size: 24px !important;
}
#app h4 {
  font-size: 18px !important;
}
/*.res-complete .resi_registration_wrapper {
  border-radius: 10px;
  border-top: 40px solid #e26026;
  padding: 15px;
  padding-bottom: 30px;
  background-color: #efefef;*/
  /*margin: 60px 0 15px 0;*/
/*}*/
#app .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #939598;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#app .form-group {
    margin-bottom: 15px;
}
@media (min-width: 768px) {
  #app .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
#app label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
.res-complete .blogbullet .post-wrap .post-content.entry-content ul {
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  margin-right: 0px!important;
}
.text-center {
 text-align: center;
}
#app hr {
    height: 0;
    border-top: 1px solid #a7c5d3;
    margin: 30px 0;
}
#app a:hover,
#app a:active,
#app a:focus {
    color: #e26026;
    text-decoration: none;
}
#app a,
#app a:link,
#app a:visited {
    color: #22aae9;
    text-decoration: none;
}
#app .btn-ec-primary:hover,
#app .btn-ec-primary:focus,
#app .btn-ec-primary:active,
#app .btn-ec-primary.active {
    color: #FFFFFF;
    background-color: #1E97CF;
}
#app .btn-ec-primary,
#app a.btn-ec-primary {
    color: #FFFFFF !important;
    background-color: #22AAE9;
    border: none;
}
#plan_review {
    border-radius: 10px;
    border-top: 40px solid #22aae9;
    padding: 15px;
    background-color: #efefef;
    margin: 10px 5px 10px;
}
#plan_review h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
    margin-top: 16px;
    margin-bottom: 4px;
    padding: 0px;
}
#plan_review h1 {
    font-size: 36px !important;
    font-weight: 500 !important;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0px;
}
.first_esiid .com-meter,
.first_esiid .comm_esiid_modifier {
  display: inline-block;
}
.first_esiid .com-meter {
 /*width: 50%;*/
}
input.with-info {
 width: auto !important;
}
#additional_user_info label > button.btn-question {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 1px 8px !important;
    margin-top: -7px !important;
    margin-left: 6px;
}
.row.comm_authorizations label {
  font-weight: bold;
}
.comm_complete_request .btn-ec-success:hover,
.comm_complete_request .btn-ec-success:focus,
.comm_complete_request .btn-ec-success:active,
.comm_complete_request.btn-ec-success.active {
    color: #FFFFFF;
    background-color: #CF5B25 !important;
}
.comm_complete_request .btn-ec-success,
.comm_complete_request a.btn-ec-success {
    color: #FFFFFF !important;
    background-color: #E26026 !important;
    border: none;
}

.com-complete .esiid_result,
.res-complete-form .esiid_result {
    display:flex;
    align-items:center;
    margin:10px;
    border: 1px solid green;
    cursor: pointer;
    background: white;
    border-radius: 10px;
    padding: 15px 30px;
}
.com-complete .esiid_result:hover,
.res-complete-form .esiid_result:hover {
    border: 1px solid white;
    background: green;
    color: white;
}
.com-complete .standard_validation,
.res-complete-form .standard_validation {
    padding: 0px 10px;
}
.com-new-complete .resultsnav-mobile,
.res-new-complete-form .resultsnav-mobile,
.thank-class .resultsnav-mobile {
display: none;
}

.com-complete .fooicon,
.res-new-complete-form .fooicon{
display: none;
}

.com-new-complete #navtick,
.res-new-complete-form #navtick,
.thank-class #navtick {
  position: absolute;
  top: -25px;
  right: -10px;
}

.com-new-complete #navtick img,
.res-new-complete-form #navtick img,
.thank-class #navtick img{
  max-width: 50px;
}

.com-new-complete #nav1,
.res-new-complete-form #nav1,
.thank-class #nav1 {
width: 24%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #82bc52;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
position: relative;
}

.com-new-complete #nav2,
.res-new-complete-form #nav2,
.thank-class #nav2 {
width: 32%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #82bc52;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
position: relative;
}

.com-new-complete #nav3,
.res-new-complete-form #nav3,
.thank-class #nav3 {
width: 32%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #ff6b6b;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
position: relative;
}

.thank-class #nav3 {
  background-color: #82bc52 !important;
}

.com-new-complete #nav4,
.res-new-complete-form #nav4,
.thank-class #nav4 {
width: 34%;
display: inline-block;
float: left;
background-color: #fff;
border: 1px solid #c7c8ca;
padding-left: 10px;
position: relative;
}

.thank-class #nav4 {
  background-color: #82bc52 !important;
  color: white !important;
}

.com-new-complete .resultsnav,
.res-new-complete-form .resultsnav,
.thank-class .resultsnav {
/*padding: 0px 20px;*/
float: left;
width: 100%;
}

.com-new-complete .resultsnav p,
.res-new-complete-form .resultsnav p,
.thank-class .resultsnav p {
font-weight: bold;
font-size: 13pt;
}

@media (min-width: 1024px) {
  #plan_review,
  .res-new-complete-form .resi_registration_wrapper {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 1024px) {
.com-new-complete .resultsnav,
.res-new-complete-form .resultsnav,
.thank-class .resultsnav {
display: none;
}

.com-new-complete .resultsnav-mobile,
.res-new-complete-form .resultsnav-mobile,
.thank-class .resultsnav-mobile {
display: block;
}

.com-new-complete .resultsnav-mobile,
.res-new-complete-form .resultsnav-mobile,
.thank-class .resultsnav-mobile {
/*margin-top: -80px;*/
padding-bottom: 50px;
}

.com-new-complete .resultsnav-mobile p,
.res-new-complete-form .resultsnav-mobile p,
.thank-class .resultsnav-mobile p {
font-weight: bold;
font-size: 8pt;
}

.com-new-complete #nav1m,
.res-new-complete-form #nav1m,
.thank-class #nav1m {
width: 24%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #82bc52;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
}

.com-new-complete #nav2m,
.res-new-complete-form #nav2m,
.thank-class #nav2m {
width: 24%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #82bc52;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
}

.com-new-complete #nav3m,
.res-new-complete-form #nav3m,
.thank-class #nav3m {
width: 24%;
display: inline-block;
float: left;
margin-right: 1%;
background-color: #ff6b6b;
border: 1px solid #c7c8ca;
padding-left: 10px;
color: #fff;
}

.thank-class #nav3m {
  background-color: #82bc52 !important;
}

.com-new-complete #nav4m,
.res-new-complete-form #nav4m,
.thank-class #nav4m {
width: 25%;
display: inline-block;
float: left;
background-color: #fff;
border: 1px solid #c7c8ca;
padding-left: 10px;
}

.thank-class #nav4m {
  background-color: #ff6b6b !important;
  color: white !important;
}
}
.thank-class .class-2 {
  text-align: center;
  margin-top: 50px;
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .com-complete .f1,
  .com-complete .f2,
  .com-complete .f3,
  .com-complete .f4,
  .com-complete .f5,
  .com-complete .f6,
  .com-complete .f7,
  .com-complete .f8,
  .com-complete .add-meter-class,
  .com-complete .comm_esiid_remove {
    display: inline-block;
  }
  .com-complete .f1 {
    width: 50%;
    padding-right: 15px;
  }
  .com-complete .f2 {
    width: 49%;
  }
  .com-complete .f3,
  .com-complete .f5,
  .com-complete .f7 {
    width: 50%;
    padding-right: 15px;
  }
  .com-complete .f4,
  .com-complete .f6,
  .com-complete .f8 {
    width: 49%;
  }
  .com-complete .f9 {
    width: 50%;
  }
}
#plan_review img {
  vertical-align: middle;
  max-width: 200px;
}

#app .error-class {
  border: 1px solid red !important;
}

#popup {
    position: absolute;
    z-index: 999;
    background: #f2f1f0;
    color: #3c3c3c;
    display: none;
    padding: 0 10px 0 10px;
    font-weight: normal;
    font-size: 16px;
    border-radius: 5px
}
#popup .content {
    margin: 5px 0 5px 0;
}
#popup .close {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background: #f00;
}
.form-great .font-icon {
    background: #faab20;
    color: #fff;
    font-size: 18px;
    padding: 4px 8px 2px 8px;
    margin-right: 5px;
}
#popup.top .content {
    font-size: 14px;
}
#popup.top:after {
    border: 10px solid;
    border-color: transparent transparent #efefee;
    content: "";
    left: 10%;
    margin-left: -10px;
    position: absolute;
    bottom: 0;
    margin-bottom: -20px;
    transform: rotate(180deg);
}
#popup.top:before {
    display: none;
}
#popup:before {
  border: 10px solid;
  border-color: transparent transparent #f2f1f0;
  content: "";
  left: 10%;
  margin-left: -10px;
  position: absolute;
  top: 0;
  margin-top: -20px;
}
#popup {
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
  border-radius: 5px;
}
#popup {
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);
}
#popup i {
  background: #FFC107;
  padding: 5px 8px;
  border-radius: 2px;
  color: white;
  margin-right: 5px;
}
#progress_bar p {
  font-size: 18px;
}

.res-new-complete-form .resultsnav,
.com-new-complete .resultsnav {
  margin-bottom: 40px;
}

#breadcrumbs {
  display: none;
}
.bold {
    font-weight: bold;
}
ul.mod-step-progress {
     width: 60%;
     margin: 0 auto 40px !important;
 }
.post-wrap {
    margin-top: 100px;
    padding: 0;
}

.mod-step-progress li.active {
    pointer-events: none;
}
.mod-step-progress li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    color: #4d4d4d;
}

.mod-step-progress a {
    /*width: 4.5rem;*/
    text-decoration: none;
    color: inherit;
}
.mod-step-progress .active .label {
    font-weight: bold;
}
.mod-step-progress a::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2.5rem;
    /* -webkit-transform: translateX(-100%) translateY(-50%); */
    -ms-transform: translateX(-75%) translateY(-50%);
    transform: translateX(-75%) translateY(-50%);
    width: 100%;
    height: .125rem;
    background-color: #66c8c9;
    pointer-events: none;
}

.mod-step-progress li.inactive {
    color: #b3b3b3;
    pointer-events: none;
}
ul.mod-step-progress li,
ul.mod-step-progress .label,
ul.mod-step-progress{
    font-family: 'myriad-pro', Sans-Serif;
}
.mod-step-progress li.inactive i {
    border-color: #fff;
    border-width: .2rem;
}

.mod-step-progress li:last-child {
    position: static;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.icon-plan {
    background-image: url("/wp-content/plugins/utility-api/img/178147.svg");
    /*background-position-y: -22px;*/
    /*background-position-x: 42px;*/
}

li.active .icon-plan {
    /*background-position-y: -22px;*/
    /*background-position-x: 43px;*/
}

li.inactive .icon-plan {
    /*background-position-y: -22px;*/
    /*background-position-x: -2px;*/
}

.icon-basics {
    background-image: url("/wp-content/plugins/utility-api/img/189662.svg");
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}

li.active .icon-basics {
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}

li.inactive .icon-basics {
    /*background-position-y: -22px;*/
    /*background-position-x: -2px;*/
}

.icon-review {
    background-image: url("/wp-content/plugins/utility-api/img/174315.svg");
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}

li.active .icon-review {
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}

li.inactive .icon-review {
    /*background-position-y: -22px;*/
    /*background-position-x: -2px;*/
}

.icon-done {
    background-image: url("/wp-content/plugins/utility-api/img/189677.svg");
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}
.icon-identity {
    background-image: url("/wp-content/plugins/utility-api/img/201839.svg");
}
li.active .icon-done {
    /*background-position-y: -22px;*/
    /*background-position-x: 45px;*/
}

li.inactive .icon-done {
    /*background-position-y: -22px;*/
    /*background-position-x: -2px;*/
}

.mod-step-progress li.active i::before {
    background-color: #b3b3b3;
}
.mod-step-progress a i::before {
    display: none;
}
.mod-step-progress i::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1.25025rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: .125rem;
    background-color: #1daaf1;
    pointer-events: none;
}

.mod-step-progress li.active i {
    border-color: #84ba58;
}

.mod-step-progress li.active i {
    border-color: #84ba58;
}
[class^="mod-"] div i {
    font-style: normal;
}
.mod-step-progress i {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border: .125rem solid #1daaf1;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 2.2505rem;
    position: relative;
}

.mod-step-progress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
    font-family: "adelle-sans",Helvetica,Arial,sans-serif;
}

.mod-step-progress li:first-child a::before {
    display: none;
}

.mod-step-progress .label {
    /*width: 4.5rem;*/
    text-decoration: none;
    color: inherit;
    color: #434444;
    font-weight: 500;
    font-size: 12pt;
}

.mod-step-progress li.inactive .label {
    color: #b3b3b3;
    pointer-events: none;
}

.mod-step-progress i .icon-check-dark {
    position: absolute;
    top: 0;
    right: 0;
    left: 75%;
}
.mod-step-progress i .icon-check-light {
    position: absolute;
    top: 0;
    right: 0;
    left: 75%;
    background: #fff;
    width: 16px;
    height: 16px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
}

.mod-step-progress li.inactive a::before {
    background-color: #b3b3b3;
}

.mod-step-progress li.active a::before {
    background-color: #1daaf1;
}

.icon-check-dark:before, .mod-comparison-card .details ul.checkmarks li:before {
    background-image: url(/wp-content/plugins/utility-api/img/completeicon2.png);
}
.icon-check-light:before {
    background-image: url(/wp-content/plugins/utility-api/img/nok-16.png);
}
.icon-check-light:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
}
.mod-step-progress i .icon-check-dark:before, .mod-step-progress i .mod-comparison-card .details ul.checkmarks li:before, .mod-comparison-card .details ul.checkmarks .mod-step-progress i li:before {
    content: '';
    display: block;
    width: .875rem;
    height: .875rem;
}

.mod-step-progress li:last-child a:before {
    width: 100%;
    z-index: -2;
    /*margin-left: -20px;*/
}

/*ul {*/
    /*display: block;*/
    /*list-style-type: disc;*/
    /*-webkit-margin-before: 1em;*/
    /*-webkit-margin-after: 1em;*/
    /*-webkit-margin-start: 0px;*/
    /*-webkit-margin-end: 0px;*/
    /*-webkit-padding-start: 40px;*/
/*}*/

table.city-page-table {
    width: 75%;
    margin: 0 auto;
}
.city-page-table tr {
    border: 1px solid #ccc;
}
.city-page-table th {
    background: #d6feff;
    color: #000;
    border: none;
    font-size: 15px;
    font-weight: 900;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}
.city-page-table tr td {
    margin-top: 0px;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    padding-left: 15px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    display: block;
    background-color: #26a3f9;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: relative;
    z-index: 1;
    bottom: 125%;
    left: 46px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    top: -96px;
    padding: 6px;
    font-size: 10pt;
    font-weight: normal;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #26a3f9 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.custom-label-warning {
    text-align: center;
    font-size: 11pt;
    font-weight: 400;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 15px;
    margin-top: 15px;
}