/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.form-label,b,optgroup,strong {
    font-weight: 700
}

.italic,dfn {
    font-style: italic
}

img,legend {
    border: 0
}

.button--primary:not(.button--disabled):active,.button--primary__inverted:not(.button--disabled):active,.button--secondary:not(.button--disabled):active,.button--tertiary:not(.button--disabled):active,.tint-70 {
    opacity: .7
}

.table,table {
    border-spacing: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,textarea {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.no-margin-tb,.no-margin-top {
    margin-top: 0
}

.no-margin-bottom,.no-margin-tb {
    margin-bottom: 0
}

.no-margin-right,.no-margin-rl {
    margin-right: 0
}

.no-margin-left,.no-margin-rl {
    margin-left: 0
}

.no-pad,legend,td,th {
    padding: 0
}

.no-pad-tb,.no-pad-top {
    padding-top: 0
}

.no-pad-bottom,.no-pad-tb {
    padding-bottom: 0
}

.no-pad-right,.no-pad-rl {
    padding-right: 0
}

.no-pad-left,.no-pad-rl {
    padding-left: 0
}

.no-margin {
    margin: 0
}

.clearfix:after,.clearfix:before {
    content: " "!important;
    display: table!important
}

.clearfix:after {
    clear: both!important
}

.row .row.collapse:after,.row .row:after,.row:after {
    clear: both
}

.hide-mobile {
    display: none
}

.hide-desktop {
    display: inherit
}

.text-align-left {
    text-align: left!important
}

.underline {
    text-decoration: underline!important
}

.margin-bottom-146 {
    margin-bottom: 146px
}

.margin-bottom-184 {
    margin-bottom: 184px
}

.notransition {
    transition: none!important
}

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

.fill-black {
    background-color: #000
}

.fill-blue {
    background-color: #0075B0
}

.fill-blue--lighter {
    background-color: #009FDA
}

.fill-blue--tint {
    background-color: #EEF6F9
}

.fill-grey {
    background-color: #a9a9a9
}

.fill-grey--lighter {
    background-color: #EBEBEB
}

.fill-red {
    background-color: #a40000
}

.fill-white {
    background-color: #FFF
}

.text-black {
    color: #000
}

.text-blue {
    color: #0075B0
}

.text-blue--lighter {
    color: #009FDA
}

.text-grey {
    color: #4a4a4a
}

.text-grey--lighter {
    color: #EBEBEB
}

.text-red {
    color: #a40000
}

.button--primary,.button--primary.button--disabled:hover,.text-white {
    color: #FFF
}

.tint-80 {
    opacity: .8
}

@font-face {
    font-family: 'St Ryde Medium';
    src: url(/business-switch/content/webfonts/StRyde-Medium.otf) format("opentype")
}

*,:after,:before {
    box-sizing: inherit
}

body {
    font-size: 16px!important;
    font-size: 1rem!important;
    line-height: 18px
}

a {
    text-decoration: underline
}

a:hover {
    color: #00537d;
    cursor: pointer
}

a,button {
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    white-space: normal;
    word-wrap: break-word
}

.border-blue {
    border-color: #009FDA!important
}

.border-bottom-blue-4 {
    border-bottom: 4px solid #001E2B
}

.border {
    border: 1px solid rgba(0,0,0,.2)
}

.border-top,.header__wrapper .header .header__mobileWrapper {
    border-top: 1px solid rgba(0,0,0,.2)
}

.border-right {
    border-right: 0 solid #fff
}

.border-bottom,.header__wrapper .header .header__nav ul li {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.border-left {
    border-left: 1px solid rgba(0,0,0,.2)
}

.border--lighter {
    border: 1px solid rgba(0,0,0,.1)
}

.border-top--lighter {
    border-top: 1px solid rgba(0,0,0,.1)
}

.border-right--lighter {
    border-right: 1px solid rgba(0,0,0,.1)
}

.border-bottom--lighter {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.border-left--lighter {
    border-left: 1px solid rgba(0,0,0,.1)
}

.border-none {
    border: none
}

.border-top-none {
    border-top: none
}

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

.border-bottom-none {
    border-bottom: none
}

.border-left-none {
    border-left: none
}

.rounded {
    border-radius: 10px
}

.rounded-top {
    border-radius: 10px 10px 0 0
}

.rounded-bottom {
    border-radius: 0 0 10px 10px
}

.circle {
    border-radius: 50%
}

.border-radius-5 {
    border-radius: 5px
}

.button,.button--disabled,.button--small {
    background-color: transparent;
    background-image: none;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: "St Ryde Medium",Helvetica,Arial,Sans-Serif;
    height: auto;
    padding: 1.188rem 2.75rem;
    font-size: 20px!important;
    font-size: 1.25rem!important;
    line-height: 24px!important;
    line-height: 1.5rem!important;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 1px solid transparent;
    text-align: center
}

.nowrap,.truncate {
    white-space: nowrap
}

.text-left,td,th {
    text-align: left
}

.button,.button--disabled,.button--disabled:active:focus,.button--small,.button--small:active:focus,.button:active:focus {
    outline: 1
}

.button--disabled:hover,.button--small:hover,.button:hover {
    transition: background-color .15s ease 0s
}

.button--primary {
    background-color: #58A618
}

.button--primary:not(.button--disabled):hover {
    background-color: #407912;
    color: #FFF
}

.button--primary__inverted {
    background-color: #FFF;
    color: #58A618;
    border: 1px solid #58A618
}

.button--primary__inverted:not(.button--disabled):hover {
    background-color: #58A618;
    color: #FFF
}

.button--primary__inverted.button--disabled:hover {
    color: #FFF
}

.button--secondary {
    background-color: #0075B0;
    color: #FFF
}

.button--secondary:not(.button--disabled):hover {
    background-color: #00537d;
    color: #FFF
}

.button--secondary.button--disabled:hover {
    color: #FFF
}

.button--tertiary {
    border: 1px solid #0075B0;
    color: #0075B0;
    background: 0 0
}

.button--tertiary:not(.button--disabled):hover {
    background-color: #0075B0;
    color: #FFF
}

.button--tertiary.button--disabled:hover {
    color: #0075B0
}

.button--disabled {
    opacity: .3;
    pointer-events: none
}

.button--disabled:hover {
    cursor: default;
    transition: none
}

.button--small {
    font-size: 14px!important;
    font-size: .875rem!important;
    padding: .25rem .625rem;
    height: 2rem
}

.date-input,.select,.text-input,.textarea {
    font-family: inherit;
    background: #FFF;
    font-size: 16px!important;
    font-size: 1rem!important;
    height: 2.625rem;
    padding: .625rem .75rem;
    border: 1px solid rgba(0,0,0,.2)
}

.m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner p.leader-text,.m3-3col-switch-details h3,.m5-smart-heating-controls h3,h1,h2,h3 {
    font-family: "St Ryde Medium",Helvetica,Arial,Sans-Serif
}

.highlight-leader-text {
    background-color:#ff8405;
    color:rgba(255,255,255,1);
    padding: .75rem;
}

.form-element--success .form-feedback:before,.select {
    background-image: svg-background("input-image.svg");
    background-repeat: no-repeat
}

.select {
    background-position: calc(100% - 1rem) center;
    background-size: .6875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding-right: 2.5rem;
    height: 2.625rem;
    line-height: 1
}

.date-input--small,.select--small,.text-input--small {
    font-size: 14px!important;
    font-size: .875rem!important;
    height: 2rem;
    padding: .5rem .625rem
}

.form-helper,.form-label--small,.textarea--small {
    font-size: 14px!important
}

.select--small {
    padding: 0 1.875rem 0 .625rem;
    background-size: .5rem
}

.textarea {
    min-height: 5rem;
    padding: .5rem .75rem
}

.textarea--small {
    min-height: 4.6875rem;
    padding: .375rem .625rem;
    font-size: .875rem!important;
    line-height: 14px!important;
    line-height: .875rem!important
}

.radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-feedback,.form-helper {
    margin-top: .5rem;
    display: block
}

.radio+label {
    cursor: pointer;
    display: block
}

.radio+label:before {
    content: "";
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .375rem;
    position: relative;
    bottom: -1px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 50%
}

.radio:checked+label:before {
    background-color: #FFF;
    border: 4px solid #0075B0
}

input[type=checkbox] {
    -webkit-appearance: checkbox!important
}

.form-label {
    display: block;
    margin-bottom: .5rem
}

.form-label--small {
    font-size: .875rem!important;
    margin-bottom: .25rem
}

.form-label--optional {
    color: #4a4a4a;
    font-weight: 400
}

.form-label--required {
    color: #a40000;
    font-weight: 400
}

.form-element--warning .form-feedback,.form-element--warning .form-label,.form-helper {
    color: #4a4a4a
}

.form-helper {
    font-size: .875rem!important
}

.form-feedback {
    font-size: 14px!important;
    font-size: .875rem!important
}

.form-element--warning .select,.form-element--warning .text-input {
    border-color: #a9a9a9
}

.form-element--success .form-feedback,.form-element--success .form-label {
    color: #0075B0
}

.form-element--success .form-feedback:before {
    content: "";
    height: .875rem;
    width: .875rem;
    display: inline-block;
    background-size: .5rem;
    background-color: #0075B0;
    border-radius: 50%;
    background-position: center;
    margin-right: .375rem;
    position: relative;
    bottom: -2px
}

.table__scroll,table {
    margin: 0;
    border-collapse: collapse;
    width: 100%
}

.form-element--success .select,.form-element--success .text-input {
    border-color: #0075B0
}

.form-element--error .form-feedback,.form-element--error .form-label {
    color: #a40000
}

.form-element--error .select,.form-element--error .text-input {
    border-color: #a40000
}

.img-fullwidth {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

table,td,th,tr {
    border: 0
}

td,th {
    padding: .5rem
}

table caption {
    padding: 1rem
}

.table__border {
    border: 1px solid rgba(0,0,0,.2)
}

.table__border th,.table__border tr td {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.table__border tr:last-child td {
    border-bottom: 0
}

.table__border td,.table__border th {
    padding: .9375rem
}

.pt0,.py0 {
    padding-top: 0!important
}

.pb0,.py0 {
    padding-bottom: 0!important
}

.table__scroll {
    min-width: 768px
}

.text-1,.text-4,.text-5,h1,h1 a,h4,h4 a,h5,h5 a,p {
    margin-top: 0;
    margin-bottom: 20px
}

.table__scroll__container {
    width: 100%;
    overflow: auto
}

.overflow-hidden,.truncate {
    overflow: hidden
}

.table {
    border-collapse: separate;
    display: table
}

.td,.th {
    display: table-cell
}

.tr {
    display: table-row
}

.row .row.collapse:after,.row .row.collapse:before,.row .row:after,.row .row:before,.row:after,.row:before {
    display: table;
    content: " "
}

.text-1,h1,h1 a {
    font-size: 24px!important;
    font-size: 1.5rem!important;
    font-weight: 400;
    line-height: 24px!important;
    line-height: 1.5rem!important
}

.header__wrapper .header .header__nav ul li a,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--number span,.m3-3col-switch-details h3,.m3-3col-switch-details h3 a,.m5-smart-heating-controls h3,.m5-smart-heating-controls h3 a,.text-2,.text-3,h2,h2 a,h3,h3 a {
    font-size: 20px!important;
    font-size: 1.25rem!important;
    font-weight: 400;
    line-height: 20px!important;
    line-height: 1.25rem!important;
    margin-top: 0;
    margin-bottom: 20px
}

.text-4,h4,h4 a {
    font-size: 13px!important;
    font-size: .8125rem!important;
    font-weight: 400;
    line-height: 16px!important;
    line-height: 1rem!important
}

.text-5,h5,h5 a {
    font-size: 10px!important;
    font-size: .625rem!important;
    font-weight: 400;
    line-height: 12px!important;
    line-height: .75rem!important
}

a,p {
    line-height: 18px!important;
    font-weight: 400
}

a {
    font-size: 16px!important;
    font-size: 1rem!important;
    line-height: 1.125rem!important;
    color: #0075B0
}

p {
    font-size: 16px!important;
    font-size: 1rem!important;
    line-height: 1.125rem!important
}

p:last-child {
    margin-bottom: 0
}

.normal,.regular {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.caps {
    text-transform: uppercase
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.truncate {
    text-overflow: ellipsis
}

.decoration-none {
    text-decoration: none
}

.decoration-underline {
    text-decoration: underline
}

.decoration-line-through {
    text-decoration: line-through
}

.list-unstyled {
    margin-left: 0;
    padding-left: 0;
    list-style: none
}

.row {
    width: 100%;
    margin: 0 auto
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    max-width: none;
    margin: 0 -15px
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.wrapper-1140,.wrapper-1900,.wrapper-610,.wrapper-810 {
    margin-left: auto;
    margin-right: auto
}

.mt0,.my0 {
    margin-top: 0!important
}

.m7-price-plan-info-tabs .fill-blue .fill-white h3,.mb0,.my0 {
    margin-bottom: 0!important
}

.column,.columns {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left
}

.pl0,.px0 {
    padding-left: 0!important
}

.pr0,.px0 {
    padding-right: 0!important
}

[class*=column]+[class*=column].end,[class*=column]+[class*=column]:last-child,[class*=columns]+[class*=columns].end,[class*=columns]+[class*=columns]:last-child {
    float: right
}

.float-left,[class*=column]+[class*=column].nofloat:last-child,[class*=columns]+[class*=columns].nofloat:last-child {
    float: left
}

.wrapper-610 {
    max-width: 610px
}

.wrapper-810 {
    max-width: 810px
}

.wrapper-1140 {
    max-width: 1140px
}

.wrapper-1900 {
    /*max-width: 1900px*/
}

.ml0,.mx0 {
    margin-left: 0!important
}

.mr0,.mx0 {
    margin-right: 0!important
}

.overflow-auto {
    overflow: auto
}

.overflow-scroll {
    overflow: scroll
}

.overflow-visible {
    overflow: visible
}

.hide-elem {
    display: none
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.float-right {
    float: right
}

.float-none,.m12b-switch-form-step-2 .switch-form-input-wrapper__mprn input {
    float: none
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.width-auto {
    width: auto
}

.m0,.m12-switch-form-step-1 .form-error-message-tooltip p {
    margin: 0!important
}

.ml1,.mx1 {
    margin-left: .5rem!important
}

.mr1,.mx1 {
    margin-right: .5rem!important
}

.mt1,.my1 {
    margin-top: .5rem!important
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left h4,.m4-smarter-payg .m4-smarter-payg__wrapper h4,.mb1,.my1 {
    margin-bottom: .5rem!important
}

.m1 {
    margin: .5rem!important
}

.ml2,.mx2 {
    margin-left: .9375rem!important
}

.mr2,.mx2 {
    margin-right: .9375rem!important
}

.mt2,.my2 {
    margin-top: .9375rem!important
}

.mb2,.my2 {
    margin-bottom: .9375rem!important
}

.m2 {
    margin: .9375rem!important
}

.ml3,.mx3 {
    margin-left: 1.5rem!important
}

.mr3,.mx3 {
    margin-right: 1.5rem!important
}

.mt3,.my3 {
    margin-top: 1.5rem!important
}

.mb3,.my3 {
    margin-bottom: 1.5rem!important
}

.m3 {
    margin: 1.5rem!important
}

.ml4,.mx4 {
    margin-left: 1.875rem!important
}

.mr4,.mx4 {
    margin-right: 1.875rem!important
}

.mt4,.my4 {
    margin-top: 1.875rem!important
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner h3,.m7-price-plan-info-tabs .fill-blue h3,.mb4,.my4 {
    margin-bottom: 1.875rem!important
}

.m4 {
    margin: 1.875rem!important
}

.ml5,.mx5 {
    margin-left: 2.5rem!important
}

.mr5,.mx5 {
    margin-right: 2.5rem!important
}

.mt5,.my5 {
    margin-top: 2.5rem!important
}

.mb5,.my5 {
    margin-bottom: 2.5rem!important
}

.m5 {
    margin: 2.5rem!important
}

.ml6,.mx6 {
    margin-left: 4.5rem!important
}

.mr6,.mx6 {
    margin-right: 4.5rem!important
}

.mt6,.my6 {
    margin-top: 4.5rem!important
}

.mb6,.my6 {
    margin-bottom: 4.5rem!important
}

.m6 {
    margin: 4.5rem!important
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.p0 {
    padding: 0!important
}

.pl1,.px1 {
    padding-left: .5rem!important
}

.pr1,.px1 {
    padding-right: .5rem!important
}

.pt1,.py1 {
    padding-top: .5rem!important
}

.pb1,.py1 {
    padding-bottom: .5rem!important
}

.p1 {
    padding: .5rem!important
}

.m23-switch-form-header .m23-switch-form-header--right,.pl2,.px2 {
    padding-left: .9375rem!important
}

.pr2,.px2 {
    padding-right: .9375rem!important
}

.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text,.m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-text,.p2 {
    padding: .9375rem!important
}

.pt2 {
    padding-top: .9375rem!important
}

.m7-price-plan-info-tabs .climote-elec-gas-tab-content.current,.m7-price-plan-info-tabs .elec-gas-tab-content.current,.m7-price-plan-info-tabs .nest-climote-tab-content.current,.m7-price-plan-info-tabs .nest-elec-gas-tab-content.current,.m7-price-plan-info-tabs .price-plan-tab-content.current,.pb2 {
    padding-bottom: .9375rem!important
}

.pl3,.px3 {
    padding-left: 1.5rem!important
}

.pr3,.px3 {
    padding-right: 1.5rem!important
}

.m11-switch-form-before-switch .py5,.m26-business-switch-mprn-field,.py2 {
    padding-top: .9375rem!important;
    padding-bottom: .9375rem!important
}

.pt3,.py3 {
    padding-top: 1.5rem!important
}

.pb3,.py3 {
    padding-bottom: 1.5rem!important
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner,.m28-ajax-error,.p3 {
    padding: 1.5rem!important
}

.pl4,.px4 {
    padding-left: 1.875rem!important
}

.pr4,.px4 {
    padding-right: 1.875rem!important
}

.m11-switch-form-before-switch .fill-blue--tint.py5,.pt4,.py4 {
    padding-top: 1.875rem!important
}

.pb4,.py4 {
    padding-bottom: 1.875rem!important
}

.m2-3col-switch-save h1,.p4 {
    padding: 1.875rem!important
}

.pl5,.px5 {
    padding-left: 2.5rem!important
}

.pr5,.px5 {
    padding-right: 2.5rem!important
}

.pt5,.py5 {
    padding-top: 2.5rem!important
}

.pb5,.py5 {
    padding-bottom: 2.5rem!important
}

.p5 {
    padding: 2.5rem!important
}

.pl6,.px6 {
    padding-left: 4.5rem!important
}

.pr6,.px6 {
    padding-right: 4.5rem!important
}

.pt6,.py6 {
    padding-top: 4.5rem!important
}

.pb6,.py6 {
    padding-bottom: 4.5rem!important
}

.p6 {
    padding: 4.5rem!important
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.static {
    position: static
}

.z1 {
    z-index: 100
}

.z2 {
    z-index: 200
}

.z3 {
    z-index: 300
}

.z4 {
    z-index: 400
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.t1 {
    top: .5rem
}

.r1 {
    right: .5rem
}

.b1 {
    bottom: .5rem
}

.l1 {
    left: .5rem
}

.t2 {
    top: .9375rem
}

.r2 {
    right: .9375rem
}

.b2 {
    bottom: .9375rem
}

.l2 {
    left: .9375rem
}

.t3 {
    top: 1.5rem
}

.r3 {
    right: 1.5rem
}

.b3 {
    bottom: 1.5rem
}

.l3 {
    left: 1.5rem
}

.t4 {
    top: 1.875rem
}

.r4 {
    right: 1.875rem
}

.b4 {
    bottom: 1.875rem
}

.l4 {
    left: 1.875rem
}

.t5 {
    top: 2.5rem
}

.r5 {
    right: 2.5rem
}

.b5 {
    bottom: 2.5rem
}

.l5 {
    left: 2.5rem
}

.t6 {
    top: 4.5rem
}

.r6 {
    right: 4.5rem
}

.b6 {
    bottom: 4.5rem
}

.l6 {
    left: 4.5rem
}

.m1-switch-now-leader {
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #FFF;
    background-color: #0075B0
}

.m1-switch-now-leader a {
    color: #FFF
}

.m1-switch-now-leader .m1-switch-now-leader__img--wrapper {
    width: 100%;
    max-height: 140px
}

.m1-switch-now-leader .m1-switch-now-leader__img--wrapper img.m1-switch-now-leader__img {
    width: 100%;
    height: auto;
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.m1-switch-now-leader .m1-switch-now-leader__text {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner p.leader-text {
    padding: 0 10px;
    max-width: 690px;
    font-size: 1.275rem!important;
    line-height: 1.725rem!important
}

.m2-3col-switch-save {
    text-align: center;
    background: url(../images/banner-business-secondary@2x.jpg) no-repeat;
    clear: both
}

.m2-3col-switch-save h1 {
    background: #009FDA;
    color: #FFF
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper {
    border-radius: 10px;
    background: #FFF
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner {
    width: 100%;
    padding: 25px 15px
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left {
    width: 40%;
    float: left;
    margin-top: 7px
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left h4 {
    color: #0075B0;
    font-size: 16px!important
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left p.m2-3col-switch-save__value {
    color: #0075B0;
    font-weight: 400;
    font-size: 39px!important;
    line-height: 39px!important;
    letter-spacing: -2.46px;
    margin: 0
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left p.m2-3col-switch-save__value span.percent {
    font-size: 15px!important;
    margin-left: 5px;
    font-weight: 300;
    letter-spacing: -.95px
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right {
    width: 60%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right ul {
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
    list-style: none
}

.m3-3col-switch-details,.m4-smarter-payg {
    text-align: center
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right ul li {
    padding: 6px 0 6px 25px;
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-position: 0 50%
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right a {
    margin-top: 20px;
    display: block
}

.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--bottom a,.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--bottom button,.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--bottom input {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 20px
}

.m3-3col-switch-details p.leader-text {
    font-size: 1.2rem;
    max-width: 380px;
    margin: 20px auto
}

.m3-3col-switch-details a {
    display: block
}

.m3-3col-switch-details a.button {
    overflow: hidden;
    width: auto;
    display: inline-block
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper a:hover>.img-wrap span {
    background-color: #00537d
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper .img-wrap {
    overflow: hidden;
    padding-top: 10px
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper .img-wrap span {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: #0075B0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper .img-wrap span.icon-icon-meter {
    background-size: 40%
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper .img-wrap span.icon-icon-bill {
    background-size: 35%
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper .img-wrap span.icon-icon-bank {
    background-size: 45%
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper h3 {
    margin-top: 20px
}

.m3-3col-switch-details .m3-3col-switch-details__wrapper p {
    text-align: center;
    max-width: 280px;
    margin: 0 auto
}

.m4-smarter-payg .m4-smarter-payg--inner {
    border-radius: 10px
}

.m4-smarter-payg .m4-smarter-payg__wrapper h4 {
    color: #0075B0;
    font-size: 16px!important
}

.m4-smarter-payg .m4-smarter-payg__wrapper p.m4-smarter-payg__value {
    color: #0075B0;
    font-weight: 400;
    font-size: 39px!important;
    line-height: 39px!important;
    letter-spacing: -2.46px;
    margin: 0
}

.m4-smarter-payg .m4-smarter-payg__wrapper ul {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none
}

.m5-smart-heating-controls,.m6-help-support,.m7-price-plan-info-tabs {
    text-align: center
}

.m4-smarter-payg .m4-smarter-payg__wrapper ul li {
    padding: 6px 0 6px 25px;
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-position: 0 50%
}

.m4-smarter-payg .m4-smarter-payg__wrapper a {
    display: block;
    margin-top: 20px
}

.m4-smarter-payg .m4-smarter-payg--inner__one {
    width: 40%;
    float: left;
    margin-top: 7px
}

.m4-smarter-payg .m4-smarter-payg--inner__two {
    width: 60%;
    float: left
}

.m4-smarter-payg .m4-smarter-payg--inner__two .m4-smarter-payg__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m4-smarter-payg .m4-smarter-payg--inner__three {
    width: 100%
}

.m4-smarter-payg .m4-smarter-payg--inner__three .m4-smarter-payg__wrapper button {
    display: block;
    width: 100%
}

.m5-smart-heating-controls p.leader-text {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 20px auto
}

.m5-smart-heating-controls p {
    color: #4a4a4a;
    min-height: 36px
}

.m5-smart-heating-controls .m5-smart-heating-controls__wrapper a {
    display: inline-block
}

.m5-smart-heating-controls .m5-smart-heating-controls__wrapper img {
    width: 100%;
    max-width: 293px;
    display: inline-block;
    margin: 20px 0
}

.m6-help-support h3 {
    font-weight: 700
}

.m6-help-support p.leader-text {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 20px auto
}

.m6-help-support .m6-help-support__wrapper h3 {
    color: #ccc;
    margin-top: 20px
}

#pp1,#pp2,#pp3,#pp4,#pp5 {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden
}

.m7-price-plan-info-tabs p.leader-text {
    font-size: 20px!important;
    line-height: 24px!important
}

.m7-price-plan-info-tabs ul {
    text-align: left
}

.m7-price-plan-info-tabs ul li {
    padding: 0 15px
}

.m7-price-plan-info-tabs ul li h3 a {
    display: block
}

.m7-price-plan-info-tabs ul.climote-elec-gas-tabs,.m7-price-plan-info-tabs ul.elec-gas-tabs,.m7-price-plan-info-tabs ul.nest-climote-tabs,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs,.m7-price-plan-info-tabs ul.price-plan-tabs {
    margin: 0;
    padding: 0;
    list-style: none
}

.m7-price-plan-info-tabs ul.price-plan-tabs li {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,.5)
}

.m7-price-plan-info-tabs ul.price-plan-tabs li h3 {
    margin-bottom: 0!important
}

.m7-price-plan-info-tabs ul.price-plan-tabs li h3 a {
    color: #FFF;
    text-decoration: none;
    margin-bottom: 0;
    padding: 10px 0
}

.m7-price-plan-info-tabs ul.elec-gas-tabs li,.m7-price-plan-info-tabs ul.nest-climote-tabs li {
    display: inline-block;
    cursor: pointer;
    min-width: 152px;
    padding: 15px
}

.m3-3col-switch-details .m7-price-plan-info-tabs ul.elec-gas-tabs li h3,.m3-3col-switch-details .m7-price-plan-info-tabs ul.nest-climote-tabs li h3,.m5-smart-heating-controls .m7-price-plan-info-tabs ul.elec-gas-tabs li h3,.m5-smart-heating-controls .m7-price-plan-info-tabs ul.nest-climote-tabs li h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li .m3-3col-switch-details h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li .m5-smart-heating-controls h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li h2,.m7-price-plan-info-tabs ul.elec-gas-tabs li h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li .m3-3col-switch-details h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li .m5-smart-heating-controls h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li h2,.m7-price-plan-info-tabs ul.nest-climote-tabs li h3 {
    color: #0075B0;
    text-decoration: underline
}

.m7-price-plan-info-tabs ul.climote-elec-gas-tabs,.m7-price-plan-info-tabs ul.nest-climote-tabs,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs {
    text-align: center
}

.m7-price-plan-info-tabs ul.climote-elec-gas-tabs li,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs li {
    display: inline-block;
    cursor: pointer;
    min-width: 152px;
    padding: 15px;
    border-radius: 5px
}

.m7-price-plan-info-tabs ul.climote-elec-gas-tabs li h3,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs li h3 {
    color: #0075B0;
    text-decoration: underline;
    margin-bottom: 0
}

.m7-price-plan-info-tabs ul.price-plan-tabs li.current {
    background: #FFF;
    color: #0075B0;
    border-top: 1px solid #FFF
}

.m7-price-plan-info-tabs ul.price-plan-tabs li.current h3 a {
    color: #0075B0
}

.m3-3col-switch-details .m7-price-plan-info-tabs ul.elec-gas-tabs li.current h3,.m3-3col-switch-details .m7-price-plan-info-tabs ul.nest-climote-tabs li.current h3,.m5-smart-heating-controls .m7-price-plan-info-tabs ul.elec-gas-tabs li.current h3,.m5-smart-heating-controls .m7-price-plan-info-tabs ul.nest-climote-tabs li.current h3,.m7-price-plan-info-tabs ul.climote-elec-gas-tabs li.current h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li.current .m3-3col-switch-details h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li.current .m5-smart-heating-controls h3,.m7-price-plan-info-tabs ul.elec-gas-tabs li.current h2,.m7-price-plan-info-tabs ul.elec-gas-tabs li.current h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li.current .m3-3col-switch-details h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li.current .m5-smart-heating-controls h3,.m7-price-plan-info-tabs ul.nest-climote-tabs li.current h2,.m7-price-plan-info-tabs ul.nest-climote-tabs li.current h3,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs li.current h3 {
    color: #FFF;
    text-decoration: none
}

.m7-price-plan-info-tabs ul.elec-gas-tabs li.current,.m7-price-plan-info-tabs ul.nest-climote-tabs li.current {
    background: #a9a9a9;
    color: #FFF;
    border-radius: 5px;
    text-decoration: none;
    text-align: center
}

.m7-price-plan-info-tabs ul.climote-elec-gas-tabs li.current,.m7-price-plan-info-tabs ul.nest-elec-gas-tabs li.current {
    font-weight: 700;
    background: #a9a9a9
}

.m7-price-plan-info-tabs .climote-elec-gas-tab-content,.m7-price-plan-info-tabs .elec-gas-tab-content,.m7-price-plan-info-tabs .nest-climote-tab-content,.m7-price-plan-info-tabs .nest-elec-gas-tab-content,.m7-price-plan-info-tabs .price-plan-tab-content {
    display: none;
    padding: 0
}

.m7-price-plan-info-tabs .climote-elec-gas-tab-content.current,.m7-price-plan-info-tabs .elec-gas-tab-content.current,.m7-price-plan-info-tabs .nest-climote-tab-content.current,.m7-price-plan-info-tabs .nest-elec-gas-tab-content.current,.m7-price-plan-info-tabs .price-plan-tab-content.current {
    display: inherit
}

.m7-price-plan-info-tabs img {
    max-width: 293px;
    width: 100%
}

.m7-price-plan-info-tabs .smarter-payg-info-list ul {
    padding: 0
}

.m7-price-plan-info-tabs .smarter-payg-info-list ul li {
    padding: 10px 0;
    text-align: left
}

.m8-pricing-table .responsive-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
}

.m8-pricing-table caption {
    font-size: 1.25rem!important;
    line-height: 1.25rem!important;
    color: #fff;
    background: #001E2B
}

.m8-pricing-table th {
    color: #009FDA;
    font-size: .8125rem!important;
    line-height: 1rem!important
}

.m8-pricing-table .responsive-table__cell--50 {
    width: 50%;
    text-align: left;
    padding: 10px
}

.m8-pricing-table .responsive-table__cell--50 h4 {
    margin: 0;
    color: #009FDA;
    font-weight: 700
}

.m8-pricing-table .responsive-table__cell--25 {
    width: 25%;
    padding: 15px 10px;
    text-align: center
}

.m8-pricing-table .responsive-table__cell--25 h4 {
    margin: 0;
    color: #009FDA;
    font-weight: 700
}

.m8-pricing-table .disclaimer {
    text-align: justify;
    padding: 20px
}

.m9-video .responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.m9-video .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul {
    font-size: 0;
    text-align: center;
    margin: 0;
    padding: 20px 0
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li {
    display: inline-block;
    width: 25%
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li a {
    font-family: Arial,Sans-Serif;
    text-decoration: none;
    color: #4a4a4a;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    font-size: 0!important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #a9a9a9;
    transition: all 0s ease
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li a span.switch-form-progress-bar--text {
    font-family: Arial,Sans-Serif;
    display: none;
    opacity: .7;
    margin-top: 5px
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li a:hover {
    cursor: default;
    opacity: 1
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active a {
    font-size: 16px!important;
    line-height: 20px!important;
    color: #FFF;
    background: #0075B0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 10px 0
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active a:hover {
    cursor: pointer;
    opacity: .7
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active.progress-current a {
    background: #FFF;
    border: 2px solid #0075B0;
    color: #0075B0;
    padding: 8px 0
}

.m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active.progress-current a:hover {
    cursor: default;
    opacity: 1
}

.m11-switch-form-before-switch h1 {
    margin-bottom: 12px
}

.m11-switch-form-before-switch .fill-blue--tint {
    background-color: #FFF!important
}

.m11-switch-form-before-switch .wrapper-810 p {
    padding: 0 15px
}

.m11-switch-form-before-switch .m11-switch-form-before-switch__tips {
    border: 1px solid #0075B0;
    border-radius: 4px;
    margin-bottom: 10px;
    display: table;
    width: 100%
}

.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--number {
    width: 40px;
    background: #0075B0;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text {
    width: auto;
    display: table-cell;
    vertical-align: middle
}

.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text p {
    padding: 0
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

option:first-child,select {
    color: #ccc
}

option {
    color: #000
}

.form--checkboxes--wrapper {
    max-width: 330px;
    margin: 0 auto
}

.form--checkboxes--wrapper .switch-form-input-wrapper__inner label {
    margin-left: 0
}

.form--checkboxes--wrapper .switch-form-label-wrapper__inner label {
    margin-left: 0!important
}

.switch-form-next-button {
    margin-top: 20px;
    width: 90%
}

.switch-form-next-button span {
    display: block;
    font-size: 13px;
    margin-top: -5px;
    opacity: .7
}

.form-grouped-items {
    margin: 20px 0;
    padding: 20px 0;
    border-radius: 4px
}

.m12-switch-form-step-1 {
    text-align: center
}

.m12-switch-form-step-1 .m3-3col-switch-details h3,.m12-switch-form-step-1 .m5-smart-heating-controls h3,.m12-switch-form-step-1 h2,.m3-3col-switch-details .m12-switch-form-step-1 h3,.m5-smart-heating-controls .m12-switch-form-step-1 h3 {
    color: #0075B0
}

.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    text-align: left
}

.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner label {
    display: block;
    padding: 15px 0;
    margin-left: 50px;
    font-size: 14px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .form-circle--error {
    background: url(../images/icon-error@2x.png);
    display: inline-block;
    background-size: 100%;
    width: 25px;
    height: 25px;
    margin-top: 8px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .form-circle--correct {
    background: url(../images/icon-checkmark@2x.png);
    display: inline-block;
    background-size: 100%;
    width: 25px;
    height: 25px;
    margin-top: 8px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    text-align: center
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .form-error-border {
    border: 1px solid #a40000
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .form-correct-border {
    border: 1px solid #58A618
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--dob {
    width: 85%;
    height: auto;
    display: block;
    overflow: hidden;
    float: right
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--dob select {
    width: 32%;
    float: left
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--dob select.dob__month {
    margin: 0 2%
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio {
    width: 42.5%;
    float: right;
    line-height: 2rem;
    text-align: left
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio .radio+label {
    display: inline-block;
    outline: none !important;
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio .radio:focus+label {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio .radio+label:before {
    width: 32px;
    height: 32px;
    border: 1px solid #a9a9a9;
    bottom: -9px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio .radio:checked+label:before {
    background: #0075B0;
    border: 8px solid #FFF;
    box-shadow: 0 0 1px 1px #a9a9a9
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox input {
    display: inline-block;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox input:focus {
    outline: 0
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox input:focus~label:after {
    /*outline: dotted 1px;*/
    outline: -webkit-focus-ring-color auto 5px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox label {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    line-height: 1.9rem;
    font-weight: 700;
    margin-top: 12px
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox label:after {
    content: " ";
    width: 32px;
    height: 32px;
    border: 1px solid #009FDA;
    border-radius: 4px;
    color: #FFF!important;
    display: inline-block;
    visibility: visible
}

.m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--checkbox input:checked~label:after {
    content: " ";
    background-image: url(../images/icon-check-ticked.svg);
    background-color: #FFF;
    color: #009FDA!important
}

.m12-switch-form-step-1 input,.m12-switch-form-step-1 select {
    margin-bottom: 5px;
    width: 85%;
    max-width: 330px;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    float: right
}

.m12-switch-form-step-1 input {
    padding: 10px 15px
}

.m12-switch-form-step-1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-arrow.svg) 90% 50% no-repeat;
    padding: 10px 30px 10px 10px;
    font-size: 13px
}

.m12-switch-form-step-1 select[name=Title],.m12-switch-form-step-1 select[name=SpecialNeedType],.m12-switch-form-step-1 select[name=PreferredPaymentDate] {
    background-position: 95% 50%;
    padding: 10px 30px 10px 15px;
    font-size: 16px
}

.m12-switch-form-step-1 select::-ms-expand {
    display: none
}

.m12-switch-form-step-1 .form-error-message-tooltip {
    width: 85%;
    max-width: 330px;
    margin: 0 auto 5px;
    position: relative;
    min-height: 16px
}

.m12-switch-form-step-1 .form-error-message-tooltip p {
    text-align: left;
    float: left;
    padding-left: 50px
}

.m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-icon {
    display: inline-block;
    text-align: center;
    float: right;
    width: 16px;
    height: 16px;
    background: #0075B0;
    color: #FFF;
    border-radius: 50%
}

.m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-text {
    width: 85%;
    max-width: 330px;
    overflow: hidden;
    background: #0075B0;
    color: #FFF;
    border-radius: 4px;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    z-index: 1;
    margin-top: 20px;
    margin-left: 50px;
    display: none;
    text-align: left
}

.m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-icon:focus+.form-tooltip-text,.m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-icon:hover+.form-tooltip-text {
    display: block
}

.m12-switch-form-step-1 .form-group {
    display: block;
    overflow: hidden;
    margin-bottom: 0!important
}

.m12-switch-form-step-1 .alert {
    margin-top: 0!important;
    color: #a40000!important
}

.addressPrePopulated {
    margin-top: 25px;
    padding-top: 25px;
    border-color: #58A618
}

.addressPrePopulated h4 {
    font-size: 1.125rem!important;
    line-height: 1.125rem!important
}

.addressPrePopulated label {
    display: none!important
}

.addressPrePopulated input {
    border: none!important;
    text-align: center;
    padding: 0
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper,.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left .m16-how-to-switch-bill__wrapper--left__img-left {
    text-align: left
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner {
    width: 100%;
    max-width: 100%
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner label {
    margin-left: 10px
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner {
    background: #EBEBEB;
    overflow: hidden;
    min-height: 470px
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner h3 {
    color: #009FDA
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner .switch-form-summary-item {
    margin-bottom: 20px
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner .switch-form-summary-item .switch-form-summary-item--title {
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary-wrapper .switch-form-summary-wrapper--inner .switch-form-summary-item .switch-form-summary-item--details {
    display: block
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit {
    /*border-top: 1px solid #58A618;
    border-bottom: 1px solid #58A618;
    position: fixed;*/
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit p {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 13px!important
}

.m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit a {
    margin-top: 10px;
    border-radius: 0;
    width: 100%
}

#th--eucookie {
    display: none
}

#th--eucookie a,#th--eucookie a:visited {
    color: #000;
    transition: .2s color;
    text-decoration: underline
}

.m15-cookie-policy {
    width: 100%;
    position: relative;
    background: #ddd;
    padding: 12px;
    z-index: 2;
    display: table
}

.m15-cookie-policy .m15-cookie-policy--text {
    width: 90%;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px
}

.m15-cookie-policy .m15-cookie-policy--text a {
    font-size: 13px!important
}

.m15-cookie-policy .m15-cookie-policy--button {
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    margin-top: -10px;
    height: 40px
}

.m15-cookie-policy a {
    font-weight: 700;
    text-decoration: underline
}

.m15-cookie-policy button {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 80% 80%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: 10px;
    position: relative;
    top: 2px;
    border: none;
    overflow: hidden;
    background-color: transparent
}

.m15-cookie-policy button:hover {
    cursor: pointer
}

.m15-cookie-policy.js-CookieHide {
    display: none!important
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper {
    background-color: #EBEBEB
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper h3 {
    font-weight: 700;
    margin-bottom: 30px
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left {
    margin: 15px 0
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left .m16-how-to-switch-bill__wrapper--left__img-left .m16-how-to-switch-bill__img-small {
    width: 100%;
    margin-top: 100%
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left .m16-how-to-switch-bill__wrapper--left__img-right .m16-how-to-switch-bill__img-large {
    width: 100%;
    max-width: 330px;
    background: #fff;
    padding: 30px 0
}

.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--right {
    margin: 15px 0
}

.m16b-how-to-switch-bill-gas.m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper {
    background-color: #D4C6E2
}

.m17-current-meter-reading .m17-current-meter-reading__wrapper h3 {
    font-weight: 700
}

.m17-current-meter-reading .m17-current-meter-reading__wrapper .m17-current-meter-reading__wrapper--left img {
    width: 100%;
    padding-right: 15px
}

.m17-current-meter-reading .m17-current-meter-reading__wrapper .m17-current-meter-reading__wrapper--right {
    text-align: left;
    margin-top: 5%
}

.header__wrapper .header .header__mobileOpen,.m18-customiser .m18-customiser--right .m18-customiser--item .m18-customiser--item__right {
    text-align: right
}

.m18-customiser .m18-customiser--right .m18-customiser--item {
    border-radius: 10px;
    border: 1px solid #a9a9a9;
    padding: 10px;
    display: block;
    overflow: hidden;
    margin: 5px
}

.m18-customiser .m18-customiser--right .m18-customiser--item .m18-customiser--item__left h3 {
    margin-bottom: 10px
}

.m18-customiser .m18-customiser--right .m18-customiser--item .m18-customiser--item__right p {
    margin-right: 5px
}

.m18-customiser .m18-customiser--right .m18-customiser--item button:before {
    content: "Add"
}

.m18-customiser .m18-customiser--right .m18-customiser--item.customiser-active {
    background-color: #FFF;
    border: 2px solid #69a400;
    padding: 9px
}

.m18-customiser .m18-customiser--right .m18-customiser--item.customiser-active button {
    background-color: #6c6c6c;
    padding: 1.188rem 0;
    width: 125.23px
}

.m18-customiser .m18-customiser--right .m18-customiser--item.customiser-active button:before {
    content: "Remove"
}

.m18-customiser .m18-customiser--button {
    width: 100%;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    border-top: 1px solid #58A618;
    border-bottom: 1px solid #58A618
}

.m19-more-about-toggles--nest ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.m19-more-about-toggles--nest ul li {
    display: inline-block;
    padding: 0 10px
}

.m19-more-about-toggles--nest ul li h4 {
    margin: 0
}

.m20-nest-climote-video p {
    color: #4a4a4a;
    font-size: 20px!important;
    font-weight: 400;
    line-height: 44px!important;
    margin-bottom: 0;
    margin-top: 20px
}

.m21-why-nest-climote p,.m21-why-nest-climote ul li,.m22-nest-climote-before-signup p {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 44px!important;
    color: #4a4a4a
}

.m20-nest-climote-video a {
    position: relative;
    top: 22px
}

.m21-why-nest-climote ul {
    margin: 0;
    padding: 0 20px
}

.m21-why-nest-climote p,.m22-nest-climote-before-signup p {
    margin-bottom: 0
}

.m23-switch-form-header img {
    width: 100px;
    height: auto
}

.m23-switch-form-header .m23-switch-form-header--right p {
    font-size: .875rem!important
}

.m24-stay-happy-form .m24-stay-happy-form__checkboxes {
    margin: 0 auto;
    width: 98%;
    float: right
}

.m24-stay-happy-form .m24-stay-happy-form__checkboxes label {
    margin-left: 0!important
}

.m25-stay-happy-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.m25-stay-happy-tabs ul li h3 {
    margin: 0 10px
}

.m25-stay-happy-tabs ul li h3 a {
    display: block;
    margin-bottom: 15px;
    padding: 15px 10px;
    min-width: 208px;
    border-radius: 10px;
    background-color: #FFF;
    border: 1px solid #a9a9a9;
    color: #4a4a4a;
    text-decoration: none
}

.m25-stay-happy-tabs ul li h3 a.active {
    border: 2px solid #009FDA;
    color: #000;
    padding: 14px 10px
}

.m27-business-switch-subpage-leader {
    background: url(../images/banner-business-secondary@2x.png) no-repeat #0075B0
}

.m27-business-switch-subpage-leader h3 {
    font-family: Helvetica,sans-serif,Open Sans,Arial
}

.m28-ajax-error {
    overflow: hidden;
    z-index: 3;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #EBEBEB
}

.m28-ajax-error .m3-3col-switch-details h3,.m28-ajax-error .m5-smart-heating-controls h3,.m28-ajax-error h2,.m3-3col-switch-details .m28-ajax-error h3,.m5-smart-heating-controls .m28-ajax-error h3 {
    font-size: 1.7rem!important
}

.header__wrapper .header {
    padding: 0 15px 15px;
    position: relative
}

.header__wrapper .header .header__logo a img {
    width: auto;
    height: 80px;
    margin-left: -266px;
    margin-top: -7px
}

.header__wrapper .header .header__mobileOpen a img {
    width: 60px;
    margin-top: 28px
}

.header__wrapper .header .header__nav {
    text-align: left;
    background: #FFF
}

.header__wrapper .header .header__nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header__wrapper .header .header__nav ul li a {
    font-family: "St Ryde Medium",Helvetica,Arial,Sans-Serif;
    text-decoration: none;
    padding: 15px;
    display: block;
    color: #009FDA;
    margin-bottom: 0;
    transition: all 0s ease
}

.header__wrapper .header .header__mobileWrapper {
    position: absolute;
    top: 87px;
    right: 0;
    left: 0;
    z-index: 1000
}

.header__wrapper .header .header__mobileWrapper .header__mobileClose {
    position: absolute;
    top: -74px;
    right: 15px;
    z-index: 1;
    background: #FFF
}

.header__wrapper .header .header__mobileWrapper .header__mobileClose a img {
    width: 60px;
    margin-top: 14px
}

.header__wrapper .header .header__switch {
    text-align: center;
    margin-top: 30px
}

.header__nav__desktop {
    display: none
}

.header__nav__mobile {
    display: block
}

.footer .footer__nav {
    text-align: center;
    padding: 36px 0
}

.footer .footer__nav .footer__mainNav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer .footer__nav .footer__mainNav ul li a {
    color: #4a4a4a;
    text-decoration: none;
    display: block;
    padding: 20px
}

.footer .footer__nav .footer__demoInfo ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer .footer__nav .footer__demoInfo ul li {
    padding: 10px;
    text-align: center;
    font-size: 14px
}

@media only screen {
    .column,.columns,.small-pull-0,.small-pull-1,.small-pull-10,.small-pull-11,.small-pull-2,.small-pull-3,.small-pull-4,.small-pull-5,.small-pull-6,.small-pull-7,.small-pull-8,.small-pull-9,.small-push-0,.small-push-1,.small-push-10,.small-push-11,.small-push-2,.small-push-3,.small-push-4,.small-push-5,.small-push-7,.small-push-8,.small-push-9 {
        position: relative
    }

    .small-push-0 {
        left: 0;
        right: auto
    }

    .small-pull-0 {
        right: 0;
        left: auto
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        right: 25%;
        left: auto
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        right: 50%;
        left: auto
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        right: 75%;
        left: auto
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0!important
    }

    .small-offset-1 {
        margin-left: 8.33333%!important
    }

    .small-offset-2 {
        margin-left: 16.66667%!important
    }

    .small-offset-3 {
        margin-left: 25%!important
    }

    .small-offset-4 {
        margin-left: 33.33333%!important
    }

    .small-offset-5 {
        margin-left: 41.66667%!important
    }

    .small-offset-6 {
        margin-left: 50%!important
    }

    .small-offset-7 {
        margin-left: 58.33333%!important
    }

    .small-offset-8 {
        margin-left: 66.66667%!important
    }

    .small-offset-9 {
        margin-left: 75%!important
    }

    .small-offset-10 {
        margin-left: 83.33333%!important
    }

    .small-offset-11 {
        margin-left: 91.66667%!important
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,.columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.small-centered:last-child,.columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,.columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right
    }

    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }
}

@media only screen and (min-width: 768px) {
    .medium-pull-0,.medium-pull-1,.medium-pull-10,.medium-pull-11,.medium-pull-2,.medium-pull-3,.medium-pull-4,.medium-pull-5,.medium-pull-6,.medium-pull-7,.medium-pull-8,.medium-pull-9,.medium-push-0,.medium-push-1,.medium-push-10,.medium-push-11,.medium-push-2,.medium-push-3,.medium-push-4,.medium-push-5,.medium-push-6,.medium-push-7,.medium-push-8,.medium-push-9,.pull-0,.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-0,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9 {
        position:relative
    }

    .hide-mobile {
        display: inherit
    }

    .hide-tablet {
        display: none
    }

    .margin-top-offset {
        margin-top: 0
    }

    .flex-center-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .text-1,h1,h1 a {
        font-size: 32px!important;
        font-size: 2rem!important;
        font-weight: 400;
        line-height: 32px!important;
        line-height: 2rem!important;
        margin-top: 0;
        margin-bottom: 40px
    }

    .header__wrapper .header .header__nav ul li a,.text-3,.text-4,.text-5,.text-6,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 0
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--number span,.m3-3col-switch-details h3,.m3-3col-switch-details h3 a,.m5-smart-heating-controls h3,.m5-smart-heating-controls h3 a,.text-2,h2,h2 a {
        font-size: 24px!important;
        font-size: 1.5rem!important;
        font-weight: 400;
        line-height: 24px!important;
        line-height: 1.5rem!important;
        margin-top: 0;
        margin-bottom: 20px
    }

    .header__wrapper .header .header__nav ul li a,.text-3,h3,h3 a {
        font-size: 20px!important;
        font-size: 1.25rem!important;
        line-height: 20px!important;
        line-height: 1.25rem!important
    }

    .text-4,h4,h4 a {
        font-size: 18px!important;
        font-size: 1.125rem!important;
        line-height: 18px!important;
        line-height: 1.125rem!important
    }

    .text-5,h5,h5 a {
        font-size: 13px!important;
        font-size: .8125rem!important;
        line-height: 16px!important;
        line-height: 1rem!important
    }

    .text-6,h6,h6 a {
        font-size: 10px!important;
        font-size: .625rem!important;
        line-height: 12px!important;
        line-height: .75rem!important
    }

    .medium-push-0 {
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        right: 0;
        left: auto
    }

    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0!important
    }

    .medium-offset-1 {
        margin-left: 8.33333%!important
    }

    .medium-offset-2 {
        margin-left: 16.66667%!important
    }

    .medium-offset-3 {
        margin-left: 25%!important
    }

    .medium-offset-4 {
        margin-left: 33.33333%!important
    }

    .medium-offset-5 {
        margin-left: 41.66667%!important
    }

    .medium-offset-6 {
        margin-left: 50%!important
    }

    .medium-offset-7 {
        margin-left: 58.33333%!important
    }

    .medium-offset-8 {
        margin-left: 66.66667%!important
    }

    .medium-offset-9 {
        margin-left: 75%!important
    }

    .medium-offset-10 {
        margin-left: 83.33333%!important
    }

    .medium-offset-11 {
        margin-left: 91.66667%!important
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.medium-centered:last-child,.columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        right: 91.66667%;
        left: auto
    }

    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }

    .m1-switch-now-leader {
        max-height: 520px
    }

    .m1-switch-now-leader .m1-switch-now-leader__img--wrapper {
        max-height: 520px;
        text-align: right;
        background: #FFF
    }

    .m1-switch-now-leader .m1-switch-now-leader__img--wrapper img.m1-switch-now-leader__img {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .m1-switch-now-leader .m1-switch-now-leader__text {
        height: 230px;
        margin-top: 0;
        min-width: 330px;
        background: 0 0;
        display: block;
        /*padding: 100px 15px 48px*/
        padding-top : 50px;
        padding-left : 75px        
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner {
        margin-top: 0;
        padding: 0
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner h1 {
        font-weight: 700
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner p.leader-text {
        text-align: left;
        padding: 0 60px 0 0;
        font-size: 28px!important;
        line-height: 40px!important
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__left {
        width: 60%;
        float: left
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right {
        width: 40%;
        float: left
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left,.m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right {
        width: 100%
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right a,.m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right p,.m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right p.leader-text {
        font-size: 20px!important;
        line-height: 30px!important
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right p {
        padding: 0 0 0 60px;
        text-align: left
    }

    .m2-3col-switch-save h1 {
        background: 0 0;
        color: #4a4a4a;
        padding-bottom: 0!important
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper {
        margin-bottom: 0
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner {
        width: 100%;
        padding: 40px 15px
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right ul li,.m4-smarter-payg .m4-smarter-payg__wrapper ul li {
        padding: 10px 0 10px 25px
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left h4 {
        color: #0075B0;
        margin-bottom: 0!important
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left p.m2-3col-switch-save__value {
        color: #0075B0;
        font-weight: 400;
        font-size: 95px!important;
        line-height: 114px!important;
        letter-spacing: -6px
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--left p.m2-3col-switch-save__value span.percent {
        font-size: 61px!important;
        margin-left: 5px;
        font-weight: 300
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right ul {
        margin: -10px 0 20px;
        text-align: left
    }

    .m7-price-plan-info-tabs,.m7-price-plan-info-tabs ul {
        text-align: center
    }

    .m2-3col-switch-save .m2-3col-switch-save__wrapper .m2-3col-switch-save__inner .m2-3col-switch-save__inner--right a {
        margin-top: 20px;
        display: block
    }

    .m4-smarter-payg {
        margin-top: 1.875rem
    }

    .m4-smarter-payg .m4-smarter-payg__wrapper h4 {
        margin-bottom: 0!important
    }

    .m4-smarter-payg .m4-smarter-payg__wrapper h3 {
        margin-top: 20px
    }

    .m4-smarter-payg .m4-smarter-payg__wrapper p.m4-smarter-payg__value {
        font-size: 95px!important;
        line-height: 114px!important;
        letter-spacing: -6px;
        margin: 0
    }

    .m4-smarter-payg .m4-smarter-payg__wrapper ul {
        margin-top: 20px
    }

    .m4-smarter-payg .m4-smarter-payg--inner__one,.m4-smarter-payg .m4-smarter-payg--inner__three,.m4-smarter-payg .m4-smarter-payg--inner__two {
        width: 33%;
        float: left
    }

    .m4-smarter-payg .m4-smarter-payg--inner__two {
        margin-top: 25px
    }

    .m4-smarter-payg .m4-smarter-payg--inner__three {
        margin-top: 55px
    }

    .m7-price-plan-info-tabs .fill-blue {
        background: #009FDA;
        background-margin-bottom: 0!important
    }

    .m7-price-plan-info-tabs ul li {
        padding: 0
    }

    .m7-price-plan-info-tabs ul.price-plan-tabs li {
        width: 19%;
        height: 95px;
        float: left;
        position: relative;
        bottom: -1px;
        margin-left: .5%;
        margin-right: .5%;
        border: 1px solid #0075B0;
        background: #0075B0;
        border-bottom: none;
        border-radius: 5px 5px 0 0
    }
    
    .m7-price-plan-info-tabs ul.price-plan-tabs li h3 a {
        padding: 30px 10px
    }

    .m7-price-plan-info-tabs ul.price-plan-tabs li.current {
        border-bottom: none;
        border-left: #FFF;
        border-right: #FFF;
        position: relative;
        bottom: -1px;
        border-radius: 5px 5px 0 0
    }

    .m7-price-plan-info-tabs .climote-elec-gas-tab-content,.m7-price-plan-info-tabs .elec-gas-tab-content,.m7-price-plan-info-tabs .nest-climote-tab-content,.m7-price-plan-info-tabs .nest-elec-gas-tab-content,.m7-price-plan-info-tabs .price-plan-tab-content {
        display: none;
        padding: 0 0 30px
    }

    .m8-pricing-table caption {
        font-size: 1.5rem!important;
        line-height: 1.5rem!important
    }

    .m8-pricing-table th {
        font-size: 1.125rem!important;
        line-height: 1.125rem!important
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul {
        font-size: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        min-height: 94px
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li {
        position: relative
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li a {
        padding: 30px 0;
        min-height: 100px;
        display: inline-block;
        font-size: 16px!important;
        width: 100%;
        height: auto;
        border-radius: 0;
        background: #FFF
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li a span {
        display: inline-block
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li a span.switch-form-progress-bar--text {
        display: block;
        font-size: 16px!important
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        bottom: -10px;
        left: 48%
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active a {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border-radius: 0;
        padding: 30px 0
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active.progress-current {
        position: relative
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active.progress-current a {
        background: #0075B0;
        border: none;
        color: #FFF;
        padding: 30px 0
    }

    .m10-switch-form-progress-bar .switch-form-progress-bar ul li.progress-active.progress-current::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #0075B0;
        bottom: -10px;
        left: 48%
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--number {
        width: 100px
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text {
        padding: 30px
    }

    .form--checkboxes--wrapper {
        margin: 0 auto
    }

    .switch-form-next-button {
        min-width: 330px;
        width: auto
    }

    .m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner {
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
        text-align: left
    }

    .m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner label {
        display: block;
        padding: 10px 0;
        margin-left: 0;
        font-size: 16px
    }

    .m12-switch-form-step-1 .switch-form-input-wrapper {
        position: relative
    }

    .m12-switch-form-step-1 .switch-form-input-wrapper .form-circle {
        position: absolute;
        left: 80px
    }

    .m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--dob {
        width: 100%
    }

    .m12-switch-form-step-1 .switch-form-input-wrapper .switch-form-input-wrapper__inner .switch-form-input-wrapper__inner--radio {
        width: 50%
    }

    .m12-switch-form-step-1 input,.m12-switch-form-step-1 select {
        width: 100%
    }

    .m12-switch-form-step-1 select {
        font-size: 16px
    }

    .m12-switch-form-step-1 .form-error-message-tooltip {
        width: 100%
    }

    .m12-switch-form-step-1 .form-error-message-tooltip p {
        padding-left: 0
    }

    .m12-switch-form-step-1 .form-error-message-tooltip .form-tooltip-text {
        width: 100%;
        margin-left: 0
    }

    .m12b-switch-form-step-2 .switch-form-input-wrapper__mprn input {
        float: none;
        margin-right: 10px
    }

    .m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner {
        width: 100%;
        max-width: 100%
    }

    .m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-label-wrapper .switch-form-label-wrapper__inner label {
        margin-left: 0
    }

    .m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit {
        padding: 1.25rem 0
    }

    .m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit p {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 16px!important
    }

    .m12e-switch-form-step-5.m12-switch-form-step-1 .switch-form-summary--submit a {
        margin-top: 20px;
        border-radius: 10px;
        width: auto
    }

    .m15-cookie-policy {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 0;
        opacity: .95
    }

    .m15-cookie-policy button {
        background-size: 60% 60%
    }

    .m15-cookie-policy .m15-cookie-policy--text {
        font-size: 14px
    }

    .m15-cookie-policy .m15-cookie-policy--text a {
        font-size: 14px!important
    }

    .m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left .m16-how-to-switch-bill__wrapper--left__img-left .m16-how-to-switch-bill__img-small {
        width: 80%
    }

    .m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--left .m16-how-to-switch-bill__wrapper--left__img-right {
        padding: 0 15px!important
    }

    .m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--right .m16-how-to-switch-bill__wrapper--right__text {
        margin-top: 40%
    }

    .m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--right p.how-to-swich-sub-title {
        margin-top: -25px;
        color: #000;
        font-weight: 700
    }

    .m16-how-to-switch-bill .m16-how-to-switch-bill__wrapper .m16-how-to-switch-bill__wrapper--right p {
        color: #4a4a4a;
        max-width: 320px
    }

    .m17-current-meter-reading .m17-current-meter-reading__wrapper .m17-current-meter-reading__wrapper--right p {
        max-width: 320px
    }

    .m18-customiser .m18-customiser--right .m18-customiser--item {
        border: 1px solid #a9a9a9;
        padding: 41px;
        margin: 10px
    }

    .m18-customiser .m18-customiser--right .m18-customiser--item .m18-customiser--item__right p {
        margin-right: 20px
    }

    .m18-customiser .m18-customiser--right .m18-customiser--item .m18-customiser--item__right button {
        min-width: 162.17px;
        padding-top: 1.188rem;
        padding-bottom: 1.188rem
    }

    .m18-customiser .m18-customiser--right .m18-customiser--item.customiser-active {
        padding: 40px;
        border: 2px solid #69a400
    }

    .m18-customiser .m18-customiser--button:hover {
        opacity: 1
    }

    .m20-nest-climote-video p {
        margin-top: 0
    }

    .m23-switch-form-header .m23-switch-form-header--right {
        margin-top: 12px
    }

    .m23-switch-form-header .m23-switch-form-header--right p {
        font-size: 1rem!important
    }

    .m24-stay-happy-form .m24-stay-happy-form__checkboxes {
        width: 330px;
        float: none
    }

    .m24-stay-happy-form .m24-stay-happy-form__checkboxes label {
        margin-left: 50px!important
    }

    .m25-stay-happy-tabs ul li {
        display: inline-block
    }

    .m25-stay-happy-tabs ul li h3 a {
        margin: 0;
        padding: 30px 10px;
        min-width: 208px
    }

    .m25-stay-happy-tabs ul li h3 a.active {
        padding: 29px 10px
    }

    .m26-business-switch-mprn-field {
        padding: 40px 0!important
    }

    .header__wrapper .header {
        padding: 0 0 15px
    }

    .header__wrapper .header .header__logo a img {
        width: auto;
        height: 130px;
        margin-left: -420px
    }

    .header__wrapper .header .header__nav {
        margin-top: 0;
        text-align: right;
        background: 0 0
    }

    .header__wrapper .header .header__nav ul {
        margin-top: 37px
    }

    .header__wrapper .header .header__nav ul li {
        display: inline-block;
        border-bottom: none
    }

    .header__wrapper .header .header__nav ul li a {
        padding: 20px 15px
    }

    .header__wrapper .header .header__mobileWrapper {
        position: inherit;
        display: block!important;
        border-top: none
    }

    .header__wrapper .header .header__switch {
        text-align: right;
        margin-top: 4px
    }

    .footer .footer__nav {
        padding: 36px 0 56px
    }

    .footer .footer__nav .footer__mainNav ul li {
        display: inline-block
    }

    .footer .footer__nav .footer__mainNav ul li a {
        padding: 0 30px
    }

    .footer .footer__nav .footer__demoInfo ul li {
        display: inline-block;
        padding: 20px 15px;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .large-pull-0,.large-pull-1,.large-pull-10,.large-pull-11,.large-pull-2,.large-pull-3,.large-pull-4,.large-pull-5,.large-pull-6,.large-pull-7,.large-pull-8,.large-pull-9,.large-push-0,.large-push-1,.large-push-10,.large-push-11,.large-push-2,.large-push-3,.large-push-4,.large-push-5,.large-push-6,.large-push-7,.large-push-8,.large-push-9,.pull-0,.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-0,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9 {
        position:relative
    }

    .hide-desktop {
        display: none
    }

    .large-push-0 {
        left: 0;
        right: auto
    }

    .large-pull-0 {
        right: 0;
        left: auto
    }

    .large-push-1 {
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        right: 25%;
        left: auto
    }

    .large-push-4 {
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        right: 50%;
        left: auto
    }

    .large-push-7 {
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        right: 75%;
        left: auto
    }

    .large-push-10 {
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0!important
    }

    .large-offset-1 {
        margin-left: 8.33333%!important
    }

    .large-offset-2 {
        margin-left: 16.66667%!important
    }

    .large-offset-3 {
        margin-left: 25%!important
    }

    .large-offset-4 {
        margin-left: 33.33333%!important
    }

    .large-offset-5 {
        margin-left: 41.66667%!important
    }

    .large-offset-6 {
        margin-left: 50%!important
    }

    .large-offset-7 {
        margin-left: 58.33333%!important
    }

    .large-offset-8 {
        margin-left: 66.66667%!important
    }

    .large-offset-9 {
        margin-left: 75%!important
    }

    .large-offset-10 {
        margin-left: 83.33333%!important
    }

    .large-offset-11 {
        margin-left: 91.66667%!important
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,.columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.large-centered:last-child,.columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,.columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        right: 91.66667%;
        left: auto
    }

    .hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }

    .m1-switch-now-leader .m1-switch-now-leader__img--wrapper img.m1-switch-now-leader__img {
        /*margin-top: -40px;*/
        min-height: 520px
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner {
        padding: 0
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner p.leader-text {
        font-size: 25px!important;
        line-height: 38px!important
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__left,.m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right {
        width: 55%;
        clear: both
    }

    .m1-switch-now-leader .m1-switch-now-leader__text .m1-switch-now-leader__text--inner .m1-switch-now-leader__text--inner__right p.leader-text {
        padding: 20px 60px 20px 0
    }

    .m11-switch-form-before-switch .wrapper-810 {
        max-width: 1140px!important
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips {
        border: 1px solid #0075B0;
        border-radius: 4px;
        display: inline-block;
        width: 49%;
        margin: 0 .5%;
        float: left
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--number {
        width: 100%;
        color: #FFF;
        display: block;
        padding: 10px 22px!important;
        text-align: left
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text {
        width: 100%;
        display: block;
        padding: 22px!important;
        min-height: 200px
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text p,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text p a {
        font-size: .875rem!important
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text .m3-3col-switch-details h3,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text .m5-smart-heating-controls h3,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h2,.m3-3col-switch-details .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h3,.m5-smart-heating-controls .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h3 {
        font-size: 1.34rem!important
    }

    .m11-switch-form-before-switch .switch-form-next-button {
        clear: both;
        display: inline-block;
        min-width: 330px;
        width: 330px;
        margin: 20px auto 0;
        transition: none
    }

    .m26-business-switch-mprn-field {
        padding: 30px 0!important;
        position: absolute;
        top: 144px;
        right: 0;
        background: rgba(0,30,43,.7);
        max-height: 520px;
        height: 520px;
        width: 45%
    }

    .m26-business-switch-mprn-field label {
        color: #FFF!important
    }

    .m26-business-switch-mprn-field label a {
        color: #FFF!important;
        font-weight: 700
    }

    .m26-business-switch-mprn-field p#errorMPRNrequired {
        background: #a40000!important;
        color: #FFF!important;
        border-radius: 4px;
        padding: 5px
    }

     .m26-business-switch-mprn-field p#errmsgemail {
        background: #a40000!important;
        color: #FFF!important;
        border-radius: 4px;
        padding: 5px
    }

    .header__wrapper .header .header__nav ul li a {
        padding: 26px 30px
    }

    .header__wrapper .header .header__switch {
        margin-top: 9px
    }

    .header__nav__desktop {
        display: block
    }

    .header__nav__mobile {
        display: none
    }
}

@media only screen and (min-width: 1140px) {
    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text p,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text p a {
        font-size:1rem!important
    }

    .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text .m3-3col-switch-details h3,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text .m5-smart-heating-controls h3,.m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h2,.m3-3col-switch-details .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h3,.m5-smart-heating-controls .m11-switch-form-before-switch .m11-switch-form-before-switch__tips .m11-switch-form-before-switch__tips--text h3 {
        font-size: 1.5rem!important
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1024px) {
    .m1-switch-now-leader .m1-switch-now-leader__img--wrapper img.m1-switch-now-leader__img {
        /*margin-top: -40px;*/
        min-height: 560px!important;
        width:auto
    }
}

/*----- Accordion -----*/
.accordion, .accordion * {
    /*-webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;*/
}
 
.accordion {
    /*overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;*/
    /*max-width: 1090px;*/
}
 
/*----- Section Titles -----*/
.accordion-section-title {
         font-family: "St Ryde",Helvetica,Arial,Sans-Serif;
         /*font-size: 1.1rem !important;*/
         text-align: left;
         padding: 20px;
         background: #EBEBEB;
         color: black !important;
         margin-bottom: 0px !important;
         cursor: pointer
         
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    /*background:#4c4c4c;*/
    /* Type */
    /*text-decoration:none;*/
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
    /*max-width: 810px;*/
}
 
/*----- Section Content -----*/
.accordion-section-content {
    Background: #fbfbfb;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    display:none;
    /*max-width: 810px;*/
}

p.accordion-section-title:after {
    content: Url(../images/icons/arrow-right.png);
    font-size: 30px;
    color: #777;
    float: right;
    margin-left: 5px;
}

 p.accordion-section-title.active:after {
    content: Url(../images/icons/arrow-down.png)
}

 .plus-icon-2 {
    position: absolute;
    top: 10px;
    left: 53%;
    background: url(../images/orange-ribbon.png) no-repeat;
    width: 45%;
    height: 26px;
    display: block;
    font-size: 0.2rem;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    background-size: cover;
}

.plus-icon-text {
    line-height: 35px;
    display: block;
    color: #fff;
    font-size: 9px;
    position: relative;
    left: -6px;
}

 @media only screen and (max-width: 455px) and (min-width: 430px) {
    .accordion .accordion-section p.accordion-section-title::after {
       position: absolute;
    }
}

 /*mobile Business Switch plan*/
@media only screen and (max-width: 667px) {

       .m7-price-plan-info-tabs ul.price-plan-tabs li {
        width: 100%;
        height: 65px;   
        position: relative;
        top: -15px;
        margin-left: -1.5%;        
        border: 1px solid #0075B0;
        background: #0075B0;
        border-bottom: none;
        border-radius: 5px 5px 5px 5px;
        font-size:2px;
    }

}

 .fill-blue--dark{background: url(../images/banner-business-secondary@2x.jpg) no-repeat;  padding: 35px 10px 0px 20px }
 ul.price-plan-tabs li {display:inline-block;cursor:pointer;width:19%;height:85px;float:left;position:relative;bottom:-1px;margin-left:.5%;margin-right:.5%;border:1px solid #EBEBEB;background:#EBEBEB !important;border-bottom:none;border-radius:5px 5px 0 0}
 ul.price-plan-tabs li.current{background:#FFF !important;color:#0075B0 !important;border-top:1px solid #FFF}
 ul.price-plan-tabs li h3 a{padding:30px 10px;color:#0075B0 !important; }
 .radio-align {
     float: none !important;
 }