.hide-text{
	display: none;
}
/* virgin money styles */
#cc-apply-now ol {
  list-style: none;
  padding-left: 0;
}
#cc-apply-now #min-income,
#cc-apply-now #credit-limit {
  display: none;
}
#cc-apply-now #cards input {
  display: none;
}
#cc-apply-now #cards .cm-product-tile .image img {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#cc-apply-now .sl-item.selected .cta-is-secondary-small,
#cc-apply-now .sl-item.active .cta-is-secondary-small {
  color: #fff;
  background-color: #C00;
  border-color: #C00;
}
#cc-apply-now #cards .selected .image,
#cc-apply-now #cards .active .image {
  background-image: url('../../../content/dam/virginmoney/backgrounds/product-tile-background-active.jpg');
}
#cc-apply-now #cards .selected .cm-product-tile .image img,
#cc-apply-now #cards .active .cm-product-tile .image img {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#cc-apply-now .ctrl-holder.is-error .status-msg {
  display: none;
}
#cc-apply-now h2 {
  font-size: 22px;
}
#cc-apply-now .multiple-offers {
  display: none;
}
#cc-apply-now.all-cards .multiple-offers {
  display: block;
}
#cc-apply-now h3 {
  font-size: 16px;
}
#cc-apply-now #important-information h3 {
  font-weight: 500;
}
#cc-apply-now #important-information {
  list-style: none;
  padding-left: 0;
}
#cc-apply-now fieldset > ol > li:nth-child(2) {
  background: #F4F5F7;
  padding: 50px 50px 35px;
}
#cc-apply-now fieldset > ol > li {
  margin-bottom: 50px;
}
#cc-apply-now #important-information ul {
  padding-left: 20px;
}
#cc-apply-now #offers label {
  padding-left: 10px;
}
#cc-apply-now #offers .radio-button-group {
  margin-bottom: 8px;
}
#cc-apply-now #offers {
  margin-top: 25px;
}
#cc-apply-now #cards .cm-product-tile .image img,
.credit-card-calculator .cm-product-tile .image img,
.bt-calculator .cm-product-tile .image img {
  width: 175px;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#cc-apply-now #cards .cm-product-tile .image {
  height: 145px;
}
.credit-card-calculator.vma-calculator .calc-results .content-main .image {
  height: 205px;
}
.credit-card-calculator .vma-card-savings {
  margin: 85px 0;
}
#cc-apply-now #cards .cm-product-tile .image,
.credit-card-calculator .cm-product-tile .image,
.bt-calculator .cm-product-tile .image {
  position: relative;
}
#cc-apply-now #cards .image {
  background: #F4F5F7;
}
#cc-apply-now #cards,
.credit-card-calculator .results-wrapper {
  margin-top: 70px;
}
#cc-apply-now .content-secondary {
  position: absolute;
  bottom: 0;
}
#cc-apply-now .cm-product-tile {
  position: relative;
  height: 260px!important;
}
.cm-hero-banner .subtitle2 {
  text-transform: uppercase;
  font-size: 13px;
  color: #76787A;
  font-weight: 500;
  font-family: "Gotham Rounded A","Gotham Rounded B",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  font-style: normal;
}
#cc-apply-now .cm-hero-banner p {
  margin: 10px 0 0 0;
}
@media all and (max-width: 767px) {
  #cc-apply-now .ctrl-holder .text,
  #cc-apply-now .ctrl-holder select,
  #cc-apply-now .ctrl-holder textarea {
    padding: 2px 1px;
    font-size: 13px;
  }
}
/* change look and feel of product CTA for CC apply now */
#cc-apply-now .cm-product-tile .product-cta {
  padding-top: 0;
  border-top: none;
}
#cc-apply-now .sl-item.selected .cta-is-secondary-small:after {
  content: '\2713';
  display: inline-block;
  position: absolute;
  top: 37%;
  right: 20px;
  font-size: 1.2em
}
#cc-apply-now .sl-item.selected .cta-is-secondary-small {
  padding-right: 40px;
}
.vma-calculator,
.velocity-calculator {
  background-color: #F4F5F7;
  padding: 50px 40px 40px 40px;
}
.vma-calculator .CCCalc form .sectionBalance {
  margin-bottom: 30px;
}
.calc-controls,
.calc-results {
  display: inline-block;
  vertical-align: top;
}
.calc-controls {
  width: 22%;
  margin-right: 20px;
  padding: 0 20px 0 0;
}
#velocity-calculator .calc-disclaimer,
.bt-calculator .calc-disclaimer {
  font-size: 12px;
  margin: 30px 0;
}
.credit-card-calculator .calc-controls {
  width: 30%;
}
.vma-calculator .CCCalc form .sectionInner .ui-slider .ui-slider-track,
.vma-calculator .CCCalc form .sectionInner .vma-slider-ui,
#velocity-calculator .ui-slider {
  background-color: #fff;
  border-radius: 16px;
  position: relative;
}
.vma-calculator .CCCalc form .sectionInner .ui-slider .ui-slider-track .ui-slider-bg,
.vma-calculator .CCCalc form .sectionInner .vma-slider-ui .ui-slider-bg,
#velocity-calculator .ui-slider-range {
  height: 16px;
  background-color: #DE0000;
  position: relative;
  border: 2px solid #fff;
  border-radius: 16px;
}
.slider-min.minBalance,
.slider-max.maxBalance,
.slider-min.minRate,
.slider-max.maxRate {
  display: inline-block;
}
.vma-slider-ui.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all,
.calculator-item.calculator-slider-container {
  margin: 10px 0 10px;
}
.calc-results.sl {
  margin: 0 0 0 30px;
  padding: 0 30px 45px;
  border-left: 1px solid #dadada;
  width: 70%;
}
.credit-card-calculator .calc-results.sl,
.total-points {
  width: 100%;
}
.calc-results h3.legend {
  font-size: 15px;
  font-family: aktiv-grotesk,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
}
.vma-calculator h4.product-name {
  font-size: 16px;
}
.vma-calculator .calc-results .content-main .image {
  background: #414042;
  height: 145px;
  padding: 20px 0 20px;
}
.vma-calculator .vma-card-savings {
  font-size: 38px;
  color: #FFFFFF;
  text-align: center;
}
.vma-calculator .cm-product-tile {
  height: 382px;
}
.vma-calculator,
.vma-calculator * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vma-calculator .CCCalc form:before,
.vma-calculator .CCCalc form:after {
  content:"";
  display:table;
}
.vma-calculator .CCCalc form:after {
  clear:both;
}
.vma-calculator .CCCalc form {
  zoom:1;
}
.vma-calculator .CCCalc form .sectionInner {
  position: relative;
}
.vma-calculator .CCCalc form .sectionInner .ui-slider {
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
}
.vma-calculator .results .vma-results-title h4 {
  text-align: center;
  color: #575757;
  margin-bottom: 20px;
}
.vma-calculator .results .vma-card-option {
  padding: 0 15px;
  text-align: center;
  margin-bottom: 40px;
}
.vma-calculator .results .vma-card-option h5 {
  font-weight: bold;
  font-size: 14px;
}
.vma-calculator .results .vma-card-option h6 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}
.vma-calculator .results .vma-card-option .card-result-icon {
  width: 120px;
  height: 77px;
  background: transparent url(clientlib-vma/assets/images/icon-calculator-result.png) 0 0 no-repeat;
  background-size: 120px 77px;
  margin: 0 auto 10px auto;
  position: relative;
}
.vma-calculator .results .vma-card-option .card-result-icon .vma-card-savings {
  color: #E30078;
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 10px;
}
.vma-calculator .results .vma-results-disclaimer {
  text-align: center;
}
.vma-calculator .results .vma-results-disclaimer p {
  margin-bottom: 0;
}
.vma-calculator .results .vma-results-disclaimer {
  text-align: left;
}
.slider-min.minRate:after, .slider-max.maxRate:after {
  content: ' p.a.';
}
.vma-calculator .results .vma-card-option h3 {
  height: 40px;
  margin-bottom: 10px;
}
.vma-calculator .results .vma-card-option h3.shorter {
  height: auto;
  margin-top: 4px;
}
.velocity-calculator:after {
  content: ' ';
  line-height: 0;
  display: block;
  clear: both;
}
.calculator-item{
  line-height: 24px;
}
.calculator-slider{
  width: 100%;
  height: 40px;
  padding: 8px 0;
}
.calculator-row-1 .calculator-slider-container {
  height: 40px;
}
.calculator-checkbox {
  padding: 8px 24px 8px 0;
}
.calculator-input label.label-full{
  width: 100%;
}
.calculator-item-right .calculator-input label{
  width: auto;
}
.credit-block .calculator-item-right .calculator-input label {
  width: 100%;
}
.calculator-input .input-type{
  float: left;
  width: 15px;
  text-align: right;
  margin: 0 3px 0 10px;
}
.calculator-input input{
  width: 85px;
  height: 24px;
  line-height: 18px;
  padding: 3px 6px;
  border: 0;
  box-sizing: border-box;
  font-size: 13px;
}
.calculator-item-choice-inline .calculator-input,
.calculator-item-choice-inline .calculator-choice {
  width: 120px;
}

