/*Calculator styles*/
.home-bills-healthcheck {
  /*background-color: var(--color-bg-tertiary);*/
}
#adsar {
  margin: 0 auto;
  width: 1170px;
  max-width: 100%;
  text-align: center;
  /*background-color: var(--color-bg-tertiary);*/
  padding: 20px;
}
#adsar .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#adsar img.header {
  max-width: 100%;
  padding-bottom: 10px;
}
#adsar .tab-content {
  padding: 20px;
}
#adsar .headline {
  color: var(--color-primary);
  display: block;
  font-size: 22px;
  font-weight: bold;
}
#adsar .svg-icon {
  width: 80px;
  height: 80px;
  display: block;
  fill: none;
  stroke: var(--color-primary);
  margin: 0 auto 0px;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  border-radius: 5px;
}
#adsar svg:not([fill]) {
  fill: none;
}
#adsar .comparison-title .svg-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 8px;
  stroke: #536267;
}
@media (max-width: 768px) {
  #adsar .comparison-title .svg-icon {
    margin-bottom: auto;
    margin-top: -9px;
  }
}
#adsar .svg-icon-fill {
  fill: var(--color-primary);
}
#adsar #map {
  height: 300px;
  width: 100%;
  overflow: hidden;
}
#adsar #map-img {
  width: 100%;
  position: relative;
  top: -100px;
}
#adsar .btn.hollow {
  background-color: #fff !important;
  color: #48a41c !important;
  text-align: center !important;
}
#adsar .intro-page {
  background: #ffffff url('../images/landing-page-header.jpg') no-repeat center center;
  background-size: 100%;
  height: 400px;
  padding: 90px 0px 0px 0px;
}
#adsar .intro-page h2 {
  color: #00aeef;
}

#adsar .price-line,
#adsar .comparison-price-line {
  width: 80%;
  height: 5px;
  background: var(--lilac-600);
  margin: 100px auto;
  position: relative;
}
#adsar img.broadband-supplier-comparison {
  width: 50px;
}
#adsar .price-line span.low-text {
  position: absolute;
  left: -60px;
  top: -9px;
  text-align: right;
  width: 50px;
}
#adsar .price-line span.high-text {
  position: absolute;
  right: -100px;
  top: -9px;
  text-align: left;
  width: 90px;
}
#adsar .price-line span.low-value {
  text-align: center;
}
#adsar .price-line span.low-value:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 10px;
  width: 0;
  height: 0;
  border-top: solid 7px var(--color-primary);
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
#adsar .price-line span.high-value {
  text-align: center;
}
#adsar .price-line span.high-value:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 10px;
  width: 0;
  height: 0;
  border-top: solid 7px var(--color-primary);
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
#adsar .price-line .minmax,
#adsar .price-line .rangevalue {
  color: var(--color-primary);
}
#adsar .price-line .average-for::before {
  bottom: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(113, 158, 206, 0);
  border-bottom-color: #00aeef;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
