body {
    padding: 0px;
    margin: 0px;
    font-family: Helvetica, Arial, sans-serif;
}

.pt5 {
    width: 20% !important;
}

.h1-n {
    font-size: 1.8vw;
}

.h2-n {
    font-size: 1.5vw;
}

.p-n {
    font-size: 1.2vw;
}

.per-month {
    font-size: 1.6vw;
    display: block;
    padding-bottom: 4px;
}

.excl-VAT {
    font-size: 1.6vw;
    padding-bottom: 4px;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.DEBUG {
    border: 1px solid black;
}

/*a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}*/

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

::placeholder {
    color: #9D9C9C;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #9D9C9C;
}

::-ms-input-placeholder {
    color: #9D9C9C;
}

a.button {
    color: white;
    background-color: #1CA2e6;
    font-weight: bold;
    margin-top: 3%;
}

.col-sm-6 p.btn-area,
.col-md-6 p.btn-area {
    margin-top: 6%;
}

.col-sm-6 .button,
.col-md-6 .button {
    padding: 2% 4%;
}

.col-lg-4 .button {
    padding: 3% 7% !important;
}

@media only screen and (min-width: 836px) {
    .col-md-4 p.btn-area {
        margin-top: 10%;
    }

    .col-md-4 .button {
        padding: 4% 6%;
    }

    .col-md-3 p.btn-area {
    }

    .col-md-3 .button {
        padding: 3.5% 8.25%;
    }

    .col-sm-12 p.btn-area {
        padding-top: 2%;
    }

    .col-sm-12 .button {
        padding: 1% 2.25%;
    }

    .col-md-8 p.btn-area,
    .col-sm-8 p.btn-area {
        margin-top: 3%;
    }

    .col-md-8 .button,
    .col-sm-8 .button {
        padding: 1.25% 2.25%;
    }

    /*.col-sm-10 p.btn-area {
        margin-top: 3%;
    }*/

    .col-sm-10 .button {
        padding: 2.5% 6%;
    }

    .generator-buttons a.button {
        margin-bottom: 8%;
    }

    .download-app-area img {
        width: 50%;
    }

    .trustpilot-area {
        margin-left: -4.1%;
    }

    .top-align-content-in-flex .content-area {
        position: absolute;
        top: 5%;
    }

    .trustpilot-testimonial2 {
        padding-top: 15% !important;
        padding-bottom: 15% !important;
    }

    .w-60d {
        width: 60% !important;
    }

    .align-left-d {
        text-align: left;
    }

    .mt-4pd {
        margin-top: 4% !important;
    }

    .mb-6pd {
        margin-bottom: 6% !important;
    }

    .pb-5pd {
        padding-bottom: 5% !important;
    }

    .col-flex-d {
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        align-items: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        padding: 0px;
        margin: 0px;
    }

        .col-flex-d.container:before,
        .col-flex-d.container:after,
        .col-flex-d.row:before,
        .col-flex-d.row:after {
            content: normal;
        }

    .hide-d {
        display: none !important;
    }

    .pt-60d {
        padding-top: 60px;
    }

    .hide-desktop {
        display: none !important;
    }
}

.show-mobile {
    display: none !important;
}


.business-energy-consumption {
    margin: 0 !important;
}
/* ============================
    NavBar
*/

.navbar {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

.nav-wrapper {
    position: fixed;
    width: 100%;
    z-index: 1029;
    background-color: white;
    padding: 0px !important;
    margin: 0px;
}

    .nav-wrapper.open {
        overflow: hidden;
        overflow-y: scroll;
        height: 100%;
    }

.navbar-header {
    text-align: right;
    /*position: absolute;*/
    z-index: 1029;
    width: 100%;
}

#navbar-header .row {
    margin: 0px !important;
}

#navbar-header {
    text-align: right;
}

.navbar-header a {
    color: #1CA2E6;
    text-decoration: none;
    font-weight: bold;
    margin: 20px;
}

#navbar-header a {
    color: #1CA2E6;
    font-weight: bold;
    margin: 25px 3%;
    font-size: 1vw;
}

.help {
    color: #F5821F !important;
}

nav a {
    color: white;
    font-size: 1.1vw;
    font-weight: bold;
}

    nav a:hover {
        text-decoration: none;
    }

.submenu a:hover, #navbar-header a:hover {
    text-decoration: none;
}

.navbar-navbrand {
    float: left;
    margin-left: 20px;
    display: contents;
}

    .navbar-navbrand a {
        font-size: 1.5vw
    }

.mainmenu {
    background-color: #00a1e5;
    color: white;
    padding: 0px 10px 0px 10px;
    /*position: absolute;*/
    z-index: 1029;
    width: 100%;
}

    .mainmenu ul {
        float: right;
        margin: 0;
        list-style-type: none;
        display: inline;
        width: 94%;
    }

.col-md-2 {
    width: 16.66666667%;
}
/*
@media screen and (min-width: 1148px) {
    .mainmenu ul {
        width: 65%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1147px) {
    .mainmenu ul {
        width: 75%;
    }
}

@media screen and (min-width: 848px) and (max-width: 992px) {
    .mainmenu ul {
        width: 85%;
    }
}*/

@media screen and (max-width: 836px) {
    .submenu {
        top: 35% !important;
    }

    .subMenuArrow {
        right: 3.5%;
    }
}

@media screen and (min-width: 836px) {
    .submenu {
        top: 55px !important;
    }

    .subMenuArrow {
        right: 3.5%;
    }
}
/*
@media screen and (min-width: 1300px) and (max-width: 1515px) {
    .mainmenu ul {
        width: 94%;
    }
}

@media screen and (max-width: 1299px){
    .show-mobile {
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }
}*/

.mainmenu li {
    text-align: center;
    display: inline;
    margin: 0 3%;
    padding: 2%;
}

.footer-menu {
    list-style: none;
}

    .footer-menu a {
        color: white;
        font-weight: bold;
        font-size: 1.2vw;
    }

    .footer-menu li {
        margin: 1%;
    }

.footer-logo {
    width: 35%;
    min-width: 250px;
}

.submenu {
    -webkit-box-shadow: 0px 1px 1px #1CA2E6;
    -moz-box-shadow: 0px 1px 1px #1CA2E6;
    box-shadow: 0px 1px 1px #1CA2E6;
}

    .submenu ul {
        list-style-type: none;
        padding: 15px 0px;
        text-align: center;
    }

.menuHeader {
    text-align: center;
}

.submenu {
    display: none;
    background-color: #ffffff;
    z-index: 1500 !important;
    /*top: 28% !important;*/
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
}

    .submenu li {
        margin: 10px 0px;
        padding: 0px;
        list-style-type: none;
    }

    .submenu a {
        font-weight: normal;
        font-size: 1vw;
        color: #1CA2E6;
    }

        .submenu a strong {
            font-size: 1vw;
        }

    .submenu li:hover {
        background-color: #9FDDF9;
    }

    .submenu:hover {
        display: block;
    }

.cursor-pointer {
    cursor: pointer;
}

.menu, .mobile-menu {
    cursor: pointer;
    font-size: 2em;
}

.menuIcon {
    margin-top: 10px;
}

.hero-mobile {
    display: none;
}

/*
    CONTENT
*/

.w-8p {
    width: 8%
}

.w-10p {
    width: 10%;
}

.w-13p {
    width: 13%;
}

.w-15p {
    width: 15%;
}

.w-18p {
    width: 18%;
}

.w-20p {
    width: 20%
}

.w-100 {
    width: 100% !important;
}

.w-67p {
    width: 67% !important;
}

.m-20-0 {
    margin: 20px 0px;
}

.m-20-0-20-10p {
    margin: 20px 0px 20px 10%;
}

.m-40-0 {
    margin: 40px 0px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.p-10-0 {
    padding: 10px 0px
}

.p2-5p {
    padding: 2.5%;
}

.flex-container {
    display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    flex-wrap: wrap;
}

    .flex-container.container:before,
    .flex-container.container:after,
    .flex-container.row:before,
    .flex-container.row:after {
        content: normal;
    }

.flex-wrap-wrap {
    flex-wrap: wrap;
}

.justify-content-center {
    justify-content: center;
}

.col-flex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding: 0px;
    margin: 0px;
}

    .col-flex.container:before,
    .col-flex.container:after,
    .col-flex.row:before,
    .col-flex.row:after {
        content: normal;
    }

.mobile-no-col-flex {
    display: block;
}

/*.header-area {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}*/

.header-content-area-logo {
    width: 6%;
}

.header-content-area-logo-mobile {
    width: 10%;
}