.calculator-item-choice-inline .calculator-input label {
  width: auto;
}

.calculator-radio-button{
  float: left;
  padding: 0 0 0 25px;
  background: url("../../../content/dam/virginmoney/projects/calculators/calculator-radio-button.png") left no-repeat;
  cursor: default;
}

.calculator-radio-button-checked{
  background: url("../../../content/dam/virginmoney/projects/calculators/calculator-radio-button-checked.png") left no-repeat;
}

.calculator-checkbox-button {
  padding: 0 0 0 35px;
  background: url("../../../content/dam/virginmoney/projects/calculators/calculator-checkbox.png") left no-repeat;
  cursor: default;
}

.calculator-checkbox-button-checked{
  background: url("../../../content/dam/virginmoney/projects/calculators/calculator-checkbox-checked.png") left no-repeat;
}

.calculator-tooltip {
  width: 17px;
  height: 17px;
  background: url("../../../content/dam/virginmoney/projects/calculators/tooltip-icon.png") no-repeat;
  position: relative;
  display: inline-block;
  margin: 0 0 -3px 8px;
}

.calculator-tooltip .calculator-tooltip-wrapper{
  position: absolute;
  left: 18px;
  top: -21px;
  padding-left: 12px;
  background: url("../../../content/dam/virginmoney/projects/calculators/tooltip-point.png") 0 16px no-repeat;
  z-index: 999999;
  white-space: normal;
  display: none;
}

.calculator-checkbox .calculator-tooltip .calculator-tooltip-wrapper{
  top: auto;
  bottom: 17px;
  left: -120px;
  padding: 0 0 12px 0;
  background: url("../../../content/dam/virginmoney/projects/calculators/tooltip-point-bottom.png") bottom right no-repeat;
}
.calculator-tooltip .calculator-tooltip-value{
  background: #fff;
  border-radius: 8px;
  padding: 15px 10px;
  width: 175px;
  font-size: 11px;
  line-height: 15px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.credit-block,
.insurance-block{
  display: none;
}
.slider-max{
  float: right;
}
.calculator-choice .ui-slider{
  width: 48px;
}
.ui-slider-handle{
  height: 25px;
  width: 25px;
  border-radius: 30px;
  background-color: #414141;
  display: block;
  position: absolute;
  top: -5px;
  margin-left: -15px;
  outline: none!important;
}
.ui-slider-range {
  height: 20px;
  background-color: #00b3be;
  position: relative;
  border: 2px solid #fff;
  border-radius: 16px;
  box-sizing: border-box;
}
.ui-slider-value{
  position: absolute;
  right: 35px;
  top: 7px;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
}
.ui-slider-value-inversed{
  right: auto;
  left: 35px;
  color: #de0000;
}
.points-chart{
  color: #414042;
  float: left;
}
.points-chart .v-axis{
  margin-right: 5px;
  float: left;
}
.points-chart .v-axis .grid{
  padding-right: 3px;
  margin-left: 60px;
  border-left: 3px solid #77787b;
  border-top: 1px solid #77787b;
  position: relative;
  box-sizing: border-box;
}
.points-chart .v-axis .grid:first-child{
  border-top: none;
}
.points-chart .v-axis .grid-value{
  position: absolute;
  left: -60px;
  top: -10px;
  text-align: right;
  font-size: 11px;
  line-height: 20px;
  width: 50px;
}
.points-chart .h-axis{
  border-top: 3px solid #77787b;
  margin-left: 60px;
  padding-left: 11px;
  float: left;
}
.points-chart .h-axis .column-label{
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}
.points-chart .chart-legend{
  margin-left: 60px;
  float: left;
  padding: 2px 0 5px 0;
}
.points-chart .legend-item{
  float: left;
  padding: 0 26px 0 14px;
}
.points-chart .legend-color{
  float: left;
  padding-left: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 8px 10px 8px 0;
}
.points-chart .legend-description{
  float: left;
  line-height: 25px;
  font-size: 11px;
}
.points-chart .legend-color-loan{
  background-color: #a1006b;
}
.points-chart .legend-color-bonus{
  background-color: #01b3bf;
}
.points-chart .legend-color-credit{
  background-color: #a9c3c9;
}
.points-chart .legend-color-insurance{
  background-color: #00aebc;
}
.points-chart .columns{
  float: left;
}
.points-chart .column-box,
.points-chart .h-axis .column-label{
  width: 10%;
  float: left;
}
.points-chart .cols-1 .column-box,
.points-chart .h-axis.cols-1  .column-label{
  width: 100%;
}
.points-chart .cols-2 .column-box,
.points-chart .h-axis.cols-2  .column-label{
  width: 50%;
}
.points-chart .cols-3 .column-box,
.points-chart .h-axis.cols-3  .column-label{
  width: 33.3%;
}
.points-chart .cols-4 .column-box,
.points-chart .h-axis.cols-4  .column-label{
  width: 25%;
}
.points-chart .cols-5 .column-box,
.points-chart .h-axis.cols-5  .column-label{
  width: 20%;
}
.points-chart .cols-6 .column-box,
.points-chart .h-axis.cols-6  .column-label{
  width: 16.65%;
}
.points-chart .cols-7 .column-box,
.points-chart .h-axis.cols-7  .column-label{
  width: 14.25%;
}
.points-chart .cols-8 .column-box,
.points-chart .h-axis.cols-8  .column-label{
  width: 12.5%;
}
.points-chart .cols-9 .column-box,
.points-chart .h-axis.cols-9  .column-label{
  width: 11.1%;
}
.points-chart .cols-10 .column-box,
.points-chart .h-axis.cols-10  .column-label{
  width: 10%;
}
#velocity-calculator:not(.credit-card-calculator) .calculator-item-left:not(:first-child) {
  margin-top: 30px;
}
#velocity-calculator:not(.credit-card-calculator) .calculator-row:not(:first-child) {
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #e6e7e8;
  width: 100%;
}
.calculator-item-right,
.calculator-choice {
  margin: 10px 0 0 5px;
}
.calculator-radio .calculator-radio-button {
  margin: 0 0 10px 0;
}