#adsar .price-line .average-for {
  background-color: #00aeef;
  color: #fff;
  display: block;
  padding: 10px;
  border-radius: 4px;
  margin-top: 30px;
  position: absolute;
}
#adsar .comparison-price-line .comparison-postcode {
  color: var(--color-primary);
  display: block;
  padding: 10px;
  top: 0;
  position: absolute;
}
#adsar .comparison-price-line .comparison-range {
  color: var(--color-primary);
  display: block;
  padding: 10px;
  bottom: 0;
  position: absolute;
}
#adsar .price-line .fillbar,
#adsar .comparison-price-line .fillbar {
  height: 5px;
  display: block;
  background: var(--color-primary);
  position: absolute;
}
@media (max-width: 768px) {
  #adsar .price-line .fillbar,
  #adsar .comparison-price-line .fillbar,
  #adsar .comparison-price-line .comparison-postcode,
  #adsar .comparison-price-line .comparison-range {
    left: 0 !important;
    width: 100% !important;
  }
  #adsar .price-line span.low-text,
  #adsar .price-line span.high-text {
    display: none;
  }
  #adsar .price-line .rangevalue.low-value {
    left: -10px !important;
    margin-left: 0 !important;
  }
  #adsar .price-line .rangevalue.high-value {
    right: -10px !important;
    left: auto !important;
  }
  #adsar .price-line span.low-value:after {
    left: 10px;
    right: auto;
  }
  #adsar .price-line span.high-value:after {
    left: auto;
    right: 10px;
  }
}
#adsar .price-line .rangevalue {
  position: absolute;
  top: -56px;
  color: #fff;
  background-color: var(--color-primary);
  padding: 8px;
  border-radius: 10px;
  width: 80px;
}
#adsar .price-line .ball-point,
#adsar .comparison-price-line .ball-point {
  position: absolute;
  display: block;
  height: 21px;
  width: 21px;
  background: #562873;
  border-radius: 50%;
  top: -8px;
}
#adsar .sub-head {
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  display: block;
  float: right;
  margin-top: 30px;
}
@media (max-width: 768px) {
  #adsar .sub-head {
    float: none;
    margin-top: 10px;
  }
}
#adsar .comparison-price-line {
  width: 90%;
  margin: 40px auto 80px;
}
#adsar .comparison-price-line .average-for {
  position: absolute;
  left: -115px;
  top: -20px;
  color: #562873;
}
#adsar .comparison-price-line .average-for strong {
}
#adsar .hide {
  display: none !important;
}
#adsar .results,
#adsar .results-borrow {
  background-color: #fff;
  padding: 0;
  display: block;
}
#adsar .comparison-price-line .rangevalue {
  position: absolute;
  top: -7px;
  color: #562873;
  width: 140px;
  right: -150px;
  font-weight: bold;
  font-size: 17px;
  text-align: left;
}
@media (max-width: 768px) {
  #adsar .comparison-price-line .rangevalue {
    right: -120px;
  }
}
#adsar .additional-postcode .rangevalue,
#adsar .additional-postcode .average-for {
  color: #00aeef;
}
@media (max-width: 768px) {
  /*#adsar .xscroll {
		overflow-x: auto;
	}*/
  #adsar .tab-row {
    /*min-width: 905px;*/
    /*display: table;
		table-layout: fixed;*/
  }
  #adsar .tab-row > div {
    padding-left: 0;
    padding-right: 0;
    /*width:33.33%;
		float:none;*/
    /*display:table-cell;*/
  }
}
#adsar .tab-toggle.active .tab-item-wrapper {
  background-color: var(--color-bg-tertiary);
}
#adsar .tab-row img {
  margin: 0 auto;
}
#adsar .tab-toggle {
  cursor: pointer;
}
#adsar .tab-row .tab-toggle {
  cursor: pointer;
  padding: 0 0 !important;
  border-top: 3px solid #f9f8fa;
  border-bottom: 3px solid #cac2d5;
  border-radius: 0;
  display: flex;
}
#adsar .tab-row .tab-toggle .tab-item-wrapper {
  padding-top: 15px;
  padding-bottom: 17px;
  background-color: #f9f8fa;
  flex: 1;
}
#adsar .tab-row .tab-toggle.active {
  border-bottom: 3px solid #fff;
  border-top: 3px solid #54366e;
}
#adsar .tab-row .tab-toggle.active .tab-item-wrapper {
  background-color: #fff;
  border-radius: 0;
  border-bottom: none !important;
}
#adsar .tab-toggle.active .svg-icon {
  stroke: var(--color-primary);
}
#adsar .tab-toggle.active .svg-icon-fill {
  fill: var(--color-primary);
}
#adsar span.tab-price-range {
  display: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  margin: 0px 0px 10px;
}
#adsar .tab-row span.title {
  margin: 0;
  padding: 10px 0;
  color: var(--color-primary);
  display: block;
  text-align: center;
}
#adsar .tab-row .active span.title {
  color: var(--color-primary);
  font-weight: bold;
}