.header-content-area {
    margin: 4.5% 6%;
}

    .header-content-area h1 {
        font-size: 3.2vw;
    }

    .header-content-area h2 {
        font-size: 2.1vw;
    }

    .header-content-area h3 {
        font-size: 1.6vw;
    }

    .header-content-area h4 {
        font-size: 1.4vw;
    }

    .header-content-area h6 {
        font-size: 1.4vw !important;
        margin-top: 3% !important;
        margin-bottom: 3% !important;
    }

    .header-content-area p {
        font-size: 1.2vw;
    }

    .header-content-area ul {
        font-size: 1.2vw;
    }

    .header-content-area li {
        font-size: 1.2vw;
    }

    .header-content-area .button-area {
        margin-top: 3% !important;
        width: max-content;
    }

.small-generators h3 {
    font-size: 1.2vw;
    line-height: 1.5;
}

    .small-generators h3.sub-heading {
        font-size: 1.6vw;
        margin-bottom: 0px !important;
    }

.button-area {
    font-size: 1.3vw !important;
    margin-top: 5% !important;
}

    .button-area.no-margin {
        margin-top: 0px !important;
    }

.content-area-override {
    margin-bottom: 0 !important;
}

.content-area {
    margin: 2% 10%;
}

.content-area-col-4 {
    margin: 6% 13%;
}

.content-area-normal {
    margin: 5% 10%;
}

.content-area-heading {
    font-size: 1.4vw !important;
    margin-bottom: 1%;
}

.content-area-subheading-lg {
    font-size: 1.6vw !important;
}

.content-area-heading-large {
    font-size: 1.8vw !important;
}

.content-area p {
    /* margin: 2.5%; */
    font-size: 1.2vw;
}

.content-area h2 {
    font-size: 1.8vw;
}

.content-area h4 {
    font-size: 1.6vw;
}

.content-area h6 {
    font-size: 1.2vw;
}

.content-area-col-4 p {
    font-size: 1.2vw;
}

.col-sm-5 .content-area {
    margin: 8% 14%
}

.white {
    color: white !important;
}

.header-white {
    color: white !important;
}

.blue {
    color: #005FAE !important;
}

.header-magenta {
    color: #ad2373 !important;
}

.dark-grey {
    color: #404040 !important;
}

.fs1-4 {
    font-size: 1vw;
}

.fs-1-5vw {
    font-size: 1.5vw !important;
}

.fs-1-4vw {
    font-size: 1.4vw;
}

.fs-2vw {
    font-size: 2vw !important;
}

.fs-3vw {
    font-size: 3vw !important;
}

.fs-1-2 {
    font-size: 1.2vw !important;
}

.normal,
.medium {
    font-size: 1.2vw;
}

.underline {
    text-decoration: underline;
}

.minor-heading {
    font-size: 1.2vw;
}

.large {
    font-size: 2vw;
}

.x-large {
    font-size: 3vw;
}

.xx-large {
    font-size: 4vw;
}

.text-right {
    text-align: right;
}

.ro-white:hover {
    color: white;
}

.p-0 {
    padding: 0px !important;
}

.p-5p {
    padding: 5% !important;
}

.p-l-0 {
    padding-left: 0px;
}

.pl-2p {
    padding-left: 2%;
}

.p-8p {
    padding: 8%;
}

.p-15p {
    padding: 15% !important;
}

.p-20 {
    padding: 20px !important;
}

.p-t-60 {
    padding-top: 60px;
}

.p-4p-0 {
    padding: 4% 0;
}

.p-t-40 {
    padding-top: 40px !important;
}

.pb-2-5p {
    padding-bottom: 2.5% !important;
}

.p-2p-13p {
    padding: 2% 13% !important;
}

.pt-5p {
    padding-top: 5%;
}

.pt-3p {
    padding-top: 3%;
}

.pb-3p {
    padding-bottom: 3%;
}

.pb-3-5p {
    padding-bottom: 3.5%;
}

.pb-5p {
    padding-bottom: 5%;
}

.pt-1p {
    padding-top: 1% !important;
}

.pb-1p {
    padding-bottom: 1% !important;
}

.p-1p-5p {
    padding: 1% 5% !important;
}

.p-2p-8p {
    padding: 2% 8% !important;
}

.p-1-5p-5p {
    padding: 1.5% 5%;
}

.pl-5p {
    padding-left: 5%;
}

.p-1-75p {
    padding: 1.75% 0px !important
}

.p-5p-0 {
    padding: 5% 0px;
}

.pt-0 {
    padding-top: 0px;
}

.p-3p {
    padding: 3% !important;
}

.p4p-0 {
    padding: 4% 0;
}

.p-3p-0 {
    padding: 3% 0;
}