.points-chart .column-box div{
  margin-left: 6px;
}
.points-chart .column-box .points-wrapper{
  position: relative;
}
.points-chart .column-box .loan-points{
  background-color: #A1006B;
}
.points-chart .column-box .bonus-points{
  background-color: #CF0072;
}
.points-chart .column-box .credit-points{
  background-color: #A9C3C9;
}
.points-chart .column-box .insurance-points{
  background-color: #00AEBC;
}
.points-chart .column-box .loan-points,
.points-chart .column-box .credit-points,
.points-chart .column-box .insurance-points,
.points-chart .column-box .bonus-points,
.points-chart .column-box .blank-points{
  -webkit-transition: height 0.5s;
  -o-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

.points-chart .chart-tooltip{
  font-size: 11px;
  width: 176px;
  text-align: center;
  padding-bottom: 12px;
  position: absolute;
  top: -96px;
  left: -60px;
  background: url("../../../content/dam/virginmoney/projects/calculators/down-arrow.png") bottom no-repeat;
  display: none;
  z-index: 9999999;
}

.points-chart .column-box:last-child .chart-tooltip{
  left: -120px;
  background-position: 135px 91px;
}

.points-chart .tooltip-box{
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
}

.points-chart .chart-tooltip .tooltip-year{
  line-height: 20px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 5px;
  display: block;
}

.points-chart .chart-tooltip .tooltip-points{
  line-height: 15px;
  display: block;
}
.points-disclaimer,
.points-breakdown {
  margin: 15px;
  padding: 15px;
}
.points-breakdown {
  background-color: #fff;
  border-radius: 8px;
  float: left;
}
.credit-card-calculator .points-breakdown {
  display: none;
}

.breakdown-list{
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 5px;
  padding: 10px 0 20px 0;
}

.breakdown-list .breakdown-item{
  float: left;
  width: 175px;
  box-sizing: border-box;
}

.breakdown-list .breakdown-loan{
  background: url("../../../content/dam/virginmoney/projects/calculators/breakdown-loan.png") left top no-repeat;
  padding-left: 38px;
}

.breakdown-list .breakdown-bonus{
  background: url("../../../content/dam/virginmoney/projects/calculators/breakdown-bonus.png") left top no-repeat;
  padding-left: 38px;
}

.breakdown-list .breakdown-credit{
  background: url("../../../content/dam/virginmoney/projects/calculators/breakdown-credit.png") left no-repeat;
  padding-left: 43px;
}

.breakdown-list .breakdown-insurance{
  background: url("../../../content/dam/virginmoney/projects/calculators/breakdown-insurance.png") left no-repeat;
  padding-left: 53px;
}

.breakdown-list .breakdown-description{
  font-size: 11px;
}

.breakdown-info{
  padding: 10px 0 5px 0;
}

#copy .breakdown-info p{
  margin-bottom: 0!important;
  line-height: 18px;
}

#copy .points-disclaimer p{
  margin-bottom: 0!important;
  font-size: 11px;
}

.nowrap{
  display: inline;
  white-space: nowrap;
}

#copy .points-disclaimer p:not(:last-child) {
  padding-bottom: 8px;
}

div.tenure-div{
  padding-top: 10px;
}
.velocity-calculator-result,
.total-points {
  display: inline-block;
}
.velocity-calculator-result {
  width: 65%;
}
#velocity-calculator:not(.credit-card-calculator) .velocity-calculator-result {
  width: 75%;
  padding: 20px;
  background: #fff;
}
#velocity-calculator:not(.credit-card-calculator) .velocity-calculator-result .points-info,
#velocity-calculator:not(.credit-card-calculator) .velocity-calculator-result .points-number {
  text-align: center;
}
#velocity-calculator:not(.credit-card-calculator) .velocity-calculator-result .points-number {
  font-size: 50px;
  margin-top: -15px;
}



/** RM: custom code for the credit card velocity points calculator
*	has to work in conjuction with the vp-calc.css file built for the home loans VP calculator
*/
.velocity-calculator.credit-card-calculator .credit-block {
  display: block !important;
}
.velocity-calculator.credit-card-calculator .calculator-row.calculator-row-1,
.velocity-calculator.credit-card-calculator .calculator-row.calculator-row-2 .calculator-item,
.velocity-calculator.credit-card-calculator .calculator-row.calculator-row-3{
  display: none;
}
.velocity-calculator.credit-card-calculator .calculator-row.calculator-row-2 .credit-block .calculator-item-left ,
.velocity-calculator.credit-card-calculator .calculator-row.calculator-row-2 .credit-block .calculator-item-right {
  display: block;
}
.credit-card-calculator #points-chart,
.credit-card-calculator .points-chart,
.credit-card-calculator .points-disclaimer,
.credit-card-calculator label[for="credit-bonus-points"] {
  display: none;
}
#copy .points-breakdown .cc-terms-and-conditions p {
  font-size: .9em;
  margin-bottom: 5px !important;
}
.credit-card-calculator .credit-block > .calculator-item:first-child {
  display: none;
}
.sentence-cased {
  text-transform: capitalize;
}
.points-breakdown {
  margin-top: 20px;
}
#velocity-calculator .vma-cta {
  margin-top: 15px;
}
.credit-card-calculator .content-main {
  height: 280px;
}
#velocity-calculator::after{
  height: 20px;
}
/* /credit card velocity points calculator */

/* credit card bt calculator */
.bt-calculator .vma-card-savings {
  margin: 85px 0;
}
.bt-calculator .calc-results .content-main .image {
  height: 205px;
}
.bt-calculator .sl .sl-list.has-2-items .sl-item:nth-child(-n+2),
.bt-calculator .sl .sl-list.has-3-items .sl-item:nth-child(-n+3),
.bt-calculator .sl .sl-list.has-4-items .sl-item:nth-child(-n+4),
.bt-calculator .sl .sl-item {
  margin-top: 70px;
}
.bt-calculator .cm-product-tile {
  min-height: 540px
}
.bt-calculator .cm-product-tile .product-cta {
  border-bottom: 1px solid #CCC;
  padding-bottom: 25px;
  border-top: none;
  margin-top: auto;
}
/* /credit card bt calculator */