#adsar img.info-block-img {
  max-width: 50px;
  display: inline-block;
}
#adsar img.img-responsive.intro-page-img {
  max-width: 170px;
  margin: 0 auto;
}
#adsar .alert-bland {
  padding-top: 30px;
}
#adsar .alert-bland p {
  color: #566266;
  padding: 10px 20px;
  margin: 0;
}
#adsar .background-line-box {
  background-color: var(--color-bg-tertiary);
  margin-top: 30px;
  padding-bottom: 0px;
}
#adsar .background-line-box h3 {
  color: var(--color-primary);
  padding: 25px 0 0px;
}
#adsar .background-cta-box {
  background-color: var(--color-bg-tertiary);
  padding: 20px;
  margin-bottom: 20px;
}
#adsar .background-cta-box-blue {
  background-color: #00aeef;
}
#adsar .background-cta-box h3 {
  padding: 15px 0 15px;
  margin: 0;
}
#adsar .background-cta-box h4 {
  margin-bottom: 25px;
}
#adsar #hbc-broadband > h3 {
  color: var(--color-primary);
  padding: 25px 0 0px;
}
#adsar .calculatetop {
  margin-top: 25px;
}
#adsar label.heading {
  margin-top: 20px;
}
/*Heading styles*/
#adsar h1 {
  font-family: var(--heading-font-family);
  color: var(--article-headings-color);
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 26px;
}

#adsar h2 {
  font-family: var(--heading-font-family);
  color: var(--article-headings-color);
  font-size: 22px;
  line-height: 32px;
  font-weight: normal;
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#adsar h3 {
  font-family: var(--heading-font-family);
  color: var(--article-headings-color);
  font-size: 22px;
  line-height: 32px;
  font-weight: normal;
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}

#adsar h4 {
  font-family: var(--heading-font-family);
  color: var(--article-headings-color);
  font-weight: bold;
  margin-top: 10px;

  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #adsar .desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  #adsar .mobile {
    display: none;
  }
}

#adsar .change-location {
  display: inline-block;
  text-align: left;
  margin-bottom: 20px;
  text-decoration: underline;
}

#adsar .blue-highlight {
  color: #00aeef;
  margin: 0;
  padding: 5px 0 15px;
}

.row.tab-row {
  display: flex;
}

.row.tab-row > div {
  flex: 1;
}

#adsar .row.flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #adsar .row.flex {
    flex-wrap: wrap;
  }

  #adsar .row.flex > div {
    flex-basis: 100%;
  }
}

#adsar .form-group {
  display: flex;
  justify-content: center;
  width: 800px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #adsar .form-group {
    width: 100%;
  }
}

#adsar .form-group > div:first-child {
  margin-right: 20px;
}

@media (max-width: 767px) {
  #adsar .form-group > div {
    flex-basis: 100%;
    margin-right: 0 !important;
    max-width: 300px;
  }
}

#adsar .resultslinkblock .dotted {
  border-top: 1px dotted #8b8c8b;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  display: flex;
}

@media (max-width: 768px) {
  #adsar .resultslinkblock .dotted {
    flex-wrap: wrap;
  }
}

#adsar .resultslinkblock .dotted > div {
  flex: 1;
  padding: 20px;
}

@media (max-width: 768px) {
  #adsar .resultslinkblock .dotted > div {
    flex-basis: 100%;
  }
}

#adsar .img-responsive {
  max-width: 100%;
}

#adsar .resultslinkblock .dotted .row {
  display: flex;
  text-align: center;
}

@media (max-width: 768px) {
  #adsar .resultslinkblock .dotted .row {
    flex-wrap: wrap;
  }

  #adsar .resultslinkblock .dotted .row > div {
    flex-basis: 100%;
  }
}

#adsar .resultslinkblock h3,
#adsar h3.paying-too-much {
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
  font-family: var(--heading-font-family);
  color: var(--article-headings-color);
}
#adsar .resultslinkblock div.dotted p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
#adsar .resultslinkblock div.dotted p.assumptions {
  font-size: 12px;
  padding: 20px;
}

#adsar .info-block-text-wrapper {
  padding: 20px;
  text-align: justify;
}

@media (max-width: 768px) {
  #adsar .info-block-text-wrapper {
    padding: 0px;
  }
}