.m-0 {
    margin: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-0-5p {
    margin-top: 0.5%;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-1p {
    margin-top: 1%;
}

.mt-3p {
    margin-top: 3%;
}

.mb-3p {
    margin-bottom: 3%;
}

.mt-4p {
    margin-top: 4%;
}

.mb-4p {
    margin-bottom: 4%;
}

.mb-6p {
    margin-bottom: 6%;
}

.mt-20 {
    margin-top: 20px;
}

.m-0-5 {
    margin: 0px 5px;
}

.m-0-20 {
    margin: 0px 20px;
}

.m-20-0 {
    margin: 20px 0px;
}

.m-20-0-20-10p {
    margin: 20px 0px 20px 10% !important;
}

.m-10p-0 {
    margin: 10% 0px;
}

.m-40-0 {
    margin: 40px 0px;
}

.m-5p-0 {
    margin: 5% 0;
}

.m-8p-0 {
    margin: 8% 0;
}

.m-3p-0 {
    margin: 3% 0;
}

.m-l-0 {
    margin-left: 0px;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-3p {
    margin-bottom: 3%;
}

.mt-1-5p {
    margin-top: 1.5%;
}

.m-b-2-5p {
    margin-bottom: 2.5%;
}

.mt-3-5p {
    margin-top: 3.5%;
}

.mb-2p,
.m-b-2p {
    margin-bottom: 2%;
}

.mb-5p {
    margin-bottom: 5%;
}

.mt-2p {
    margin-top: 2%;
}

.mt-3p {
    margin-top: 3%;
}

.mt-15p {
    margin-top: 15%;
}

.mb-15p {
    margin-bottom: 15%;
}

.m-4p-0 {
    margin: 4% 0px !important;
}

.m-3-5p-0 {
    margin: 3.5% 0px !important;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.w-50p {
    width: 50%;
}

.w-60p {
    width: 60%;
}

.w-70p {
    width: 70%;
}

.w-80p {
    width: 80%;
}

.w-90p {
    width: 90%;
}

.w-100p {
    width: 100%;
}

.c-1CA2E6 {
    color: #1CA2E6 !important;
}

.c-005FAE {
    color: #005FAE !important;
}

.c-005EAE {
    color: #005EAE;
}

.c-C90101 {
    color: #C90101;
}

.c-004E9C {
    color: #004E9C;
}

.c-EC1946 {
    color: #EC1946;
}

.c-FDB813 {
    color: #FDB813;
}

.c-F5821F {
    color: #F5821F;
}

.c-71BF62 {
    color: #71BF62;
}

.c-00A2E5 {
    color: #00A2E5;
}

.c-005FAE {
    color: #005FAE;
}

.c-826DB0 {
    color: #826DB0 !important;
}

.c-49A247 {
    color: #49A247 !important;
}

.c-275768 {
    color: #275768 !important;
}

.c-3F4041 {
    color: #3F4041 !important;
}

.c-BE1D41 {
    color: #BE1D41 !important;
}

.c-70BE61 {
    color: #70BE61 !important;
}

.c-C5559F {
    color: #C5559F;
}

.c-79C1EB {
    color: #79C1EB;
}

.c-6E569F {
    color: #6E569F;
}

.c-F5821F {
    color: #F5821F !important;
}

.c-90101 {
    color: #C90101
}

.c-F28221 {
    color: #F28221;
}

.c-B2D234 {
    color: #B2D234;
}

.c-B2D234 {
    color: #B2D234;
}

.c-00B0F0 {
    color: #00B0F0;
}

.c-70BF63 {
    color: #70BF63;
}

.c-48A248 {
    color: #48A248;
}

.c-B3B636 {
    color: #B3B636 !important;
}

.c-816FB2 {
    color: #816FB2;
}

.c-D61B8A {
    color: #816FB2;
}

.c-C457A0 {
    color: #C457A0;
}

.c-71BF62 {
    color: #71BF62;
}

.c-265769 {
    color: #265769;
}

.c-4BA047 {
    color: #2a574e;
}

.c-AD2373 {
    color: #AD2373;
}

.c-black {
    color: black;
}

.c-blacki {
    color: black !important;
}

.bc-B0DED3 {
    background-color: #B0DED3;
}

.bc-71BF62 {
    background-color: #71BF62 !important;
}

.bc-F5F5F5 {
    background-color: #F5F5F5 !important;
}

.bc-F8E80C {
    background-color: #F8E80C;
}

.bc-white {
    background-color: white !important;
}

.bc-BE1D41 {
    background-color: #BE1D41 !important;
}

.bc-70BE61 {
    background-color: #70BE61 !important;
}

.bc-FEEDC3 {
    background-color: #feedc3;
}

.bc-C5559F {
    background-color: #C5559F;
}

.bc-F06689 {
    background-color: #F06689
}

.bc-79C1EB {
    background-color: #79C1EB;
}

.bc-EBD4E6 {
    background-color: #EBD4E6;
}

.bc-826EB1 {
    background-color: #826EB1 !important;
}

.bc-6E569F {
    background-color: #6E569F;
}

.bc-F8E80C {
    background-color: #F8E80C;
}

.bc-B5DB9F {
    background-color: #B5DB9F !important;
}

.bc-FAF1A6 {
    background-color: #FAF1A6;
}

.bc-C8E4C4 {
    background-color: #C8E4C4 !important;
}

.bc-49A247 {
    background-color: #49A247 !important;
}

.bc-B3B636 {
    background-color: #B3B636 !important;
}

.bc-9EDDFB {
    background-color: #9EDDFB;
}

.bc-005FAE {
    background-color: #005FAE !important;
}

.bc-826DB0 {
    background-color: #826DB0 !important;
}

.bc-FDB813 {
    background-color: #FDB813 !important;
}

.bc-9FDDF9 {
    background-color: #9FDDF9;
}

.bc-C0E5DE {
    background-color: #C0E5DE;
}

.bc-7AC1EB {
    background-color: #7AC1EB !important;
}

.bc-FDD541 {
    background-color: #FDD541;
}

.bc-FDD541i {
    background-color: #FDD541 !important;
}

.bc-3F4041 {
    background-color: #3F4041;
}

.bc-B1DED2 {
    background-color: #B1DED2;
}

.bc-5A8870 {
    background-color: #5A8870 !important;
}

.bc-F1F1F1 {
    background-color: #F1F1F1;
}

.bc-C8E4C4 {
    background-color: #C8E4C4;
}

.bc-1CA2E6 {
    background-color: #1CA2E6 !important;
}

.bc-816FB2 {
    background-color: #816FB2 !important;
}

.bc-D61B8A {
    background-color: #D61B8A !important;
}

.bc-D61B8A {
    background-color: #D61B8A !important;
}

.bc-74CDDE {
    background-color: #74CDDE !important;
}

.bc-79C2EC {
    background-color: #79C2EC;
}

.bc-ABD377 {
    background-color: #ABD377;
}

.bc-B7DA9F {
    background-color: #B7DA9F !important;
}

.bc-B7DBA0 {
    background-color: #B7DBA0;
}

.bc-B4B635 {
    background-color: #B4B635 !important;
}

.bc-72BE63 {
    background-color: #72BE63;
}

.bc-B4B736 {
    background-color: #B4B736;
}

.bc-FFF46D {
    background-color: #FFF46D;
}

.bc-FFF46Di {
    background-color: #FFF46D !important;
}

.bc-49A248 {
    background-color: #49A248;
}

.bc-FFF9B6 {
    background-color: #FFF9B6;
}

.bc-9EDDF9 {
    background-color: #9EDDF9 !important;
}

.bc-B0DED1 {
    background-color: #B0DED1 !important;
}

.bc-B2D234 {
    background-color: #B2D234 !important;
}

.bc-70BF63 {
    background-color: #70BF63 !important;
}

.bc-1BA2E6 {
    background-color: #1BA2E6 !important;
}

.bc-48A248 {
    background-color: #48A248 !important;
}

.bc-005EAE {
    background-color: #005EAE !important;
}

.bc-F5821F {
    background-color: #F5821F !important;
}

.bc-275768 {
    background-color: #275768 !important;
}

.bc-B1D234 {
    background-color: #B1D234 !important;
}

.bc-DFB8D5 {
    background-color: #DFB8D5 !important;
}

.bc-AC2273 {
    background-color: #AC2273 !important;
}

.bc-C4EBFC {
    background-color: #C4EBFC !important;
}

.bc-D70B8C {
    background-color: #D70B8C !important;
}

.bc-C90101 {
    background-color: #C90101 !important;
}

.bc-78C1EA {
    background-color: #78C1EA !important;
}

.bc-EC1946 {
    background-color: #EC1946 !important;
}

.bc-9EDEF9 {
    background-color: #9EDEF9;
}

.bc-F8F0A7 {
    background-color: #F8F0A7;
}

.bc-AFDED3 {
    background-color: #AFDED3;
}

.bc-78C1EB {
    background-color: #78C1EB;
}

.bc-000000 {
    background-color: #000000;
}

.bc-C457A0 {
    background-color: #C457A0 !important;
}

.bc-E0B8D6 {
    background-color: #E0B8D6;
}

.bc-265767 {
    background-color: #265767 !important;
}

.bc-E1B8D5 {
    background-color: #E1B8D5;
}

.bc-806EB1 {
    background-color: #806EB1 !important;
}

.bc-C4569F {
    background-color: #C4569F;
}

.bc-00A2E5 {
    background-color: #00A2E5;
}

.bc-C4569F {
    background-color: #C4569F;
}

.bc-AFD335 {
    background-color: #AFD335;
}

.bc-TIDE {
    background-color: #C0E5DE;
}

.bc-00A88F {
    background-color: #00A88F;
}

.bc-00A88Fi {
    background-color: #00A88F !important;
}

.bc-E1F1E1 {
    background-color: #E1F1E1 !important;
}

.bc-white {
    background-color: white;
}

.border-top-1-solid-ECECEC {
    border-top: 1px solid #ECECEC;
}

.border-top-1-solid-ECECEC {
    border-top: 1px solid #ECECEC;
}

.overflow-hidden {
    overflow: hidden;
}

.display-block {
    display: block;
}

.mh-380 {
    min-height: 380px;
}

.btn-customer-promise {
    background-color: #B2D234 !important;
    border-color: #B2D234 !important;
    color: white !important;
}

.btn-about-our-energy {
    background-color: #275768 !important;
    border-color: #275768 !important;
    color: white;
}

img {
    width: 100%;
    height: auto;
}

.social-media-icon {
    width: 44px;
    height: 44px;
    float: left;
}

.m-t-0 {
    margin-top: 0px !important;
}

input, button, a.button {
    border: none;
}

.business-quote-input {
    text-align: center;
    width: 95%;
    padding: 8px !important;
    color: black;
}

#select-address {
    text-align-last: center;
}

.business-bank-input {
    color: black !important;
}

.quote-input, .quote-input-mid, .quote-input-higher {
    text-align: center;
    width: 60%;
    padding: 8px !important;
    color: black;
}

.eko-quote-input-higher, .about-quote-input-mid, .default-quote-input-mid, .business-quote-input {
    margin-right: -0.25em;
}

.eko-quote-input {
    text-align: center;
    width: 60%;
    /*margin-right: -2% !important;*/
    padding: 8px !important;
    color: black;
}

.business-quote-consumption-input {
    text-align: center;
    width: 100%;
    padding: 8px !important;
    color: black;
}

.quote-button, .about-ge-quote-button-lower, .ge-quote-button-higher, .business-quote-button {
    white-space: nowrap !important;
    /*padding: 0.5em 1em;*/
    padding: 8px 1em;
    margin-top: 0px !important;
    margin-left: -6px;
    color: white;
    background-color: #1CA2e6;
}

.hyperlink-button {
    font-size: 20px;
    margin-top: 2% !important;
    margin-bottom: 5%;
    padding: 10px 20px !important;
    width: fit-content !important;
    margin-left: auto;
    margin-right: auto;
}

.green {
    background-color: #71BF62 !important;
}

.dark-blue {
    color: #005FAE;
}

.btn-orange {
    background-color: #F5821F !important;
    border-color: #F5821F !important;
    color: white;
}
/*.job-title {
    font-size: 
}*/
.header-image-text {
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
}

.tc-section h3,
.faq-section h3 {
    font-size: 1.3vw;
}

.info-table {
    border-top: 1px solid black !important;
    margin-top: 2%;
}

    .info-table th:nth-last-of-type(-n+1),
    .info-table td:nth-last-of-type(-n+2) {
        color: #7F7F7F !important;
    }

.tc-section h3,
.faq-wrapper h3 {
    margin-bottom: 1%;
}

.tc-section p,
.faq-wrapper p,
.faq-wrapper .normal {
    font-size: 1.2vw;
}

.faq-wrapper .fa-minus {
    display: none;
}

.faq-wrapper .fa-minus,
.faq-wrapper .fa-plus {
    cursor: pointer;
}

    .faq-wrapper .fa-minus:hover,
    .faq-wrapper .fa-plus:hover {
        opacity: 0.7;
    }

.faq-content {
    padding-bottom: 1%;
    display: none;
}

.img-desc-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #3F4041;
    color: white;
    text-align: center;
    padding: 1.5%;
    font-size: 1vw;
}

.bereavement-form input {
    font-size: 1.2vw;
    padding: 4.5%
}

.bereavement-form .form-group {
    margin: 5% 0;
}

.col-flex-btn-area {
    display: block;
    width: 100%;
    text-align: center;
}

.col-flex-area {
    display: block;
    width: 100%;
}

.meter-readings-form {
}

    .meter-readings-form input:not([type='checkbox']) {
        width: 80%;
        padding: 4% 2%;
        margin-bottom: 7%;
    }

    .meter-readings-form input[type='checkbox'] {
        border-color: white;
    }

.checkbox-container label {
    font-weight: normal;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}

.checkmark-grey {
    border: 2px solid #A4A5A7;
}


.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}


.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}


