*{margin: 0; padding: 0;}
html,body {margin: 0; padding: 0; box-sizing: border-box; font-family: 'ProximaNova-Regular'; color: #000;}
ul {margin: 0; padding: 0; list-style-type: none;}
figure,figcaption {margin: 0; padding: 0;}
@font-face{font-family: 'ProximaNova-Regular'; src: url('../font/ProximaNova-Regular_0.eot'); src: local('☺'), url('../font/ProximaNova-Regular_0.woff') format('woff'), url('../font/ProximaNova-Regular_0.ttf') format('truetype'), url('../font/ProximaNova-Regular_0.svg') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'ProximaNova-Semibold'; src: url('../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot');
src: url('../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'), url('../font/ProximaNova-Semibold_latin+latin-ext_gdi.woff') format('woff'), url('../font/ProximaNova-Semibold_latin+latin-ext_gdi.ttf') format('truetype'), url('../font/ProximaNova-Semibold_latin+latin-ext_gdi.svg#ProximaNova-Semibold') format('svg'); font-weight:600; font-style:normal;
font-stretch:normal; unicode-range: U+0020-20AC;}
@font-face{font-family:'ProximaNova-Light'; src: url('../font/ProximaNova-Light_gdi.eot'); src: url('../font/ProximaNova-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../font/ProximaNova-Light_gdi.woff') format('woff'), url('../font/ProximaNova-Light_gdi.ttf') format('truetype'), url('../font/ProximaNova-Light_gdi.svg#ProximaNova-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2666;}
@font-face{font-family:'ProximaNova-Bold'; src: url('../font/ProximaNova-Bold_gdi.eot'); src: url('../font/ProximaNova-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('../font/ProximaNova-Bold_gdi.woff') format('woff'), url('../font/ProximaNova-Bold_gdi.ttf') format('truetype'), url('../font/ProximaNova-Bold_gdi.svg#ProximaNova-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2666;}
button {outline: 0;}
/*Home-Css-here*/
header ul.menu-bar li a {
    text-transform: capitalize;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    color: rgba(0,0,0,0.87);
    font-size: 18px;
}
header ul.menu-bar {
    display: flex;
    flex-wrap: wrap;
}
header ul.menu-bar li {
    padding-right: 41px;
}
header ul.menu-bar li:last-child {
    padding-right: 0;
}

header {
    padding: 11px 34px;
}
header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-inner .logo img {
    width: 200px;
}



section.search-bar .search-box input {
    width: 100%;
    padding: 13px 39px;
    border-radius: 44px;
    border: none;
    font-size: 18px;
    outline: 0;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
    background: #fff;
    box-shadow: 0px 0px 10px #e2e2e2;
    -webkit-box-shadow: 0px 0px 10px #e2e2e2;
    -moz-box-shadow: 0px 0px 10px #e2e2e2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
section.middle_part_page table tr a {
    color: green !important;
    text-decoration: none;
}
section.middle_part_page table tr th:nth-child(3) {
    min-width: 167px;
}
section.search-bar {
    min-height: calc(100vh - 273px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-box {
    max-width: 700px;
    margin: auto;
    text-align: center;
}

.search-box h1 {
    text-transform: capitalize;
    margin-bottom: 24px;
    color: #585757;
    font-size: 50px;
    font-family: 'ProximaNova-Semibold';
}
section.middle_part_page table tr th:nth-child(1) {
    min-width: 100px;
}

.comman-btn button.yes {
    background: #1877f2;
    color: #fff;
}


.search-input {
	position: relative;
}

.search-input button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #000;
    color: #fff;
    padding: 7px 23px;
    border-radius: 36px;
    text-transform: uppercase;
    font-size: 18px;
}


footer .ads-inner {
    text-align: center;
}




.hav-bill p {
    color: #3b3b3b;
    font-size: 26px;
    text-transform: capitalize;
}


.comman-btn button {
    border: none;
    min-width: 98px;
    text-transform: capitalize;
    padding: 8px;
    font-size: 17px;
    background: #008000;
    color: #fff;
}

.go-btn {
    display: inline-block;
}

.comman-btn button:hover {
	background: #000;
	color: #fff;
}

.search-input {
    margin-bottom: 51px;
}
section.search-bar .current-zip-code .zip_code input {
    border-radius: 0;
    max-width: 208px;
    box-shadow: unset;
    border: 1px solid #e6e2e2;
    padding: 10px;
}


.go-btn button {
    background: #e6e2e2;
    border: none;
    min-width: 98px;
    text-transform: capitalize;
    padding: 10px 0;
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 22px;
    color: #000;
}
.current-zip-code p {
    color: #3b3b3b;
    font-size: 26px;
    text-transform: capitalize;
    margin-top: 35px;
}




.billing-yes-inner {
    min-height: calc(100vh - 273px);
    display: flex;


    padding-top: 46px;
}
.billing-number p {
    border: 1px solid #ced4da;
    display: inline-block;
    padding: 6px 0;
    font-size: 21px;
    min-width: 311px;
    color: #484848;
}

.billing-number span {
    display: block;
    font-size: 20px;
    text-transform: capitalize;
    font-size: 23px;
}


.select_inner select {
    background: transparent;
    border: none;
    padding: 11px 38px;
    text-transform: capitalize;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.select-inner_box {
    margin-top: 29px;
}


.text-fild label {
    display: block;
    font-size: 21px;
    text-transform: capitalize;
    color: #494949;
    text-align: center;
}

.text-fild {

    margin: auto;
    margin-top: 15px;
}
.select-inner_box {
    text-align: center;
    display: block;
    margin: auto;
    padding: 33px 0px 41px;
}
.wrapper-inner {
    max-width: 790px;
    margin: auto;
}


.billing-number {
    text-align: center;
}


.text-fild textarea {
    width: 100%;
    min-height: 104px;
    margin-top: 16px;
    border: 1px solid #ced4da;
}



.select_box_comman:after {
    font-family: "Font Awesome 5 free";
    font-weight: 700;
    content: "\f078";
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    color: #959595;
}
.user-form-box .form-group {
    margin-bottom: 19px;
}
.user-form-box .form-group label {
    margin-bottom: 0;
    color: #000;
    font-size: 17px;
    min-width: 136px;
    text-transform: capitalize;
}

.user-form-box .form-group {
    margin-bottom: 19px;
    display: flex;
    align-items: center;
}
.user-form-box .form-control {
    padding: 15px 16px;
}
section.billing-yes-inner input {
    min-height: 48px;
    border-radius: 0;
}

.select_inner {
    display: flex;
    justify-content: center;
        align-items: center;
}
.sub_btnbox {
    display: block;
    margin: 27px 0 33px;
    text-align: center;
}
.sub_btnbox input {
    background: #008000;
    color: #fff !important;
    height: auto !important;
    padding: 7px 55px;
    display: inline-block;
    font-size: 18px;
}
.select_box_comman {
    position: relative;
    margin: 0px 8px;
    background: transparent;
    border: none;
    border: 1px solid #ced4da;
    padding: 0px 12px;
}

.user-form-box {
    padding: 54px 0 45px;
}

.user-form-box h6 {
    font-size: 19px;
    margin-bottom: 33px;
    text-transform: capitalize;
}

.form-control:focus {
    border-color: #000;
    box-shadow: unset;
}


.table-deatial th {
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
}
.table-deatial  thead.thead-dark {
    background: #008000;
}
.table-deatial thead.thead-dark tr th:nth-child(1) {width: 30%;}
.table-deatial thead.thead-dark tr th:nth-child(2) {width: 30%;}
.table-deatial thead.thead-dark tr th:nth-child(3) {width: 40%;}


.table-deatial table.table {
    margin: 0;
}

.table-deatial {
    border: 1px solid #dee2e6;
    margin: 28px 0 52px;
}

.table-deatial .table>:not(caption)>*>* {
    padding: 18.11px 21px;}

    .user-form-box button.btn {
    background: #1877f2;
    color: #fff;
}
.page_title {
    padding: 55px 0px;
    background: #f0f0f0;
}
.page_title h2 {
    font-weight: 600;
    font-size: 40px;
}
.middle_part_page {
    padding: 60px 0px;
}
#form-submit {
    border: none;
    min-width: 98px;
    text-transform: capitalize;
    padding: 10px;
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 22px;
    background: #1877f2;
    color: #fff;
}
.form-group {
    margin-bottom: 10px;
}
.top10bills thead tr th {
    background: #008000;
    color:#fff;
}
.top10bills thead tr th, .top10bills tbody tr td{
    padding:12px;
}
.profile_pic img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 100%;
    margin: auto;
    display: block;
}
.profile_details {
    text-align: center;
    margin: 15px 0px;
}
.profile_details h5{
    font-weight:600;
}
.profile_details p {
    margin-bottom: 5px;
}
.login_wrap {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding:45px;
    margin: 50px 0;
}
.login_register_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.login_footer {
    margin-bottom: 20px;
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.login_footer a {
    color: #687188;
}
.different_login {
    text-align: center;
    position: relative;
    margin: 20px 0;
}
.different_login span {
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}
.different_login::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid #ddd;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-login li {
    margin: 0px 5px 0;
    display: inline-block;
}
.btn-login li a {
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    display: block;
}
.btn-login li a i {
    margin-right: 10px;
    font-size: 18px;
    margin-left: 0;
}
.btn-facebook {
    background: #3b5998;
    border-color: #3b5998;
}
.btn-facebook:hover {
    color: #fff;
    background: #344e86;
    border-color: #344e86;
}
.btn-google {
    background: #d85040;
    border-color: #d85040;
}
.btn-google:hover {
    color: #fff;
    background: #d33d2b;
    border-color: #d33d2b;
}
.heading_s1 h3 {
    font-weight: 600;
    margin-bottom: 20px;
}
.login_register_wrap .form-control {
    padding: 12px;
    border-radius: 0px;
}
.action_btn {
    border: none;
    min-width: 98px;
    text-transform: capitalize;
    padding: 10px 0;
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 22px;
    width: 100%;
    background: #1877f2;
    color: #fff;
}
.action_btn:hover{
    opacity:0.9;
    color:#fff;
}


button#menuTogglResp {
    display: none;
}
section.middle_part_page table th:first-child {
    min-width: 100px;
}


/* responsive-css-here */

@media (min-width: 0px) and (max-width: 767px) {
button#menuTogglResp {
    background: transparent;
    border: none;
    background-color: #008000;
    width: 40px;
    height: 41px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}
.select_inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.select_box_comman {
    position: relative;
margin: 5px 7px;
    background: transparent;
    border: none;
    border: 1px solid #ced4da;
    padding: 0px 0;
}
header {
    padding: 11px 0px;
    position: relative;
}
header ul.menu-bar {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
div#top-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #1877f2;
    height: 100vh;
    padding: 37px;
    width: 69%;
    transform: translateX(-900px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
}
.text-fild label {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #494949;
    text-align: center;
}
.show-my-rep-menu {
    transform: translateX(0px) !important;
}
.billing-yes-inner {
    min-height: calc(100vh - 273px);
    display: flex;
    padding-top: 16px;
}
header ul.menu-bar li a {
    color: #fff;
    margin-bottom: 21px;
    display: block;
}
button#menuTogglResp svg {
    fill: #fff;
}
.middle_part_page {
    padding: 29px 0px;
}
.search-box h1 {
    font-size: 33px;
}
button:focus {
    outline: dotted 1px;
    outline: none;
}
.page_title {
    padding: 19px 0px;
    background: #f0f0f0;
}
.page_title h2 {
    font-weight: 600;
    font-size: 23px;
}
.login_wrap {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 16px;
    margin: 20px 0;
}
.user-form-box .form-group {
    margin-bottom: 19px;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}
.user-form-box {
    padding: 17px 0 45px;
}
.user-form-box .form-group label {
    margin-bottom: 0;
    color: #000;
    font-size: 17px;
    min-width: 100%;
    text-transform: capitalize;
}
.wrapper-inner p.small.text-right {
    text-align: center !important;
}
.select-inner_box {
    text-align: center;
    display: block;
    margin: auto;
    padding: 9px 0px 27px;
}
.table-deatial thead.thead-dark tr th:nth-child(1) {
    min-width: 143px !important;
}
button.btn.btn-info {
    margin-bottom: 14px;
}
button#trackRegistration {
    font-size: 13px;
    padding: 4px 16px;
}
.table-deatial thead.thead-dark tr th:nth-child(3) {
    min-width: 306px !important;
}
section.middle_part_page table tr th:nth-child(4) {
    min-width: 306px;
}

}
.billnumberyes #bill_amount {
    height: 40px !important;
}
.address-fields select {
    height: 46px;
    border-radius: 0px;
}
.billnumberyes #billing-number {
    background: #258000;
    color: #fff;
}
.signup-lg-btns .btn {
    padding: 10px 20px;
}
.spacingremove .login_wrap {
    padding: 0px;
    box-shadow: none;
    margin: 0px;
}
.modal-header {
    background: #f1f1f1;
}

.social_share_icons ul li{
    margin: 0 3px 0 3px;
    padding: 0;
}
#button1 {
    text-align: right;
    float: right;
    margin-top: -8px;
}