#adsar .info-block-text-wrapper.shaded-background {
  /*background-color: #F8F8F8;*/
}
#adsar #broadbandResults,
#adsar #broadbandAndTV,
#adsar #fibreBroadband {
  list-style: none;
  background: var(--color-bg-tertiary);
  padding: 0px 30px;
  display: block;
  overflow: auto;
}
#adsar .compare-wrapper {
  list-style: none;
  background: var(--color-bg-tertiary);
  padding: 30px 30px;
  display: block;
}
#adsar #fibre-prices {
  display: none;
}
#adsar .broadband-result {
  display: block;
  background-color: #fff;
  margin: 20px auto;
  border-bottom: solid 1px #ccc;
  padding: 20px 10px;
}
#adsar .broadband-result .row.is-table-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#adsar .broadband-result img {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  max-height: 80px;
}
#adsar .broadband-result .broadband-price {
  color: #2c3134;
  padding-top: 0px;
  margin: 0;
}
#adsar .broadband-result .price-column .broadband-price {
  color: var(--color-primary);
}
#adsar .broadband-result .broadband-text {
  font-size: 12px;
  color: #2c3134;
  font-weight: normal;
  text-align: left;
}
#adsar .broadband-result .broadband-text-padding {
  padding-top: 15px;
}
#adsar .input-postcode-stub,
#adsar .new-postcode-stub {
  display: block;
  text-align: left;
  color: var(--color-primary);
  margin-left: 46px;
  padding-top: 20px;
}
@media (max-width: 768px) {
  #adsar .input-postcode-stub,
  #adsar .new-postcode-stub {
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
#adsar .average-for {
  color: #562873;
}
#adsar .average-for strong {
}
#adsar .compare-broadband .is-table-row {
  width: 100%;
  margin-left: 0px;
}
#adsar .text-left {
  text-align: left;
}
#adsar #broadband-comparison,
#adsar #broadband-comparison-other {
  padding: 0;
}
#adsar .btn.link:before,
#adsar .btn.link:after {
  top: calc(50% - 2px);
  height: 4px;
}
#adsar .view-more-less {
  cursor: pointer;
}
#adsar .prices-shown {
  color: #4e585c;
  margin: 0;
  padding-bottom: 0;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
}
#adsar .view-more-less h3 {
  color: #566266;
  padding: 0px 5px;
}
#adsar .img-plus-minus {
  height: 40px;
}
#adsar input.new-postcode {
  background: #fff;
}
#adsar .comparison-title {
  padding: 7px 20px 2px;
  margin: 0px 20px;
  display: block;
}
@media (max-width: 768px) {
  #adsar .comparison-title {
    text-align: center;
    padding: 0px 0px 10px;
  }
}
#adsar .comparison-results {
  list-style: none;
  padding: 0;
}
#adsar .compare-result {
  margin-bottom: 40px;
}
/*Button styles*/

#adsar .btn.link {
  display: inline-flex;
  align-items: center;
  margin: 30px auto;
  max-width: 250px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  background-color: var(--cta-primary-background);
  border-color: var(--cta-primary-background);
  /*font-family: "MSM Primary", "Arial Black", sans-serif;*/
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 16px 82px 16px 16px;
  border-radius: 16px;
  position: relative;
  height: auto;
}

#adsar .btn.link:after {
  display: block;
  content: '';
  background-color: red;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background-color: var(--lilac-200);
  top: calc(50% - 21px);
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='23.999999999999996' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' fill='%23291D4C' d='m11.2929,4.29289c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3Cpath id='svg_2' fill='%23291D4C' d='m47.52241,4.62076c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 60px 24px;

  background-position: calc(100% - 10px) 9px;

  transition: background-position 300ms linear;

  position: absolute;
}

#adsar .btn.link:hover:after {
  background-position: calc(100% + 27px) 9px;
}

#adsar .btn.link:hover {
  background-color: var(--purple-500) !important;
  border-color: var(--purple-500) !important;
  outline: 2px solid var(--purple-500) !important;
}
#adsar .btn.link:focus {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  outline: 2px solid #ffffff !important;
  box-shadow: 0 0 0 4px #2b173f !important;
}

#adsar .btn.link.left {
  text-align: left;
}

#adsar .info-block p {
  text-align: center;
}
#adsar .resultslinkblock {
  background-color: white;
  margin-left: 0;
  margin-right: 0;
}
#adsar .resultslinkblock div p.desc {
  color: #2b3133;
}
/*Error messages*/
#adsar .btn.btn-msm {
  color: #566266 !important;
  background: var(--color-bg-tertiary) !important;
  border-color: var(--color-bg-tertiary) !important;
  border-width: 1px !important;
}
#adsar .btn.btn-msm.active {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}
#adsar .btn-group-hbc {
  margin: 22px 0px;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