.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}


.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-table {
    margin: 0 auto;
    width: auto;
    width: 30%;
}

.psr-form {
    margin-top: 1.5%;
}

    .psr-form input {
        width: 90%;
        padding: 3%;
    }

    .psr-form textarea {
        border: none;
        padding: 3%;
        margin-bottom: 0.4%;
    }

    .psr-form button {
        padding: 1% 3%;
    }

.help-buttons .col-sm-3 {
    justify-content: center;
    padding-bottom: 1%;
}

.help-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    text-align: center;
}

    .help-btn-wrapper button {
        width: 60%;
        color: white;
        font-size: 1.2vw;
    }

.faq-buttons .col-md-4 {
    justify-content: center;
    padding-bottom: 3%;
}

.faq-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    text-align: center;
}

    .faq-btn-wrapper button {
        width: 60%;
        color: white;
        font-size: 1.2vw;
        padding: 1.75% 0;
    }

.faq-section-2 {
    margin-bottom: 1.5%;
}

    .faq-section-2 .faq-content {
        margin: 2% 0px;
    }

.tc-links .col-md-3 {
    padding: 5% 2% 5% 2%;
}

.conversation-wrapper h2 {
    font-size: 1.6vw !important;
}

.conversation-wrapper h4 {
    font-size: 1.4vw;
    margin: 0px;
}

.footer-green-energy h2 {
    font-size: 1.6vw;
    margin: 0px;
}

.our-green-energy {
    margin-top: 4% !important;
    font-size: 1.4vw !important;
}

.power-cut,
.multicoloured-thinking {
    margin-top: 0.5%;
}

.multicoloured-thinking {
    font-size: 1.4vw !important;
}

.smell-gas {
    margin-top: 2%;
}

.tips-heading {
    font-size: 2.5vw !important;
    margin-top: 15%;
    margin-bottom: 15%;
}

.bereavement-form-section h3 {
    font-size: 1.5vw !important;
}

.getting-started-section .col-sm-12 {
    background-repeat: no-repeat;
    background-size: cover;
}

.green-gas-points-container {
    position: absolute;
    padding: 15%;
}

.green-gas-strap-line {
    font-size: 1.8vw !important;
}

.help-section h1 {
    margin-bottom: 2%;
    margin-top: 0px;
}

.faq-header-section h4,
.help-section h4 {
    margin-bottom: 2%;
    font-size: 1.2vw;
}

.help-button-text-wrapper {
    justify-content: center;
    text-align: center;
    font-size: 1.2vw;
    width: 80%;
}

.help-button-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1vw;
    text-align: center;
    justify-content: center;
}

    .help-button-wrapper .button {
        margin: 0 auto;
        display: block;
        width: 60%;
        padding: 2.5% 0px;
    }

.help-button-text .col-sm-3 {
    padding-left: 3%;
    padding-right: 3%;
}

.login-section {
    padding-top: 2% !important;
    text-align: center;
}

    .login-section h1 {
        margin: 3% 0px;
        font-weight: bold;
    }

.login-form input {
    width: 80%;
    padding: 1.5%;
}


    .login-form input[type="submit"] {
        width: 50%;
        margin: 4% 0px;
    }