/* life insurance cover calculator */
#life-calculator .form-panel:not(.active) {
  display: none;
}
#life-calculator h2,
#life-calculator h3 {
  font-weight: 400;
}
#life-calculator .results-panel > h3:not(:first-child) {
  margin-top: 5px;
}
#life-calculator h2 {
  font-size: 18px;
}
#life-calculator h3 {
  font-size: 16px;
}
#life-calculator {
  background: #F2F3F4;
  padding: 20px;
}
#life-calculator .results-panel {
  margin: 25px 0;
}
#life-calculator .results-panel p,
#life-calculator .total-debts-expenses {
  font-size: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#life-calculator .ctrl-holder {
  margin-bottom: 5px;
  margin-top: 10px;
}
#life-calculator .stepper {
  margin-bottom: 20px;
}
#life-calculator .steps {
  font-size: 1.5em;
}
#life-calculator .steps:First-of-type {
  margin-left: 10px;
}
#life-calculator .steps:not(:last-child) {
  margin-right: 20px;
}
#life-calculator .steps.active {
  color: #c00;
  text-decoration: underline;
}
#life-calculator .results-panel p {
  text-align: right;
  border-bottom: 1px solid #e6e7e8;
}
/* /life insurance cover calculator */

/* pie chart */
.pie-container {
  position: relative;
  width: 300px;
  height: 300px;
}
/* /pie chart */

/* hide the velocity calc graph when in mobile view */
@media all and (max-width: 1199px) {
  #velocity-calculator .points-chart {
    display: none;
  }
}
@media all and (max-width: 1123px) {
  #velocity-calculator:not(.credit-card-calculator) .velocity-calculator-result {
    width: 100%;
  }
}

@media only screen and (min-width: 75em) {
  /* override DD styling on the product tile wrapping for two items in the sl-list */
  .credit-card-calculator .has-2-items>.sl-item:nth-child(1) .cm-product-tile {
    margin-left: 0;
  }
  .credit-card-calculator .has-2-items>.sl-item:nth-child(2) .cm-product-tile {
    margin-right: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  /* tablet */
  .calc-controls {
    width: 30%;
  }
  .calc-results.sl {
    width: 58%;
  }
  /* /tablet */
}
@media all and (max-width: 767px) {
  /* mobile */
  .calc-controls,
  .calc-results.sl,
  #velocity-calculator .calc-controls,
  .velocity-calculator-result {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .velocity-calculator-result {
    border-top: 1px #dadada solid;
    padding-top: 20px;
  }
  .calc-results.sl {
    border-left: none;
  }
  /* /mobile */
}
@media all and (max-width: 1023px) {
  /* tablet and mobile */
  #cc-apply-now #cards .sl-item:not(:last-child) {
    margin-bottom: 70px;
  }
  #cc-apply-now #cards .content-secondary {
    display: none;
  }
  #cc-apply-now .cm-product-tile {
    height: 165px !important;
  }
  #cc-apply-now #cards .cm-product-tile .image img {
    left: auto;
    right: -45px;
  }
  #cc-apply-now #cards .cm-product-tile .image:before,
  #cc-apply-now #cards .cm-product-tile .image:before {
    content: '';
    display: inline-block;
    border: 2px #DE0000 solid;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 25%;
    left: 30px;
    text-align: center;
    font-size: 1.5em;
  }
  #cc-apply-now #cards .selected .cm-product-tile .image:before,
  #cc-apply-now #cards .active .cm-product-tile .image:before {
    content: '\2713';
    color: #fff;
    border-color: #fff;
  }
  /* /tablet and mobile */
}
/* /virgin money styles */

/* HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-polyfill*/
div.number-spin-btn-container {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}
div.number-spin-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
  width: 1.2em;
}
div.number-spin-btn:hover {
  cursor: pointer;
}
div.number-spin-btn:active {
  border-width: 2px;
  border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
  border-style: solid;
  background-color: #999999;
}
div.number-spin-btn-up {
  border-bottom-width: 1px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
div.number-spin-btn-up:before {
  border-width: 0 0.3em 0.3em 0.3em;
  border-color: transparent transparent black transparent;
  top: 25%;
}
div.number-spin-btn-up:active {
  border-bottom-width: 1px;
}
div.number-spin-btn-up:active:before {
  border-bottom-color: white;
  top: 26%;
  left: 51%;
}
div.number-spin-btn-down {
  border-top-width: 1px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
div.number-spin-btn-down:before {
  border-width: 0.3em 0.3em 0 0.3em;
  border-color: black transparent transparent transparent;
  top: 75%;
}
div.number-spin-btn-down:active {
  border-top-width: 1px;
}
div.number-spin-btn-down:active:before {
  border-top-color: white;
  top: 76%;
  left: 51%;
}
div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin: -0.15em 0 0 -0.3em;
  padding: 0;
}
input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active {
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
}
input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active:before {
  border-bottom-color: #999999;
  top: 25%;
  left: 50%;
}
input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active:before {
  border-top-color: #999999;
  top: 75%;
  left: 50%;
}
/* /number-polyfill */


/* awesome terms and conditions */

#global-tcs .tcs-wrapper:not(.exist-on-page) {
  display: none;
}
#global-tcs .tcs-wrapper.terms-selected {
  font-weight: 700;
  background: #fff;
  padding: 30px;
  margin: 10px 0;
  border: 1px solid #414042;
}
#global-tcs a#terms-back-to-top {
  cursor: pointer;
  margin-top: 10px;
  display: block;
}

/* /awesome terms and conditions */


body #epic-tooltips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body #epic-tooltips > .epic-tooltip-content {
  position: absolute;
  display: none;
  background: #e6e7e8;
  color: #414042;
  -webkit-box-shadow: 0px 0px 5px 3px #cccccc;
  -moz-box-shadow: 0px 0px 5px 3px #cccccc;
  box-shadow: 0px 0px 5px 3px #cccccc;
  padding: 15px;
  font-size: 11px;
  max-width: 80%;
}
@media screen and (min-width: 1024px) {
  body #epic-tooltips > .epic-tooltip-content {
    max-width: 25%;
  }
}
body .ctrl-holder .css-inline {
  display: inline;
}
body .ctrl-holder .css-inline + .epic-tooltip {
  margin-left: 5px;
}
body .epic-tooltip {
  display: inline-block;
}
body .epic-tooltip > a:first-child {
  font-size: 9px;
  border: 2px solid #414042;
  background: #414042;
  color: #fff;
  border-radius: 50%;
  font-size: 9px;
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: help;
}
body .epic-tooltip > div:last-child {
  display: none;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: transparent;
  font-size: 12px;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

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

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: none !important;
}

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active
  g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active
  .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active
  .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #5a245a;
  stroke: #5a245a;
}

.highcharts-color-1 {
  fill: #cc0000;
  stroke: #cc0000;
}

.highcharts-color-2 {
  fill: #414042;
  stroke: #414042;
}

.highcharts-color-3 {
  fill: #cf0072;
  stroke: #cf0072;
}

.highcharts-color-4 {
  fill: #76787a;
  stroke: #76787a;
}

.highcharts-color-5 {
  fill: #a1006b;
  stroke: #a1006b;
}

.highcharts-color-6 {
  fill: #ffa02f;
  stroke: #ffa02f;
}

.highcharts-color-7 {
  fill: #00aebc;
  stroke: #00aebc;
}

.highcharts-color-8 {
  fill: #21cc94;
  stroke: #21cc94;
}