input[type='radio'],
input[type='checkbox'] {
  position: absolute;
  left: -9999px;
}
#adsar label {
  width: 100%;
  display: table-cell;
  padding: 10px 20px 9px 20px;
  cursor: pointer;
}
#adsar .btn-group-hbc .btn {
  border-radius: 0px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: bold !important;
}
#adsar .btn-group-hbc > .btn:first-child {
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
}
#adsar .btn-group-hbc > .btn:last-child {
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
#adsar .hbc-result-buttons {
  margin-top: 0px;
  margin-bottom: 0px;
}
#adsar .button-plus {
  background: url('../images/plus-icon.svg') no-repeat center center;
  position: absolute;
  top: 25px;
  left: 70px;
  width: 40px;
  height: 40px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 20px;
  border-radius: 50%;
  padding: 0px 1px 0px 0px;
  margin: 0px;
  z-index: 9999;
  cursor: pointer;
}
#adsar .button-minus {
  background: url('../images/minus-icon.svg') no-repeat center center;
  position: absolute;
  bottom: 25px;
  left: 70px;
  width: 40px;
  height: 40px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 22px;
  border-radius: 50%;
  padding: 0px 1px 0px 0px;
  margin: 0px;
  z-index: 9999;
  cursor: pointer;
}
#adsar .home-insurance-approximate-value .button-plus,
#adsar .home-insurance-approximate-value .button-minus {
  position: relative;
  top: 11px;
  display: inline-block;
  left: 0px;
}
#adsar span.energy-occupied {
  line-height: 26px;
  font-size: 20px;
  display: inline-block;
  position: relative;
  top: 10px;
}
#adsar .home-insurance-approximate-value {
  margin-top: 40px;
}
#adsar span.home-insurance-contents-value {
  font-size: 25px;
  color: var(--color-primary);
  font-weight: bold;
}
#adsar .inputPostcode,
#adsar .postcode-holder,
#adsar .new-postcode,
#adsar .average-for strong {
  text-transform: uppercase;
}
#adsar ::-webkit-input-placeholder {
  text-transform: none;
}
#adsar :-moz-placeholder {
  text-transform: none;
}
#adsar ::-moz-placeholder {
  text-transform: none;
}
#adsar :-ms-input-placeholder {
  text-transform: none;
}
#adsar .progress {
  width: 200px;
  height: 200px;
  line-height: 200px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
#adsar .progress:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
#adsar .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
#adsar .progress .progress-left {
  left: 0;
}
#adsar .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: var(--color-primary);
}
#adsar .progress .progress-bar-default {
  border-color: #ccc !important;
}
#adsar .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
#adsar .progress .progress-right {
  right: 0;
}
#adsar .progress .progress-right .progress-bar,
#adsar .progress .progress-right .progress-bar-default {
  left: -100%;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
#adsar .progress .progress-right .progress-bar-default,
#adsar .progress .progress-left .progress-bar-default {
  animation: loading-default 0.01s linear forwards !important;
}
#adsar .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  font-size: 28px;
  color: var(--color-primary);
  font-weight: bold;
  line-height: 179px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}