.display-none {
    display: none !important;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-normal {
    font-weight: normal !important;
}

.signup-journey-progress {
    margin: 1.75% 0px 1% 0;
}

    .signup-journey-progress img {
        width: 46px;
        z-index: 1000;
    }

    .signup-journey-progress h1 {
        font-size: 1vw;
        color: #F5821F;
        margin-top: 12px;
    }

        .signup-journey-progress h1.complete {
            color: #806EB1;
        }

    .signup-journey-progress .bar {
        position: absolute;
        top: 48%;
        height: 7%;
        width: 25%;
        z-index: 0;
        background-color: #F5821F;
        border-color: #F5821F;
    }

    .signup-journey-progress div.complete {
        background-color: #806EB1;
        border-color: #806EB1;
    }

.bar-stage-2 {
    left: 27%;
}

.bar-stage-3 {
    left: 48%;
}


.bar-stage-3-5 {
    left: 35%;
    width: 15% !important;
}

.bar-stage-4 {
    left: 60%;
}

.energy-buttons-wrapper {
    display: block;
    margin-top: 8%;
}

    .energy-buttons-wrapper button {
        width: 92%;
        font-size: 1.3vw;
        padding: 4% 0px;
        color: white;
    }

.signup-section h1 {
    font-size: 1.6vw;
    width: 100%;
}

.signup-section h2 {
    font-size: 1.3vw !important;
}

.signup-stage-section {
    padding: 0px;
}

    .signup-stage-section button {
        font-size: 1vw;
        color: white;
        padding: 2%;
    }

.input-postcode {
    border: 1px solid #707070;
    color: #9d9c9c;
    font-size: 1vw;
    text-align: center;
    padding: 2%;
    margin: 0px;
}

.signup-question-section .content-area {
    width: 65%;
    margin: 0px;
}

.tailored-quote-btn {
    /*font-size: 1.2vw !important;*/
    padding: 2% 5% !important;
}

.tailored-quote-under-header-btn {
    padding: 0.5em 1em;
}

.tariff-info {
    margin-top: 12px;
}

.tariff-heading {
    padding: 10% !important;
}

    .tariff-heading h2 {
        margin-top: 7%;
    }

.tariff-info img {
    width: 70%;
}

.tariff-rates {
    padding-bottom: 2%;
}

    .tariff-rates table {
        margin: 0% auto;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        width: 85% !important;
        text-align: left;
        font-size: 1.3vw;
        border: 2px solid white;
    }

        .tariff-rates table i {
            font-size: 1vw;
        }

    .tariff-rates td {
        vertical-align: middle;
        padding: 2% 1.5%;
        border-bottom: 1px solid #FFFFFF;
    }

    .tariff-rates tbody td {
        vertical-align: middle;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }

        .tariff-rates-renew tbody td:last-child,
        .tariff-rates tbody td:last-child {
            border-right: none;
        }

    .tariff-rates td:not(:first-child) {
        text-align: center;
    }

    .tariff-rates h3 {
        margin-top: 10px;
    }


.tariff-rates-sparkling tbody td {
    background-color: #FAF1A6;
}

.tariff-rates-ekoenergy tbody td {
    background-color: #9FDDF9;
}

.tariff-rates-tide tbody td {
    background-color: #C0E5DE;
}

.border-right-none {
    border-right: none;
}

.understand-our-prices {
    margin-top: 3%;
}

/*.tariff-desc {
    margin-top: 2.3%;
}*/

.tariff-info-section h3 {
    font-size: 1.3vw !important;
}

.tariff-desc-2 {
    /*margin-top: 5.5%;*/
}

.tariff-desc ul {
    list-style-type: none;
    padding: 0px;
    font-size: 1.2vw;
    margin-top: 1%;
    margin-bottom: 5%;
}

.tariff-desc li {
    padding: 1% 0px;
}

.tariff-desc .sign-up-btn {
    /*font-size: 1.2vw;*/
    padding: 1.75% 6% !important;
}

.tariff-desc .select-btn {
    font-size: 1.2vw;
    padding: 1.75% 6% !important;
}

.tariff-desc .tailored-quote-btn {
    /*font-size: 1.8vw;*/
    margin-top: 8% !important;
}

.tariff-info-section {
    padding-bottom: 0%;
}

    .tariff-info-section h1 {
        font-size: 1.6vw;
    }

.trustpilot-testimonial {
    margin-top: 0%;
    background-color: #B3D236;
    padding: 4% 0px;
    color: white;
}

    .trustpilot-testimonial h1 {
        font-size: 2vw;
    }


    .trustpilot-testimonial h2 {
        font-size: 2vw !important;
        color: #1CA2E6;
        margin-top: 5%;
    }

    .trustpilot-testimonial img {
        width: 30%;
        margin-bottom: 3%;
    }

.trustpilot-widget-footer {
    margin-top: 60px;
    position: absolute !important;
    left: 0;
}

.df-l {
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.view-tariff-btn {
    padding: 4% 25%;
    font-size: 1.2vw;
    margin-top: 9% !important;
}

.consumption-input {
}

.consumption-averages h1 {
    font-size: 1.6vw !important;
}

.consumption-averages h2 {
    font-size: 1.3vw !important;
}

.consumption-averages h3, .consumption-averages .h3-size {
    margin-top: 1.75%;
    font-size: 1.3vw !important;
}

.consumption-averages img {
    width: 65%;
    height: auto;
}

.consumption-averages .col-md-4 {
    /* padding-bottom: 12%; */
}

.consumption-area {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
}

    .consumption-area button {
        width: 50%;
        /* font-size: 1.1vw; */
        font-size: 1.3vw;
    }

.consumption-form {
    margin-top: 2%;
    margin-bottom: 4%;
}

    .consumption-form label {
        font-size: 1.3vw;
    }

    .consumption-form h1 {
        font-size: 1.6vw !important;
    }

    .consumption-form h2 {
        margin: 2% 0px;
        font-size: 1.3vw !important;
    }

    .consumption-form input[type="text"] {
        width: 90%;
        padding: 3% 0px;
        text-align: center;
        font-size: 1.1vw;
        margin-top: 3%;
    }

    .consumption-form button {
        width: 30%;
        font-size: 1.1vw;
        padding: 1.5% 0px;
    }

.consumption-form-wrapper {
    width: 100%;
    display: block;
    padding: 2% 10%;
}

    .consumption-form-wrapper .checkbox-table {
        width: auto;
        vertical-align: middle;
    }

    .consumption-form-wrapper .checkbox-container {
        margin-bottom: 80% !important;
    }

.consumption-form .checkbox-table {
    margin-top: 5%;
}

/*.selected-tariff {
    padding: 3% 0;
}*/

.almost-there {
    padding: 1% 0px 3.5% 0px;
}

    .almost-there h1 {
        font-size: 2vw !important;
        margin-bottom: 0px;
    }

    .almost-there h3 {
        font-size: 1.3vw !important;
        margin: 2% 0px 5% 0px !important;
    }

.billing-address-title {
    font-size: 1.3vw !important;
    margin: 0px !important;
}

.almost-there .row {
    margin: 1.5% 0px;
}

.almost-there table {
    margin-top: 3%;
    margin-bottom: 3%;
}

.almost-there label {
    font-size: 1vw;
}

.almost-there input {
    width: 80%;
    font-size: 1.2vw;
    padding: 2%;
    color: #A4A5A7;
    border: 1px solid white;
}

.almost-there select {
    width: 80%;
    font-size: 1.2vw;
    padding: 2%;
    color: #A4A5A7;
    border: 1px solid white;
}


.trustpilot-testimonial2 {
    padding-left: 10% !important;
    padding-right: 10% !important;
    color: white;
}

.bank-details h1 {
    font-size: 1.6vw !important;
}

.bank-details h2 {
    font-size: 1.3vw !important;
}

.bank-details h3 {
    font-size: 1.3vw !important;
}

.bank-details input {
    width: 60%;
    font-size: 1.2vw;
    padding: 1.25% 2%;
    color: #A4A5A7;
    border: 2px solid #A4A5A7;
    margin-bottom: 2.75%;
}

.billing-address-postcode {
    width: 70% !important;
}

.bank-details table {
    width: auto;
    margin-top: 4%;
}

.bank-details .checkbox-container {
    margin-bottom: 70% !important;
}

.bank-details label {
    font-size: 1vw;
}

.trustpilot-testimonial2 h1 {
    font-size: 2.5vw !important;
}


.trustpilot-testimonial2 h2 {
    font-size: 2.45vw !important;
    color: #1CA2E6;
    margin-top: 5%;
}

.trustpilot-testimonial2 img {
    width: 37%;
    margin-bottom: 3%;
}

.signup-complete h1 {
    color: #00A2E4;
    font-size: 1.6vw !important;
}


.signup-complete h3 {
    font-size: 1.3vw !important;
}

.signup-complete label {
    font-size: 1vw;
}

.signup-complete .checkbox-container {
    margin-bottom: 80% !important;
}

.signup-complete .checkbox-table {
    width: auto;
    margin-top: 4%;
    text-align: left;
}

.signup-complete button {
    width: 25%;
    font-size: 1vw;
    padding: 1.25% 0px;
    margin-top: 6% !important;
}

.signup-share-text {
    padding: 5% !important;
    text-align: center;
    font-size: 1.5vw;
}

    .signup-share-text p:last-child {
        margin-top: 5%;
        color: #ED8225;
        margin-bottom: 0px !important;
    }

.share-box-wrapper {
    padding: 4% 2%;
}

    .share-box-wrapper .share-box {
        padding: 5%;
        font-size: 1.3vw;
    }

        .share-box-wrapper .share-box p {
            margin-bottom: 4%;
        }

        .share-box-wrapper .share-box .col-sm-4 {
            padding-right: 5%;
        }

        .share-box-wrapper .share-box p {
            padding-right: 4%;
        }

    .share-box-wrapper .share-tab {
        width: 22%;
        background-color: white;
        height: 5%;
        display: inline-block;
        border: 2px solid #A6A6A6;
        margin-bottom: -7px;
        z-index: 1;
        margin-left: 1.25%;
        cursor: pointer;
    }

        .share-box-wrapper .share-tab:hover {
            background-color: #F1F1F1;
        }

        .share-box-wrapper .share-tab:first-child {
            margin-left: 4%;
        }

    .share-box-wrapper .share-box {
        background-color: white;
        width: 100%;
        border: 2px solid #A6A6A6;
        z-index: 1001;
        margin: 0px;
    }


    .share-box-wrapper .active {
        z-index: 1002;
        border-bottom: 2px solid white !important;
    }

        .share-box-wrapper .active:hover {
            cursor: default;
            background-color: #FFF;
        }

.share-tab h1 {
    font-size: 1.3vw;
    font-weight: bold;
    padding-top: 12%;
}

.share-tab .col-xs-5 {
    text-align: center;
}

    .share-tab .col-xs-5 img {
        padding: 15% 0px 15% 25%;
    }

.share-tab .col-xs-7 {
    padding-left: 1%;
}

.share-box-wrapper .share-btn {
    margin: 0px !important;
    font-size: 1.2vw !important;
    width: 25%;
    text-align: center;
    padding: 1.5% 0px;
}

.facebook-color {
    background-color: #3B5998 !important;
}

.twitter-color {
    background-color: #00ACEE !important;
}

.email-color {
    background-color: #275768 !important;
    color: white !important;
}

.business-strap-line {
    font-size: 2.5vw !important;
}

.smell-gas-section {
    padding: 3%;
    color: black !important;
}

    .smell-gas-section .col-md-5 {
        padding: 2.5%;
        font-size: 1.5vw;
    }

    .smell-gas-section .col-md-4 {
        padding: 2.5%;
        font-size: 1.7vw;
    }

.powercut-section {
    padding: 3%;
    padding-bottom: 4%;
}

    .powercut-section img,
    .smell-gas-section img {
        width: 2.75%;
    }

    .powercut-section h1,
    .smell-gas-section h1 {
        font-size: 2.3vw !important;
    }

    .powercut-section h2 {
        margin: 0px !important;
        font-size: 1.8vw !important;
    }

.gas-caption .col-sm-12,
.carbon-section .col-md-6 {
    padding: 4%;
}

.eko-puffin-image {
    width: 75%;
}

.eko-energy-image {
    /*width: 125%;
      padding-right: 10vw;*/
    width: 20vw;
    padding-right: 0;
}

.faq-wrapper .row {
    cursor: pointer;
}

/*.faq-wrapper .row:hover {
    color: #a9a9a9;
}*/

.faq-wrapper hr {
    margin: 4px 0px 15px;
}

.faq-section {
    margin-bottom: 5%;
}

.faq-section-2 .faq-wrapper {
    margin: 0px !important;
}

.green-gas-points-container .btn-area {
    font-size: 1.2vw;
}

.content-area li {
    margin-bottom: 2%;
}

.col-md-6 .content-area ul {
    padding-left: 3.2%;
}

.green-gas-points .content-area {
    padding: 7.5%;
}

.download-app-area .col-md-4 .content-area {
    margin: 3% 18%;
}

a.button:hover,
button.hover {
    text-decoration: none;
    background-color: #007CBA;
    color: white;
}

a.bc-7AC1EB:hover,
button.bc-7AC1EB:hover {
    background-color: #60A6D0 !important;
}

a.bc-1CA2E6:hover,
a.bc-00A2E5:hover,
a.bc-78C1EB:hover,
button.bc-1CA2E6:hover,
button.bc-00A2E5:hover,
button.bc-78C1EB:hover,
.quote-button:hover,
.about-ge-quote-button-lower:hover,
.ge-quote-button-higher:hover,
.business-quote-button:hover {
    background-color: #007CBA !important;
}

a.bc-005FAE:hover,
button.bc-005FAE:hover {
    background-color: #004279 !important;
}

a.bc-275768:hover,
button.bc-275768:hover {
    background-color: #133946 !important;
}

a.bc-C90101:hover,
button.bc-C90101:hover {
    background-color: #AA0000 !important;
}

a.bc-EC1946:hover,
button.bc-EC1946:hover {
    background-color: #CB0831 !important;
}

a.bc-F5821F:hover,
button.bc-F5821F:hover {
    background-color: #DD6804 !important;
}

a.bc-FDB813:hover,
button.bc-FDB813:hover {
    background-color: #E6A303 !important;
}

a.bc-B2D234:hover,
button.bc-B2D234:hover {
    background-color: #8EB200 !important;
}

a.bc-71BF62:hover,
button.bc-71BF62:hover {
    background-color: #429533 !important;
}

a.bc-939602:hover,
a.bc-AFD335:hover,
button.bc-939602:hover,
button.bc-AFD335:hover {
    background-color: #939602 !important;
}

a.bc-70BF63:hover,
button.bc-70BF63:hover {
    background-color: #4B9D3D !important;
}

a.bc-B1DED2:hover,
button.bc-B1DED2:hover {
    background-color: #83B5A8 !important;
}

a.bc-48A248:hover,
button.bc-48A248:hover {
    background-color: #217C21 !important;
}

a.bc-5A8870:hover,
button.bc-5A8870:hover {
    background-color: #2F5541 !important;
}

a.bc-816FB2:hover,
button.bc-816consumption-formFB2:hover {
    background-color: #5C4A8D !important;
}

a.bc-806EB1:hover,
button.bc-806EB1:hover {
    background-color: #5C4A8D !important;
}

button.bc-806EB1.active {
    background-color: #5C4A8D !important;
}

a.bc-D61B8A:hover,
a.bc-C4569F:hover,
button.bc-D61B8A:hover,
button.bc-C4569F:hover {
    background-color: #B1036A !important;
}

a.bc-C457A0:hover,
button.bc-C457A0:hover {
    background-color: #983276 !important;
}

a.bc-white:hover,
button.bc-white:hover {
    opacity: 0.7;
}

a.btn-orange:hover,
button.btn-orange:hover,
input[type="submit"].btn-orange:hover {
    background-color: #DD6804 !important;
}

.login-section input[type="submit"] {
    font-weight: bold;
}

.login-section .business input[type="submit"] {
    color: #275768 !important;
    background-color: white !important;
}

.quote-button, .about-ge-quote-button-lower, .ge-quote-button-higher,
.business-quote-button {
    background-color: #1CA2e6;
}

.tariff-charges .monthly-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 3.2vw;
    margin: 0 0 0 0;
}

.tariff-charges .annual-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.6vw;
    margin: 0 0 8% 0;
}