.highcharts-color-9 {
  fill: #ffa02f;
  stroke: #ffa02f;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: transparent;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: transparent;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: transparent;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: transparent;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: transparent;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: transparent;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: transparent;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: transparent;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: transparent;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: transparent;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: transparent;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: transparent;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: transparent;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

.velocity-calculator-2018 {
  background-color: #f4f5f7;
  position: relative;
}
.velocity-calculator-2018.current-page-1 .mobile-nav-1 {
  background-color: #c00 !important;
}
.velocity-calculator-2018.current-page-1 .mobile-nav-1:after {
  border-color: transparent transparent transparent #c00 !important;
}
.velocity-calculator-2018.current-page-1 .mobile-page-1 {
  display: block;
}
.velocity-calculator-2018.current-page-2 .mobile-nav-2 {
  background-color: #c00 !important;
}
.velocity-calculator-2018.current-page-2 .mobile-nav-2:after {
  border-color: transparent transparent transparent #c00 !important;
}
.velocity-calculator-2018.current-page-2 .mobile-page-2 {
  display: block;
}
@media screen and (max-width: 1024px) {
  .velocity-calculator-2018.current-page-2 .mobile-page-2 > ol {
    display: block !important;
  }
}
.velocity-calculator-2018.current-page-3 .mobile-nav-3 {
  background-color: #c00 !important;
}
.velocity-calculator-2018.current-page-3 .mobile-nav-3:after {
  border-color: transparent transparent transparent #c00 !important;
}
.velocity-calculator-2018.current-page-3 .mobile-page-3 {
  display: block;
}
body .velocity-calculator-2018 label {
  font-size: 14px;
}
.velocity-calculator-2018 input[type="number"] {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 2px 10px 1px;
  border-radius: 0;
  transition-property: color, background-color, border;
  transition-duration: 250ms;
  height: 45px;
}
.velocity-calculator-2018 input[type="number"]:focus {
  border-color: #5a245a;
  outline-width: 0;
}
.velocity-calculator-2018 .ec {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 0;
  display: block;
}
.velocity-calculator-2018 .ec:after,
.velocity-calculator-2018 .ec:before {
  background-size: 40px 40px;
}
.velocity-calculator-2018 .expandcollapse {
  padding-right: 0;
}
.velocity-calculator-2018 .form-input {
  padding: 30px 25px;
}
.velocity-calculator-2018 .form-input > h4 {
  font-size: 18px;
  font-weight: 200;
}
.velocity-calculator-2018 .form-input ol,
.velocity-calculator-2018 .form-input ul {
  padding: 0;
  margin: 0;
  font-size: 0;
}
.velocity-calculator-2018 .form-input ol .radio-button-group,
.velocity-calculator-2018 .form-input ul .radio-button-group {
  margin: 0 0 5px 0;
}
.velocity-calculator-2018 .form-input ol small,
.velocity-calculator-2018 .form-input ul small {
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  .velocity-calculator-2018 .form-input .optional,
  .velocity-calculator-2018 .form-input .compulsory {
    margin-top: 45px;
  }
}
.velocity-calculator-2018 .form-input .optional {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .velocity-calculator-2018 .form-input .optional {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.velocity-calculator-2018 .form-input .optional h5 {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 0;
  position: relative;
  padding: 23px 0;
}
@media screen and (max-width: 1023px) {
  .velocity-calculator-2018 .form-input .optional h5 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-input .optional h5 + * {
    display: none;
  }
}
.velocity-calculator-2018 .form-input .optional ol li {
  padding-top: 0;
}
.velocity-calculator-2018 .form-input .optional ol li .credit-card-selection {
  padding: 5px 0 20px 20px;
  display: none;
}
.velocity-calculator-2018
  .form-input
  .optional
  ol
  li
  .credit-card-selection.is-shown {
  display: block;
}
.velocity-calculator-2018 .form-input .optional ol li h6 {
  font-size: 14px;
  font-weight: 800;
}
.velocity-calculator-2018 .form-input ol * {
  font-size: 14px;
}
.velocity-calculator-2018 .form-input ol.compulsory h5 {
  font-size: 14px;
  font-weight: 800;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-input ol.compulsory > li {
    padding-top: 30px;
  }
}
.velocity-calculator-2018 .form-input ol.full-width li {
  width: 100%;
}
.velocity-calculator-2018 .form-input ol li {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
  width: 100%;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-input ol li {
    padding: 30px;
    width: 33.3%;
  }
}
.velocity-calculator-2018 .form-input ol li.page-nav {
  padding: 0;
  margin: 20px 0 0;
}
.velocity-calculator-2018 .form-input ol li.page-nav > a {
  margin-bottom: 10px;
}
.velocity-calculator-2018 .form-input ol li:first-of-type {
  padding-left: 0;
}
.velocity-calculator-2018 .form-input ol li:last-of-type {
  padding-right: 0;
}
.velocity-calculator-2018 .form-input ol li > ul > li {
  display: block;
  width: 100%;
  padding: 0;
}
.velocity-calculator-2018 .form-input ol li > ul > li.bonus-points {
  display: none;
}
.velocity-calculator-2018 .form-input ol li > ul > li > label {
  margin-bottom: 0;
}
.velocity-calculator-2018 .form-input ol li > ul > li:not(:first-child) {
  margin-top: 5px;
}
.velocity-calculator-2018 .form-results {
  background-color: #f4f5f7;
  padding: 0 25px 30px;
}
.velocity-calculator-2018 .form-results.awesome {
  background-color: #a1006b;
  padding-top: 30px;
  color: #fff;
}
.velocity-calculator-2018 .form-results.awesome .highcharts-axis-labels {
  fill: #fff;
}
.velocity-calculator-2018 .form-results.awesome .highcharts-legend-item text {
  fill: #fff;
}
.velocity-calculator-2018 .form-results h5 {
  font-size: 14px;
}
.velocity-calculator-2018 .form-results .points-breakdown {
  padding: 0;
  margin: 0;
  background: none;
}
.velocity-calculator-2018 .form-results .points-breakdown li {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
  position: relative;
  font-size: 16px;
  line-height: 1em;
  width: 25%;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-results .points-breakdown li {
    font-size: 20px;
    width: auto;
  }
}
.velocity-calculator-2018 .form-results .points-breakdown li:after {
  display: block;
  font-size: 10px;
  padding: 4px 2px 0 0;
  line-height: 1em;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-results .points-breakdown li:after {
    font-size: 12px;
    padding: 0;
  }
}
.velocity-calculator-2018 .form-results .points-breakdown li:before {
  display: inline-block;
  position: absolute;
  left: -12px;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-results .points-breakdown li:before {
    left: -20px;
  }
}
.velocity-calculator-2018 .form-results .points-breakdown li:first-child {
  display: block;
  font-size: 36px;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .form-results .points-breakdown li:first-child {
    display: inline-block;
  }
}
.velocity-calculator-2018 .form-results .points-breakdown li:not(:first-child) {
  margin-left: 0;
  padding-top: 10px;
  padding-right: 10px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018
    .form-results
    .points-breakdown
    li:not(:first-child) {
    margin-left: 30px;
  }
}
.velocity-calculator-2018
  .form-results
  .points-breakdown
  li:not(:first-child):before {
  content: "+";
}
.velocity-calculator-2018
  .form-results
  .points-breakdown
  li:nth-child(2):before {
  content: "";
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018
    .form-results
    .points-breakdown
    li:nth-child(2):before {
    content: "=";
  }
}
.velocity-calculator-2018 .form-results .points-breakdown .hl-points:after {
  content: "Home Loans Points";
}
.velocity-calculator-2018 .form-results .points-breakdown .card-points:after {
  content: "Credit Card Points";
}
.velocity-calculator-2018
  .form-results
  .points-breakdown
  .upfront-points:after {
  content: "Bonus Velocity Points";
}
.velocity-calculator-2018
  .form-results
  .points-breakdown
  .insurance-points:after {
  content: "Insurance Points";
}
.velocity-calculator-2018 .form-results .points-breakdown .bonus-points:after {
  content: "Double Points Offer";
}
.velocity-calculator-2018 .terms {
  padding-left: 25px;
  padding-right: 25px;
}
.velocity-calculator-2018 .terms.is-expanded > :first-child {
  border-bottom: 1px solid #414042;
}
.velocity-calculator-2018 .terms.awesome {
  background-color: #a1006b;
  color: #fff;
}
.velocity-calculator-2018 .terms .terms-content {
  font-size: 12px;
  display: none;
  padding-bottom: 30px;
}
.velocity-calculator-2018 .terms > :first-child {
  font-size: 12px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  line-height: 0;
}
.velocity-calculator-2018 .terms > :first-child > div {
  background: #414042;
  position: relative;
  height: 20px;
  display: inline-block;
  padding: 10px 8px;
}
.velocity-calculator-2018 .terms > :first-child > div .chevron {
  margin-left: 5px;
}
.velocity-calculator-2018 .terms > :first-child > div .chevron:before {
  top: -3px;
}
.velocity-calculator-2018 .terms > :first-child > div:before,
.velocity-calculator-2018 .terms > :first-child > div:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  border-style: solid;
  border-color: transparent transparent #414042 transparent;
  position: absolute;
}
.velocity-calculator-2018 .terms > :first-child > div:before {
  border-width: 0 0px 20px 10px;
  left: -10px;
}
.velocity-calculator-2018 .terms > :first-child > div:after {
  border-width: 0 10px 20px 0px;
  left: 100%;
}
.velocity-calculator-2018 .mobile-page {
  display: none;
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .mobile-page {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .velocity-calculator-2018 .mobile-only {
    display: none !important;
  }
}
.velocity-calculator-2018 .mobile-only.progress-bar {
  position: absolute;
  left: 0;
  width: 100%;
}
.velocity-calculator-2018 .mobile-only.progress-bar li {
  position: relative;
  height: 25px;
}
.velocity-calculator-2018 .mobile-only.progress-bar li:nth-child(1) {
  z-index: 3;
}
.velocity-calculator-2018 .mobile-only.progress-bar li:nth-child(2) {
  z-index: 2;
}
.velocity-calculator-2018 .mobile-only.progress-bar li:nth-child(3) {
  z-index: 1;
}
body .velocity-calculator-2018 .mobile-only.progress-bar li {
  margin: 0;
  padding: 2px 5px 0;
  font-size: 12px;
  display: inline-block;
  width: 33.3%;
  text-align: center;
  background-color: #414042;
  color: #fff;
}
.velocity-calculator-2018 .mobile-only.progress-bar li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 100%;
  border-style: solid;
  border-width: 12.5px 0 12.5px 7px;
  border-color: transparent transparent transparent #414042;
}

.cc-velocity-calculator-2018 {
  display: none;
  background: #5a245a;
}
.cc-velocity-calculator-2018 .terms {
  font-size: 12px;
  font-weight: 400;
}
.cc-velocity-calculator-2018 .terms.desktop-only {
  margin-bottom: 30px;
  font-size: 12px;
}
.cc-velocity-calculator-2018 .form-input {
  padding: 0 25px 0;
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .cc-velocity-calculator-2018 .form-input {
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }
}
.cc-velocity-calculator-2018 .form-input h4 {
  font-size: 18px;
  font-weight: 200;
  padding-top: 30px;
}
.cc-velocity-calculator-2018 .form-input .ctrl-holder h5 {
  font-size: 12px;
  font-weight: 800;
}
.cc-velocity-calculator-2018 .form-input .ctrl-holder label {
  color: #fff;
  font-size: 14px;
}
.cc-velocity-calculator-2018 .form-input .ctrl-holder .addon-text-container .addon-text,
.cc-velocity-calculator-2018 .form-input .ctrl-holder .addon-text-container input {
  color: #414042;
}
.cc-velocity-calculator-2018 .form-input .ctrl-holder .addon-text-container .addon-text:first-child {
  border-right: none;
}
.cc-velocity-calculator-2018 .form-input .ctrl-holder .addon-text-container input {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 2px 10px 1px;
  border-radius: 0;
  transition-property: color, background-color, border;
  transition-duration: 250ms;
  width: 90px;
  height: 45px;
  line-height: 2.5;
}
.cc-velocity-calculator-2018.is-built {
  display: block;
}
.cc-velocity-calculator-2018 .responsive-table {
  margin: 0;
  background: #f7f7f7;
}
.cc-velocity-calculator-2018 .responsive-table:not(.has-scroll) .label td span {
  left: auto !important;
}
@media screen and (min-width: 768px) {
  .cc-velocity-calculator-2018 .responsive-table {
    display: inline-block;
    vertical-align: top;
    width: 60%;
  }
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable {
  padding-bottom: 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table {
  margin: 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table:not(.table-condensed) td {
  border: none;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table:not(.table-condensed) td:nth-child(even), .cc-velocity-calculator-2018 .responsive-table .table-scrollable table:not(.table-condensed) td:nth-child(odd) {
  background: none;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table td,
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table th {
  text-align: center;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .head img {
  width: 162px;
  height: auto;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .head h5 {
  font-size: 14px;
  color: #414042;
  margin: 15px 0 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .label {
  border-top: thin solid #d8d8d8;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .label td {
  font-size: 12px;
  color: #414042;
  font-weight: 800;
  padding: 5px 0 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .label td span {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .total-points {
  font-size: 28px;
  color: #5a245a;
  display: table-row;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .total-points td {
  padding: 18px 0 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown {
  background: none;
  margin: 0;
  padding: 0;
  float: none;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td {
  padding: 25px 0 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul {
  list-style: none;
  padding: 0;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul li {
  display: inline-block;
  margin-top: 0;
  position: relative;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul li.is-active:before {
  content: "+";
  display: inline-block;
  position: absolute;
  left: -10px;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul li:not(:first-child) {
  margin-left: 5px;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul li:not(:first-child):not(.is-active) {
  display: none;
}
.cc-velocity-calculator-2018 .responsive-table .table-scrollable table .points-breakdown td ul li .subtitle {
  display: block;
  font-size: 10px;
}
.cc-velocity-calculator-2018 .terms.mobile-only {
  padding-left: 25px;
  padding-right: 25px;
  background: #f7f7f7;
}
.cc-velocity-calculator-2018 .terms.mobile-only.is-expanded > :first-child {
  border-bottom: 1px solid #414042;
}
.cc-velocity-calculator-2018 .terms.mobile-only .terms-content {
  display: none;
  padding-bottom: 30px;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child {
  font-size: 12px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  line-height: 0;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div {
  background: #414042;
  position: relative;
  height: 20px;
  display: inline-block;
  padding: 10px 8px;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div .chevron {
  margin-left: 5px;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div .chevron:before {
  top: -3px;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div:before, .cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  border-style: solid;
  border-color: transparent transparent #414042 transparent;
  position: absolute;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div:before {
  border-width: 0 0px 20px 10px;
  left: -10px;
}
.cc-velocity-calculator-2018 .terms.mobile-only > :first-child > div:after {
  border-width: 0 10px 20px 0px;
  left: 100%;
}
@media screen and (min-width: 768px) {
  .cc-velocity-calculator-2018 .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .cc-velocity-calculator-2018 .desktop-only {
    display: none;
  }
}

.home-loan-comparison-tool {
  background-color: #5a245a;
  position: relative;
}
.home-loan-comparison-tool .compulsory-input,
.home-loan-comparison-tool .advanced-input {
  display: inline-block;
}
@media screen and (max-width: 700px) {
  .home-loan-comparison-tool .compulsory-input,
  .home-loan-comparison-tool .advanced-input {
    display: none;
  }
}
.home-loan-comparison-tool .page-nav {
  display: none;
}
.home-loan-comparison-tool .page-nav a:first-child {
  margin: 0 0 5px 0;
}
.home-loan-comparison-tool .page-nav a.faux-link {
  color: #fff;
}
.home-loan-comparison-tool.step-1 .compulsory-input {
  display: inline-block;
}
.home-loan-comparison-tool.step-1 .compulsory-input.page-nav {
  display: none;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool.step-1 .compulsory-input.page-nav {
    display: block;
  }
}
.home-loan-comparison-tool.step-1 .mobile-nav-1 {
  background-color: #c00 !important;
}
.home-loan-comparison-tool.step-1 .mobile-nav-1:after {
  border-color: transparent transparent transparent #c00 !important;
}
.home-loan-comparison-tool.step-2 .advanced-input {
  display: inline-block;
}
.home-loan-comparison-tool.step-2 .advanced-input.page-nav {
  display: none;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool.step-2 .advanced-input.page-nav {
    display: block;
  }
}
.home-loan-comparison-tool.step-2 .mobile-nav-2 {
  background-color: #c00 !important;
}
.home-loan-comparison-tool.step-2 .mobile-nav-2:after {
  border-color: transparent transparent transparent #c00 !important;
}
.home-loan-comparison-tool .form-input,
.home-loan-comparison-tool .form-results {
  padding: 30px 25px;
}
.home-loan-comparison-tool .form-results {
  background: #f4f5f7;
  color: #414042;
  padding-bottom: 0;
  position: relative;
}
.home-loan-comparison-tool .form-results .terms {
  margin-top: 30px;
}
.home-loan-comparison-tool .form-results .terms h5 {
  margin-bottom: 0;
}
.home-loan-comparison-tool .form-results .terms.is-expanded > :first-child {
  border-bottom: 1px solid #414042;
}
.home-loan-comparison-tool .form-results .terms .terms-content {
  font-size: 12px;
  display: none;
  padding-top: 8px;
  padding-bottom: 30px;
}
.home-loan-comparison-tool .form-results .terms > :first-child {
  font-size: 12px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  line-height: 0;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div {
  background: #414042;
  position: relative;
  height: 20px;
  display: inline-block;
  padding: 10px 8px;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div .chevron {
  margin-left: 5px;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div .chevron:before {
  top: -3px;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div:before, .home-loan-comparison-tool .form-results .terms > :first-child > div:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  border-style: solid;
  border-color: transparent transparent #414042 transparent;
  position: absolute;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div:before {
  border-width: 0 0px 20px 10px;
  left: -10px;
}
.home-loan-comparison-tool .form-results .terms > :first-child > div:after {
  border-width: 0 10px 20px 0px;
  left: 100%;
}
.home-loan-comparison-tool .form-results .head {
  margin: 0 0 30px;
}
.home-loan-comparison-tool .form-results .head p {
  font-size: 14px;
}
.home-loan-comparison-tool .form-results .repayments {
  margin-top: 25px;
  width: 50%;
  display: block;
  position: relative;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-results .repayments {
    width: 100%;
  }
}
.home-loan-comparison-tool .form-results .repayments > span {
  font-size: 35px;
  line-height: 30px;
  color: #5a245a;
}
.home-loan-comparison-tool .form-results .repayments > span .prefix {
  font-size: 15px;
  display: block;
}
.home-loan-comparison-tool .form-results .repayments .ctrl-holder {
  margin: 0 0 0 15px;
  display: inline-block;
  position: absolute;
  top: 25px;
}
.home-loan-comparison-tool .form-results .features {
  list-style: none;
  padding: 0;
  margin-top: 37.5px;
  padding: 0 25px 50px;
  float: right;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  border-top: none;
  border-left: 0.5px solid #ccc;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-results .features {
    padding: 20px 0 0;
    border-top: 0.5px solid #ccc;
    border-left: none;
    float: none;
    position: relative;
    width: 100%;
    left: 0;
  }
}
.home-loan-comparison-tool .form-results .features:before {
  content: "Features and benefits";
  display: block;
  font-size: 15px;
  margin-bottom: 20px;
}
.home-loan-comparison-tool .form-results .features li {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  position: relative;
  padding: 0 0 0 25px;
}
.home-loan-comparison-tool .form-results .features li:before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.5%2029.7%22%3E%3Cpath%20d%3D%22M11.2%2029.7c-.4%200-.9-.2-1.2-.5L.5%2019.7c-.6-.6-.6-1.7%200-2.3.6-.6%201.7-.6%202.3%200l8.1%208.1L27.5.7C28%200%2029-.2%2029.8.3c.8.5%201%201.5.5%202.3L12.6%2029c-.3.4-.7.7-1.2.7h-.2z%22%20fill%3D%22%2339d1a0%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  top: 5px;
  margin-top: -5px;
}
.home-loan-comparison-tool .form-results .fees {
  font-size: 35px;
  margin-top: 25px;
  line-height: 30px;
  width: 50%;
  display: block;
  color: #5a245a;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-results .fees {
    width: 100%;
  }
}
.home-loan-comparison-tool .form-results .fees:before {
  content: "Monthly fee";
  display: block;
  font-size: 15px;
  color: #414042;
}
.home-loan-comparison-tool .form-results .ctas {
  margin-top: 37.5px;
}
.home-loan-comparison-tool .form-results .ctas > *:not(:last-child) {
  margin: 0 5px 5px 0;
}
.home-loan-comparison-tool .form-results .rates {
  width: 50%;
  display: block;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-results .rates {
    width: 100%;
  }
}
.home-loan-comparison-tool .form-results .rates > * {
  width: 50%;
  display: inline-block;
  font-size: 35px;
  line-height: 30px;
  color: #5a245a;
}
.home-loan-comparison-tool .form-results .rates > * .suffix,
.home-loan-comparison-tool .form-results .rates > * .prefix {
  font-size: 15px;
}
.home-loan-comparison-tool .form-results .rates > * .prefix {
  display: block;
}
.home-loan-comparison-tool .form-results .rates > * .suffix {
  margin: 0 0 0 5px;
}
.home-loan-comparison-tool .form-input {
  color: #fff;
}
.home-loan-comparison-tool .form-input h4 {
  font-size: 18px;
  font-weight: 200;
}
.home-loan-comparison-tool .form-input .progress-bar {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  display: none;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-input .progress-bar {
    display: block;
  }
}
.home-loan-comparison-tool .form-input .progress-bar li {
  margin: 0;
  padding: 2px 5px 0;
  font-size: 12px;
  display: inline-block;
  width: 50%;
  text-align: center;
  background-color: #414042;
  color: #fff;
  position: relative;
  height: 25px;
}
.home-loan-comparison-tool .form-input .progress-bar li:nth-child(1) {
  z-index: 2;
}
.home-loan-comparison-tool .form-input .progress-bar li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 100%;
  border-style: solid;
  border-width: 12.5px 0 12.5px 7px;
  border-color: transparent transparent transparent #414042;
}
.home-loan-comparison-tool .form-input form {
  margin: 35px 0 0;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-input form {
    margin: 60px 0 0;
  }
}
.home-loan-comparison-tool .form-input form input[type="number"] {
  font-size: 16px;
  line-height: 2.5;
  display: block;
  color: #414042;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 2px 10px 1px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition-property: color, background-color, border;
  transition-duration: 250ms;
  height: 45px;
}
.home-loan-comparison-tool .form-input form ol {
  padding-left: 0;
  margin: 0;
  width: 100%;
  list-style: none;
}
.home-loan-comparison-tool .form-input form ol li {
  margin-top: 0;
  vertical-align: top;
  width: 33%;
  padding: 15px 0;
}
.home-loan-comparison-tool .form-input form ol li .addon-text {
  color: #414042;
}
@media all and (max-width: 700px) {
  .home-loan-comparison-tool .form-input form ol li {
    width: 100%;
  }
}
.home-loan-comparison-tool .form-input form ol li h5 {
  font-size: 14px;
  font-weight: 800;
}

/* comparison table tweaks */
.comparison-table-wrap td > a {
  display: block;
}
.comparison-table-wrap tbody td,
.comparison-table-wrap thead th,
.comparison-table-wrap thead td,
.comparison-table-wrap .faux-sticky-header-cell {
  text-align: center;
}
.comparison-table-wrap tbody td > span {
  margin: 0 auto;
}

.cq-dd-paragraph > .cm.cm-global-tcs {
  margin: 0;
}

/* Paul's product list */
body .check-list {
  padding-left: 27px;
  font-size: 15px;
  margin-bottom: 40px;
}
body .check-list li {
  list-style-type: none;
  position: relative;
}
body .check-list li:before {
  content: "";
  display: inline-block;
  padding: 6px;
  position: absolute;
  left: -27px;
  top: 7px;
  background: none;
}
body .check-list li:before::after,
body .check-list li:before::before {
  transition: opacity 250ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
body .check-list li:before::before {
  opacity: 1;
}
body .check-list li:before::after {
  opacity: 0;
}
body ul.check-list > li:before {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.5%2029.7%22%3E%3Cpath%20d%3D%22M11.2%2029.7c-.4%200-.9-.2-1.2-.5L.5%2019.7c-.6-.6-.6-1.7%200-2.3.6-.6%201.7-.6%202.3%200l8.1%208.1L27.5.7C28%200%2029-.2%2029.8.3c.8.5%201%201.5.5%202.3L12.6%2029c-.3.4-.7.7-1.2.7h-.2z%22%20fill%3D%22%2339d1a0%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  top: 5px;
}

/* remove image from hero banners when it is not defined */
.cm-hero-banner.no-image .image.intrinsic {
  display: none;
}
.cm-hero-banner.no-image {
  height: auto !important;
}

/* paul's hero banner's hover opacity */
body .cm-image-block-link a:active .image::after,
body .cm-image-block-link a:focus .image::after,
body .cm-image-block-link a:hover .image::after {
  opacity: 0.45;
}
body .cm-image-block-link .image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left top, #5a245a 0, #c00 100%);
  opacity: 0;
  transition: opacity 250ms;
}

/* fix grey line on top of CTAs */
body .cm-product-tile .product-cta {
  border-top: none;
  padding-top: 0px;
  margin-top: auto;
}

/* purple */
html {
  -webkit-tap-highlight-color: rgba(90, 36, 90, 0.5);
}

/* remove stupid line on content hero */
.content-hero .cm-hero-banner::before {
  display: none;
}

/* paul's firefox fix */
@-moz-document url-prefix() {
  .cm-hero-banner.is-script:not(.is-dark) .header,
  .carousel-item .is-script .content .header {
    background: #c00;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  :not(.is-dark) body .is-script.cm-hero-banner .header,
  body .carousel-item .is-script .content .header {
    color: #c00;
  }
}
.cm-icon-title .header img {
  width: 28px;
  height: 28px;
}

/* makes hero banner top copy slightly bigger */
body .cm-homepage-promo-tiles .subtitle {
  font-size: 14px;
}

/* adjusts padding for the homepage banners in cases where there are three placed horizontally in a column container */
.sl-list.has-3-items .cm-homepage-promo-tiles {
  padding-right: 40px;
}

/* fix line height of the mega banner */
.cm-hero-banner.is-script:not(.is-dark) .header {
  line-height: 57px !important;
}

/* childless accordion items */
.childless-accordion-item .ec:after {
  background-image: none !important;
}
.childless-accordion-item .accordion-item:focus,
.childless-accordion-item .accordion-item:hover {
  text-decoration: none;
  color: #414042;
  cursor: default;
}

/* fix massive red bullets within .check-list */
.cm-rich-text .check-list li ul > li::before {
  background: none;
  content: "-";
  top: 6px;
  font-size: 1.5em;
  line-height: 0;
}

@media (max-width: 40em) {
  body .content-header.is-article .subheading-image.has-parallax-effect {
    background-size: 100%;
    background-position: center;
    height: 250px;
    margin-bottom: 0px;
  }
}

/* form builder checkbox fix */
.form_row.form-error-row {
  position: absolute;
  top: 0;
  font-size: 12px;
  white-space: nowrap;
}
.form-checkbox-wrapper {
  position: relative;
}
body .checkbox .form_error {
  margin-top: 0;
}

/* filtered content select width fix */
body .ctrl-holder.width-s > .ctrl {
  max-width: none;
  width: auto;
}

@media only screen and (min-width: 40em) {
  body .ctrl-holder.width-s > .ctrl {
    max-width: none;
    width: auto;
  }
}

/* hero banner text overlap fix */
@media (min-width: 22.4375em) {
  body .cm-hero-banner .content {
    padding: 84px 40px 66px;
  }
  body .cm-hero-banner.is-script:not(.is-dark) .header {
    font-size: 70px;
  }
}

@media only screen and (min-width: 75em) {
  body .cm-hero-banner .content {
    padding: 84px 60px 66px;
  }
  body .cm-hero-banner.is-script:not(.is-dark) .header {
    font-size: 80px;
  }
}


body.is-scrolled:not(.in-author) .global-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
body.is-scrolled:not(.in-author) .page-wrap {
  padding-top: 90px;
}
body.is-scrolled:not(.in-author) .faux-sticky-header-wrap {
  position: fixed;
  top: 90px;
}
@media all and (max-width: 1023px) {
  body.is-scrolled:not(.in-author) .faux-sticky-header-wrap {
    top: 60px;
  }
}