#adsar .progress.p5 .progress-right .progress-bar {
  animation: loading-5 0.01s linear forwards 1;
}
#adsar .progress.p10 .progress-right .progress-bar {
  animation: loading-10 0.01s linear forwards 1;
}
#adsar .progress.p15 .progress-right .progress-bar {
  animation: loading-15 0.01s linear forwards 1;
}
#adsar .progress.p20 .progress-right .progress-bar {
  animation: loading-20 0.01s linear forwards 1;
}
#adsar .progress.p25 .progress-right .progress-bar {
  animation: loading-25 0.01s linear forwards 1;
}
#adsar .progress.p30 .progress-right .progress-bar {
  animation: loading-30 0.01s linear forwards 1;
}
#adsar .progress.p35 .progress-right .progress-bar {
  animation: loading-35 0.01s linear forwards 1;
}
#adsar .progress.p40 .progress-right .progress-bar {
  animation: loading-40 0.01s linear forwards 1;
}
#adsar .progress.p45 .progress-right .progress-bar {
  animation: loading-45 0.01s linear forwards 1;
}
#adsar .progress.p50 .progress-right .progress-bar,
#adsar .progress.p55 .progress-right .progress-bar,
#adsar .progress.p60 .progress-right .progress-bar,
#adsar .progress.p65 .progress-right .progress-bar,
#adsar .progress.p70 .progress-right .progress-bar,
#adsar .progress.p75 .progress-right .progress-bar,
#adsar .progress.p80 .progress-right .progress-bar,
#adsar .progress.p85 .progress-right .progress-bar,
#adsar .progress.p90 .progress-right .progress-bar,
#adsar .progress.p95 .progress-right .progress-bar,
#adsar .progress.p100 .progress-right .progress-bar {
  animation: loading-50 0.01s linear forwards 1;
}
#adsar .progress.p55 .progress-left .progress-bar {
  animation: loading-5 0.01s linear forwards 1;
}
#adsar .progress.p60 .progress-left .progress-bar {
  animation: loading-10 0.01s linear forwards 1;
}
#adsar .progress.p65 .progress-left .progress-bar {
  animation: loading-15 0.01s linear forwards 1;
}
#adsar .progress.p70 .progress-left .progress-bar {
  animation: loading-20 0.01s linear forwards 1;
}
#adsar .progress.p75 .progress-left .progress-bar {
  animation: loading-25 0.01s linear forwards 1;
}
#adsar .progress.p80 .progress-left .progress-bar {
  animation: loading-30 0.01s linear forwards 1;
}
#adsar .progress.p85 .progress-left .progress-bar {
  animation: loading-35 0.01s linear forwards 1;
}
#adsar .progress.p90 .progress-left .progress-bar {
  animation: loading-40 0.01s linear forwards 1;
}
#adsar .progress.p95 .progress-left .progress-bar {
  animation: loading-45 0.01s linear forwards 1;
}
#adsar .progress.p100 .progress-left .progress-bar {
  animation: loading-50 0.01s linear forwards 1;
}
@keyframes loading-default {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
}
@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
}
@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg);
  }
}
@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
}
@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
  }
}
@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
  }
}
@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg);
  }
}
@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media only screen and (max-width: 990px) {
  #adsar .progress {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  #adsar #broadbandResults,
  #adsar #broadbandAndTV,
  #adsar #fibreBroadband {
    padding: 10px 10px;
  }
  #adsar .broadband-result:first-child {
    margin-top: 0px;
  }
  #adsar .btn.link {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #adsar .intro-page {
    background-position: top center;
    padding: 90px 20px 0px;
    height: auto;
  }
  #adsar .calculate {
    padding: 20px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  #adsar .tab-row .tab-toggle .tab-item-wrapper {
    text-align: left;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    border-radius: 0;
  }
  #adsar .svg-icon {
    height: 30px;
    width: 30px;
    margin-bottom: 15px;
    position: relative;
    top: 5px;
  }
  #adsar .btn-group-justified > .btn {
    display: block;
  }
  #adsar .btn-group-hbc > .btn:first-child {
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
  }
  #adsar .btn-group-hbc > .btn:last-child {
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 10px !important;
  }
  #adsar label.heading {
    font-size: 13px;
  }
  #adsar .price-line {
    width: 60%;
  }
  #adsar .price-line .average-for {
    width: 100% !important;
    left: 0px !important;
    position: relative;
    top: 30px;
  }
  #adsar .price-line span.high-text {
    width: 70px;
    right: -80px;
  }
  #adsar .new-postcode,
  #adsar .btn-compare {
    width: 90%;
    margin: 0 auto;
  }
  #adsar .btn-compare {
    margin-bottom: 15px;
  }
}
#adsar .vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 20%;
}
@media (max-width: 768px) {
  #adsar .vcenter {
    width: 50%;
  }
}

.form-group input {
  box-sizing: border-box;
  color: #828687;
  border-radius: 12px;
  font-size: 14px;
  padding: 14px 15px;
  display: block;
  width: 300px;
  transition: all 0.2s linear;
  font-weight: 600;
  border: 1px solid var(--purple-400);
  background-color: white;
  -webkit-appearance: none;
}

.form-group input[type='input']:focus {
  box-shadow: 0 0 0 1px var(--color-primary);
  border-color: var(--color-primary);
}