.tariff-charges {
    padding: 2% 5% !important;
}

    .tariff-charges .sign-up-btn {
        font-size: 1.2vw;
        padding: 2.75% 8% !important;
    }

.tariff-quote .sign-up-btn {
    /*    font-size: 20px;
*/
    padding: 0.5em 1em !important;
}

@media (min-width: 500px) {
    .tariff-quote .sign-up-btn {
        /*font-size: 1.2vw;*/
        padding: 0.5em 1em !important;
    }
}


.tariff-quote .monthly-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 3.2vw;
    margin: 0 0 0 0;
}

.tariff-quote .annual-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.6vw;
    margin: 0 0 8px 0;
}

.tariff-quote-tide .monthly-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 3.2vw;
    margin: 0 0 0 0;
}

.tariff-quote-tide .annual-price-heading {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.6vw;
    margin: 0 0 2% 0;
}

.tariff-quote {
    padding: 0% 5% 1% 5% !important;
}

    .tariff-quote ul {
        list-style-type: none;
        padding: 0px;
        font-size: 1.2vw;
        margin-top: 1%;
        margin-bottom: 2%;
    }

    .tariff-quote li {
        padding: 1% 0px;
    }

.tariff-quote-other {
    text-align: center;
}

    .tariff-quote-other h2 {
        font-size: 1.2vw;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .tariff-quote-other h3 {
        font-size: 1.2vw;
        margin-top: 2%;
    }


.tariff-quote-other-button {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 40px;
}

    .tariff-quote-other-button a {
        padding: 12px !important;
    }

/*.tariff-desc h1,
.tariff-charges h1 {
    font-size: 2.3em;
}*/
.tariff-rates h2,
.tariff-charges h2,
.tariff-quote h2 {
    /*font-size: 1.3vw;*/
    /*font-weight: normal;*/
}

.tariff-quote-p {
    margin: 0;
    font-size: 1vw;
}

.selected-tariff h2 {
    font-size: 1.8vw !important;
}

.selected-tariff h1 {
    font-size: 1.6vw !important;
}

.selected-tariff h3 {
    font-size: 1.3vw !important;
    margin: 0px;
}

.selected-tariff .tariff-name {
    font-size: 2.8vw !important;
}

.selected-tariff input {
    margin: 1.5% 0 1% 0;
    padding: 1.5%;
    text-align: center;
    color: #A4A5A7;
}

.pb-5p {
    padding-bottom: 5%;
}

.pl-5p {
    padding-left: 5%;
}

.width-auto {
    width: auto;
}

.selected-tariff img {
    width: 75%;
}

.direct-debit-img {
    width: 21%;
}

.error-feedback {
    /*border-color: #a94442 !important;*/
    border: 2px solid #a94442 !important;
}

.billing-address-postcode {
    width: 75%;
}

.consumption-averages button {
    margin-top: 2%;
    padding: 2%;
}

.bold {
    font-weight: bold;
}

.meter-readings {
    text-align: left;
}

    .meter-readings tr td:first-child {
        padding-top: 5%;
    }

.meter-input,
.electricity-reading,
.two-rate-electricity-reading,
.gas-reading,
.generation-reading,
.type-of-meter,
.til-gas,
.til-two-rate,
.share-fb,
.share-email,
.generator-reading-type {
    display: none;
}

    .share-email:hover {
        color: white;
    }

.fa.mobile-menu {
    margin: 0.5em 20px 0.5em 0;
    font-size: 25px;
    line-height: 0.2;
}

.helpLink {
    color: #C90101;
}

.meter-readings-form .checkbox-table {
    margin: 0 !important;
}

.signup-stage-section .button-area input, .signup-stage-section .button-area select {
    border: 1px solid #404040;
}

.signup-stage-section .button-area button {
    padding: 0.75em;
    padding-top: 0.95em;
    border: 1px solid #404040;
    background-color: #1CA2E6;
    border-left: 1px solid #1CA2E6;
}

.footer-menu a:hover {
    text-decoration: none;
    color: #A4A5A7;
}

.tariff-header {
    text-align: center;
    height: 100% !important;
    margin: 0% 0% 1%;
}

.puffin-image-area {
    text-align: right;
}

.consumption-help-text {
    margin-top: 6% !important;
    line-height: 1.1;
}

.two-rate-label {
    margin-bottom: -2%;
}

.two-rate-section {
    display: none;
}

.til-form-group {
    margin: 1% 0 !important;
    overflow: hidden;
}

    .til-form-group input {
        border-radius: 0;
    }

.til h3,
.til h4,
.hwq h3,
.hwq h4 {
    margin-left: 15px;
    margin-bottom: 15px;
}

.tariff-family-name-sparkling-hero-text,
.tariff-family-name-ekoenergy-hero-text {
    display: none;
}

ul.c-005FAE {
    margin-bottom: 1% !important;
}

.share-btn:hover {
    opacity: 0.5;
}

.elec-rate-2 {
    margin-left: -2.2%;
}

.sustainability-criteria {
    font-size: 1.6vw !important;
}

#btnSubmitRead {
    padding: 1% 2.25% !important;
}

.meter-readings-form-wrapper {
    padding-bottom: 5%;
}

.meter-readings-heading {
    padding: 5% 2% 4% 2%
}

.tariff-name {
    font-size: 1.6vw;
}

.tariff-header .tariff-name {
    /*font-size: 2.0vw;*/
}

.tariff-header h2 {
    /*font-size: 1.3vw;*/
    margin-bottom: 20px;
}

.eko-flower {
    position: absolute;
    bottom: 0;
    right: 0;
}

.eko-puffin {
    position: absolute;
    bottom: 0 !important;
    right: 0;
}

.dd-guarantee-text {
    font-size: 0.7vw;
}

.selected-tariff .energy-type {
    margin-top: 4%;
}

.billing-address-postcode-wrapper button {
    font-size: 1vw;
    padding: 2.5% !important;
    margin-left: -0.5%;
    padding-top: 2.75% !important;
}

.billing-address-selection-wrapper {
    width: 80% !important;
    margin: 2% auto !important;
}

.usage-btn {
    padding: 2.75%;
    width: 80%;
    font-size: 1.1vw;
    margin-top: 5%;
}

.usage-question {
    margin-top: 0.25%;
    margin-bottom: 0.5%;
}

.usage-sub-question {
    margin-top: 0;
}

.meter-readings-form-top {
    margin-top: 2%;
}

.bereavement-form-section .form-feedback {
    margin-top: 3%;
}

.bereavement-form-section input[type='submit'] {
    padding: 1% 2.25%
}

.psr-form-wrapper {
    margin: 3% 5%;
}

/*.psr-form-wrapper p {
    font-size: 1.1vw;
}*/

.psr-form textarea {
    padding: 2%;
    width: 95%;
}

.eko-logo {
    width: 40%;
    margin-bottom: 3%;
}

.billing-address-selection-wrapper .checkbox-container {
    float: right;
    padding-left: 0;
    margin-right: 25px;
}

.select-tariff-area .col-md-6 {
    padding: 3% 3% 5% 3%;
}

.select-tariff-area img {
    width: 60%
}

#tide-sliders .row {
    background-color: #ecf7f5;
    margin: 1px 1px 1px 1px;
}

#tide-sliders .ui-slider, #tide-sliders ui-slider-switch {
    height: 1.6em;
    border-radius: 6px;
}

#tide-sliders .ui-slider-handle {
    height: 2.0em;
    outline: none !important; /*this is to remove artifacts appearing on ipads*/
}

#tide-sliders .ui-state-active {
    background: #2E8B57;
}

#tide-sliders .ui-slider-range {
    background: #c0e5de
}

#tide-sliders .ui-slider .ui-btn.ui-slider-handle {
    width: 16px;
    height: 36px;
    margin-top: -20px !important;
    margin-left: -8px !important;
}

#tide-sliders .tide-slider-row-content {
    text-align: left;
}

    #tide-sliders .tide-slider-row-content .rate-col {
        text-align: right;
    }

    #tide-sliders .tide-slider-row-content .time-col {
        text-align: right;
    }

#tide-sliders .tide-section {
    text-align: left;
    margin-left: 1%;
    background-color: Window;
}

    #tide-sliders .tide-section h3 {
        font-weight: bold;
        margin-top: 8px;
        margin-bottom: 4px;
    }

#tide-slider .rate-col {
    text-align: right;
}

.tide-slider-row-content {
    padding-top: 5px;
}

    .tide-slider-row-content p {
        margin-bottom: 5px;
    }

/*
    #tide-about .content-area h4 {
        font-size: 1.2em;
    }*/

.view-til-tide {
    padding-top: 1%;
    padding-left: 15px;
    padding-right: 15px
}

.tide-about-text-row {
    text-align: left;
    background-color: #275768;
    color: white;
}

    .tide-about-text-row .content-area {
        margin-left: 5%;
        margin-right: 5%;
    }

.tide-header-content-area {
    margin: 6.5% 10% 5% 10%;
}

    .tide-header-content-area a {
        color: #275768;
    }

    .tide-header-content-area h4 {
        color: #275768;
    }

    .tide-header-content-area h1 {
        font-size: 4.2vw;
        color: #275768;
    }

.tide-info-panel {
    background-color: #d9d9d9;
}

    .tide-info-panel .button {
        background-color: white;
        color: black;
    }

.tide-about-take-control {
    position: relative;
}

.tide-about-take-control-header {
    text-align: center;
    margin: 0% 5% 0% 5%;
}

.tide-about-take-control .content-area {
    text-align: left;
    margin: 1% 15% 1% 15%;
}

    .tide-about-take-control .content-area p {
        margin: 0%;
    }

    .tide-about-take-control .content-area .step-2-row-2 {
        text-align: center;
        margin: 15% -5% 1% -5%;
    }

/*
.tide-about-forget {
    height: 150px;
}
*/

.tide-about-forget .header-image-text {
    text-align: left;
    margin: 3% 0% 1% 0%;
}

.tide-about-forget .content-area h4 {
    color: white;
}

.tide-about-forget .content-area h6 {
    color: white;
}

.tide-about-forget .btn-area {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    height: fit-content;
    padding-top: 0;
}

.tide-about-forget .button {
    background-color: white;
    color: #275768;
    padding: 10px;
}

.tide-about-why .header-area {
    margin: 2% 5% 2% 5%;
    text-align: left;
}

    .tide-about-why .header-area h1 {
        font-size: 1.8vw;
    }

    .tide-about-why .header-area h6 {
        font-size: 1.6vw;
    }

.tide-about-why .content-area h6 {
    font-size: 1.6vw;
    margin-left: 20px;
}

.tide-about-why ul {
    padding-left: 20px;
}

.tide-about-why .col-sm-4 {
    margin-top: 20px !important;
    margin-left: 0px !important;
    margin: 30px;
    padding: 0px;
}

.tide-about-why .button-area {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 0;
    width: fit-content;
}

.tide-about-why .quote-button {
    font-size: 20px !important;
    padding: 10px 20px;
}

.tide-about-why .about-button {
    margin-top: 2%;
    padding: 10px;
    background-color: #74cdde;
    color: white;
}

.tide-about-why .tide-elec-button {
    margin-top: 2%;
    padding: 10px;
    background-color: #275768;
    color: white;
}

.tide-about-talk {
    background-color: #d9d9d9;
}

    .tide-about-talk .content-area {
        margin: 1% 15% 1% 15%;
    }


.tide-about-flexible {
    position: relative;
    padding-bottom: 70px !important;
}

    .tide-about-flexible .content-area {
        margin-top: 10%;
    }

        .tide-about-flexible .content-area p {
            margin: 0%;
        }

        .tide-about-flexible .content-area img {
            margin-top: 15%;
            width: 75%;
        }

        .tide-about-flexible .content-area table {
            margin-top: 5%;
            width: 100%;
        }

        .tide-about-flexible .content-area th {
            background-color: white;
        }

        .tide-about-flexible .content-area tr {
            background-color: #dff2ee;
            border: 2px solid white !important;
            letter-spacing: 0.4pt;
            font-size: 18px;
        }

        .tide-about-flexible .content-area td {
            padding: 5px;
            padding-left: 20px;
        }

.tide-about-gas .header-image-text {
    text-align: left;
    margin: 1% 5% 1% 5%;
}

.tide-about-gas .btn-area {
    margin-top: 10%;
}

.tide-about-gas .button {
    padding: 10px;
    background-color: white;
    color: black;
}

.tide-about-gas .about-button {
    margin-top: 10%;
    padding: 10px;
}

.tide-info-text-row {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    background-color: #275768;
    color: white;
}

    .tide-info-text-row h6 {
        font-size: 1.6em;
    }

.tide-info-gas {
    background-color: #c0e5de;
}

.tide-starfish {
    position: absolute;
    bottom: -60px;
    max-height: 266px;
    width: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) rotate(-65deg);
    left: 100px;
}

.tide-beach-container-mobile {
    display: none;
}

@media only screen and (max-width: 994px) {
    .tide-beach-container-mobile {
        display: block;
    }
}

.tide-info-flexible {
    position: relative;
    padding-bottom: 20px !important;
}

    .tide-info-flexible .content-area {
        margin-top: 10%;
    }

        .tide-info-flexible .content-area img {
            margin-top: 15%;
            width: 75%;
        }

        .tide-info-flexible .content-area table {
            margin-top: 5%;
            width: 100%;
        }

        .tide-info-flexible .content-area th {
            background-color: white;
        }

        .tide-info-flexible .content-area tr {
            background-color: #dff2ee;
            border: 2px solid white !important;
            letter-spacing: 0.4pt;
            font-size: 18px;
        }

        .tide-info-flexible .content-area td {
            padding: 5px;
            padding-left: 20px;
        }

.tide-info-starfish {
    position: absolute;
    bottom: 10px;
    max-height: 266px;
    width: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) rotate(-65deg);
    left: 100px;
}

@media only screen and (max-width: 994px) {
    .tide-info-starfish {
        display: none;
    }
}

.smart-meter-container {
    position: relative;
}

.tide-smart-meter {
    padding-top: 60px;
}

.desktop-flex {
    margin-top: 0;
    height: inherit;
    display: flex;
}

.white-button {
    background-color: white !important;
    color: black !important;
}

div#app-popup {
    box-sizing: border-box;
    display: none;
    position: fixed;
    z-index: 100;
    top: 25%;
    left: 5%;
    width: 90%;
    height: auto;
    overflow: hidden;
    border-radius: 0.5em;
    box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,0.2);
    border: 1px solid rgb(0,0,0);
    padding: 0.5em;
    background-color: White;
    color: Black;
    font-size: 1.2em;
    text-align: center;
    opacity: 0.9;
}

    div#app-popup > div {
        margin-top: 4%;
    }

        div#app-popup > div:last-child {
            margin-bottom: 4%;
        }

.postcode-input-container {
    margin-top: 2% !important;
}

.address-input-container {
    margin-top: 2% !important;
}

.postcode-container {
    margin-top: 36px !important;
}

.address-container {
    margin-top: 36px !important;
}

.view-quote-container {
    background-color: #dff3fc;
    display: flex;
    padding-top: 21px;
    padding-bottom: 42px;
    align-items: center;
    justify-content: center;
}

.consumption-averages {
    padding-bottom: 76px;
}

.view-quote-container ul h2 {
    margin: 0;
}

.view-quote-title {
    padding-bottom: 12px;
}

.view-quote-container ul {
    text-align: left;
    /* margin-left: 14%; */
    width: 100%;
}

.view-quote-container li {
    padding: 4px;
}

.view-my-quote {
    width: 42%;
    margin-top: 2% !important;
    padding: 10px !important;
    /* font-size: 1.1vw; */
    font-size: 1.3vw;
}

.submit-business-quote {
    width: 42%;
    margin-top: 2% !important;
    padding: 10px !important;
    /* font-size: 1.1vw; */
    font-size: 1.3vw;
}

.view-quote-information-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 12px;
}

.view-quote-indent-text {
    font-size: 1.3vw !important;
}

.full-width {
    width: 100%;
}

.tariff-quote-other {
    padding: 18px;
    max-height: 274px !important;
    transition: all 0.5s ease;
}

.tariff-information-button a {
    color: #2E8B57 !important;
}

.quote-calculator-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 32px;
    padding-top: 18px;
}

    .quote-calculator-container .quote-calculator-inner-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .quote-calculator-container .quote-calculator-row {
        display: flex;
        flex-direction: row;
        padding: 6px 0;
        align-items: center;
        width: 100%;
    }

        .quote-calculator-container .quote-calculator-row .quote-calculator-title {
            text-align: left;
            margin: 0;
            flex: 50%;
            min-width: 45%;
            font-size: 1vw;
        }

.sign-up-btn-container {
    padding: 26px 0 !important;
    margin: 0;
}

.tariff-quote {
    padding-top: 12px !important;
}

.quote-calculator-row input {
    height: 36px;
    margin-right: 12px;
    flex: 70%;
    padding-left: 8px;
}

.quote-calculator-row .meter-type-label {
    margin: 0;
    flex: 75%;
    text-align: left;
    font-size: 1vw;
}

.sign-up-btn-container a strong {
    padding: 0 32px;
}

.tariff-quote-other-button a strong {
    padding: 0 32px;
}

.tariff-quote-other.is-expanded {
    max-height: 1800px !important;
    overflow: visible;
}

.tariff-quote-other:not(.active).collapsed {
    max-height: 274px !important;
    overflow: hidden;
    margin-top: 5%;
}

.tariff-quote-other:not(.is-expanded) .quote-config {
    display: none;
}

.view-til-tide {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.tide-ajust-text {
    padding-top: 24px;
}

.annual-consumption-container {
    padding-bottom: 52px;
}

.sign-up-btn-container .sign-up-btn {
    padding: 12px !important;
}

.tariff-quote-mobile {
    text-align: center;
}

.desktop-view .quote-tiles.expand {
    min-height: 800px;
}

.quote-find-out-more a {
    padding: 2% 5% !important;
}

.annual-consumption-container.consumption-form-wrapper {
    padding: 0 !important;
    padding-bottom: 56px !important;
}

.tide-rate-conatiner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 12px;
}

    .tide-rate-conatiner .p-n {
        margin: 0;
        flex: 1 1 25%;
    }

    .tide-rate-conatiner input {
        margin-right: 8px;
        flex: 1 1 auto;
    }

    .tide-rate-conatiner .kwh-label {
        margin-right: 8px;
        flex: 0;
    }

.progress-bar-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.progress-bar-item {
    width: 20%;
    margin: 0 12px;
    z-index: 999;
}

.owl-theme .owl-dots .owl-dot {
    zoom: 1.3 !important;
}

.p-2p {
    padding: 2% !important;
}

.consumption-averages .col-sm-12 {
    z-index: 999;
}

.kWh-text {
    font-size: 1vw;
}


.bill-info-text {
    font-size: 1vw;
}

.based-on-text {
    font-size: 1vw;
}

.quote-image-container {
    height: 300px;
}

.view-quote-title {
    text-align: left;
    margin-left: 46px;
}

.emergency_message {
    text-align: center;
}

.emergency_text {
    color: #000;
    font-weight: bold;
    padding: 10px;
    font-size: 1.2vw;
}

@media only screen and (max-width: 1450px) {
    .quote-calculator-container .quote-calculator-inner-container {
        width: auto;
    }

        .quote-calculator-container .quote-calculator-inner-container input {
            width: 50%;
        }
}

.navbar-nav > li > .dropdown-menu {
    background-color: #ffffff;
    color: #1CA2E6;
}

.dropdown-menu {
    border-radius: 0px !important;
}

.navbar-nav > li > a {
    font-size: 1.1vw;
    z-index: 1100;
}

.dropdown-item {
    color: #1CA2E6;
    width: 100%;
    font-size: 1vw !important;
    font-weight: normal !important;
    text-align: center !important;
    padding: 10px 30px 10px 30px !important;
}

    .dropdown-item:hover {
        color: #1CA2E6 !important;
        background-color: #9FDDF9;
    }

@media screen and (max-width: 848px) {
    .nav-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mainmenu ul {
        width: 85%
    }
}

@media screen and (max-width: 767px) {
    .show-mobile {
        display: block !important;
    }

    .hide-mobile {
        display: none !important;
    }
}

@media all and (min-width: 768px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
        top: 130%;
        border: 0px;
        left: -40px;
    }

    .navbar .nav-item .menuArrow {
        display: none !important;
    }

    .navbar .nav-item:hover .menuArrow {
        font-size: 35px !important;
        display: block !important;
        position: absolute;
        z-index: 900;
        padding-left: 50px;
        padding-right: 50px;
        left: 30%;
        top: -24px;
    }

    .header-menu-text {
        /*display: none !important;*/
        padding-left: 10px;
    }


    .navbar .nav-item .menuMinus {
        display: none !important;
    }

    .navbar .nav-item:hover .menuMinus {
        font-size: 1.1vw !important;
        display: inline !important;
    }

    .navbar .nav-item .menuChevron {
        font-size: 1.1vw !important;
        display: inline !important;
    }

    .navbar .nav-item:hover .menuChevron {
        display: none !important;
    }

    .subMenuArrow {
        color: white;
        font-size: 50px !important;
        display: none;
        position: absolute;
        z-index: 1200 !important;
        top: -42px;
        padding-left: 100px;
        padding-right: 0;
    }

    .mainmenu-icon {
        text-align: left;
        padding-left: 2px !important;
    }

    i svg {
        height: 1.5em;
    }

    .mainmenu-item {
        text-align: right;
        padding-right: 2px !important;
        /*padding-top: 0.1em;*/
    }
}