.list-columns--clean{
   background-color:transparent;
   padding:0;
}
.list-columns--clean div{
   border:0;
}
div.list-columns div.embededVideo{
   margin-bottom:30px;
   position:relative;
   padding-bottom:56.25%;
   padding-top:0px;
   height:0;
   width:100%;
   overflow:hidden;
   border:8px solid #B9ABB3;
}
nav#pin-nav{
   overflow:hidden;
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   padding:12px 0px 12px 0px;
   margin:0 0 50px 0;
   background:#fff;
   position:relative;
   z-index:1000;
}
#pin-nav ul.desktop li:before, #pin-nav ul.mobile-pin-nav-apply li:before, #pin-nav ul.mobile li:before, section#how-it-works ul li:before{
   content:"";
   margin-left:0;
   padding-right:0;
   vertical-align:0;
   display:none;
}
nav#pin-nav ul{
   width:100%;
   float:right;
   list-style:none;
   margin:0;
   padding-left:0;
}
nav#pin-nav ul.desktop li{
   padding:0;
}
nav#pin-nav ul.desktop li a{
   display:block;
   float:left;
   padding:8px 12px;
   font-size:0.9em;
   color:#7A3671;
   text-decoration:none;
}
nav#pin-nav ul li a:hover, nav#pin-nav ul li a:focus{
   color:#666;
}
nav#pin-nav p.pin-heading a{
   color:#c00;
   text-decoration:none;
}
nav#pin-nav ul li a.bordered{
   color:#fff;
   text-decoration:none;
   float:right;
   width:auto;
   padding-left:1.55em;
   padding-right:1.55em;
   font-size:1.1em;
   min-width:1.2em;
   margin-top:4px;
}
nav#pin-nav ul.mobile{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   margin-top:100px;
}
nav#pin-nav .btn-pin-nav-mobile-closed{
   display:none;
}
nav#pin-nav .btn-pin-nav-mobile-open{
   display:none;
}
nav#pin-nav .btn-pin-nav-mobile{
   cursor:pointer;
}
nav#pin-nav ul.mobile li a{
   display:block;
   padding:8px 12px;
   font-size:0.9em;
   color:#793571;
   text-decoration:none;
   width:100%;
   height:100%;
}
nav#pin-nav ul.mobile li:hover{
   background-color:#fff;
}
#pin-nav .float-left{
   padding-right:10px;
   padding-bottom:0px;
}
nav#pin-nav ul.mobile-pin-nav-apply{
   float:right;
   width:auto;
}
nav#pin-nav .mobile-pin-nav-apply{
   display:none;
}
nav#pin-nav .mobile-pin-nav-apply li a{
   padding:10px;
}
nav#pin-nav .mobile-pin-nav-control{
   display:none;
}
#pin-nav .mobile-pin-nav-control p{
   margin-top:16px;
   margin-bottom:0px;
}
#pin-nav .mobile-pin-nav-control img{
   margin-top:19px;
}
nav#pin-nav .mobile-nav-hidden{
   display:none;
}
nav#pin-nav .mobile-nav-shown{
   display:none;
}

@media only screen and (max-width:768px){
   nav#pin-nav ul.desktop{
      display:block;  
   }
}

@media only screen and (max-width:768px){
   nav#pin-nav ul.desktop{
      display:block;  
   }
}

@media only screen and (max-width:44em){
   nav#pin-nav ul.desktop{
      display:none;  
   }
   nav#pin-nav .mobile-nav-hidden{
      display:none;
   }
   nav#pin-nav .mobile-nav-shown{
      display:block;
   }
   nav#pin-nav ul.mobile{
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      margin-top:59px;
      background-color:#EFEFEF;
   }
   nav#pin-nav .mobile-pin-nav-apply{
      display:block;
      margin-top:0;
   }
   nav#pin-nav .mobile-pin-nav-control{
      display:block;
   }
   nav#pin-nav{
      overflow:visible;
      min-height:60px;
      padding:0 0.5em 0.5em 0.5em;
   }
   
}
.is-sticky nav#pin-nav {
      width:100%;
   }
.htb-logo-container{
   margin-right:24px;
}
.htb-content-container{
   width:70%;
}
@media only screen and (max-width:44em){
   .htb-logo-container{
      margin-right:0;
      text-align:center;
      float:none;
   }
   .htb-content-container{
      width:100%;
      text-align:center;
      margin-top:1em;
   }
}
section#how-it-works ul{
   list-style-type:none;
   padding:0;
   margin-left:-8px
}
section#how-it-works ul li{
   display:block;
   margin:10px 0;
   padding:0 0 12px 39px;
   background-position:top left;
   background-repeat:no-repeat;
}
@media only screen and (max-width:44em){
   section#how-it-works ul li{
      display:block;
      margin:10px 0;
      padding:0 0 12px 52px;
      background-position:top left;
      background-repeat:no-repeat;
      background-size:34px 34px;
   }
}
.icon--piggybank{
   background-image:url(/virgin/assets/css/img/icon_piggy.svg);
}
.icon--cash{
   background-image:url(/virgin/assets/css/img/icon_bonus.svg);
}
.icon--house{
   background-image:url(/virgin/assets/css/img/icon_house.svg);
}
section#how-it-works ul.green-tick-lrg li:before{
   display:inline-block;
   background:none;
   content:""
}
ul.green-tick-lrg li{
   padding:4px 20px 8px 40px;
   background:url(/virgin/assets/css/img/icon_greentick.svg) 25px 19px no-repeat;
   background-size:32px 26px;
}
section#how-it-works ul{
   list-style-type:none;
   padding:0;
}
.section__icon-content{
   width:70%; 
}
.section__icon--large-icon{
   width:80px;
   height:80px;
   margin-right:20px;
}
@media only screen and (max-width:44em){
   .section__icon--large-icon{
      width:30px;
      height:30px;
      margin-right:10px;
      margin-top:10px
   }
   .section__icon-content{
      width:80%;
   }
}
div#calculator-results{
   border-top:8px solid #C5D7DD;
   margin-top:48px;
   padding-top:4px;
}
span.mobile-break{
   clear:none;
}
br.mobile-break{
   display:none;
}
div.calculator p.input, span.input-label{
   font-size:1.3em;
   margin-right:0.5em;
}
div.calculator div.input-label{
   float:left;
   display:block;
   width:auto;
}
div.calculator div.input-field{
   float:left;
   display:block;
   width:auto;
}
span.calc-data{
   font-size:2.9em;
   color:#7A3671;
   display:inline-block;
}
p.calc-warning{
   font-size:1em;
   margin:0;
   padding:0px 0px 0px 0px;
}
div.calculator div.reminder{
   background-color:#7A2F71;
   color:#fff;
   display:inline-block;
   max-height:40px;
}
div.calculator div.reminder p{
   padding:0.07em 0.75em;
   margin-top:-11px;
}
div.calculator .reminder-arrow{
   margin-top:-10px;
   margin-left:74%;
   padding:0;
   position:relative;
   top:-14px;
}
div.calculator .reminder-arrow-container{
   width:100%;
   float:left;
   margin:0;
   padding:0;
}
div.calculator{
   background:#F3F6F8;
   padding:30px;
   overflow:hidden;
}
div.calculator p.reminder{
   text-align:right;
   padding-top:58px;
   color:#BD1D65;
   margin-right:40px;
   margin-bottom:30px;
}
@media only screen and (max-width:44em){
   span.mobile-break{
      clear:both;
      display:block;
      float:right;
      text-align:right;
   }
   br.mobile-break{
      display:block;
   }
   p.calc-warning{
      font-size:1em;
      margin:0;
      padding:0px 0px 0px 0px;
   }
   div.calculator p.input, span.input-label{
      font-size:1em;
   }
   div.calculator div.input-label{
      float:left;
      display:block;
      width:100%;
   }
   div.calculator div.input-field{
      text-align:right;
      display:block;
   }
   span.calc-data{
      font-size:1.9em;
   }
   div.calculator div.reminder{
      background-color:#7A2F71;
      color:#fff;
      display:inline-block;
      max-height:81px;
      width:100%;
      margin-top:32px;
   }
   div.calculator.reminder-arrow{
      margin-top:-10px;
      margin-left:87%;
      padding:0;
      position:relative;
      top:-14px;
   }
}
p#calc-summary{
   padding:30px 0;
}
div#calculator-results{
   margin-bottom:30px;
}
div.calculator p.last-input{
   margin-bottom:0;
}
input.calc-data-input{
   font-size:1.6em;
   color:#7A3671;
   border:0;
   background:#fff;
   margin:0 6px;
   border:1px solid #7A3671;
}
.calculator input#monthly-saving{
   width:100px;
}
div.calculator input#opening-amount{
   width:130px;
}
div.calculator input#term{
   width:60px;
}
div.calculate-CTA{
   padding:15px 0 40px 0;
   overflow:hidden;
}
a#calculate{
   float:left;
   display:block;
}
div.calculate-CTA p{
   padding:0 0 0 35px;
   margin:0;
   width:70%;
   float:left;
   color:#666;
   font-size:0.9em;
}
p#calc-result-summary span{
   font-weight:bold;
}
div.result-row{
   padding:20px;
   background-color:#fff;
   margin-bottom:8px;
   clear:both;
   position:relative;
}
div.calculator img.plus-icon{
   position:absolute;
   left:48%;
   top:-25px;
   z-index:2;
}
div.calculator div.row2{
   color:#BD1D65;
}
div#StB-row{
   border:4px solid #A9C3CB;
   background:#E3EAED;
}
div.overflow-hide{
   overflow:hidden;
}
#calculator-results div.row1 div.result-narrative h3{
   background-image:url(/virgin/assets/css/img/icon_piggy.svg);
}
div#calculator-results div.row3 div.result-narrative h3{
   background-image:url(/virgin/assets/css/img/icon_piggy.svg);
}
div#calculator-results div.row2 div.result-narrative h3{
   background-image:url(/virgin/assets/css/img/icon_bonus.svg);
}
div#calculator-results div.row4 div.result-narrative h3{
   background-image:url(/virgin/assets/css/img/icon_house.svg);
}
.icon-header-3{
   background-position:center left;
   background-repeat:no-repeat;
   padding-left:74px;
   background-size:60px 60px;
   overflow:auto;
   display:block;
   min-height:63px;
   padding-top:16px;
}
div.result-narrative{
   float:left;
   width:62%;
   background-position:center left;
   background-repeat:no-repeat;
   background-size:10%;
}
div.result-figure{
   font-family:Tondo, Arial, Helvetica, sans-serif;
   font-size:2.2em;
   float:right;
   width:26%;
}
div.result-figure p{
   margin:0;
   padding:0;
   text-align:right;
}
span.optional, p.optional{
   display:inline-block;
   color:#fff;
   background:#BD1D65;
   font-size:0.65em;
   padding:2px 8px;
   border-radius:3px;
   margin-left:10px;
}
div.result-row.row4{
   margin-bottom:24px;
}
p#bonus-narrative{
   color:#333;
}
@media only screen and (max-width:44em){
   #calculator-results div.row1 div.result-narrative h3{
      background-image:url(/virgin/assets/css/img/icon_piggy.svg);  
   }
   div.calculator{
      background:#F3F6F8;
      padding:11px;
      overflow:hidden;
   }
   div.result-figure{
      font-family:Tondo, Arial, Helvetica, sans-serif;
      font-size:1.7em;
      padding-top:0.55em;
      float:right;
      width:26%;
   }
   input#input-lump{
      width:104px;
   }
   div.calculator input#input-lump{
      width:105px;
   }
   div.result-narrative{
      padding:0;
      width:100%;
   }
   div.result-figure{
      padding:0 0 0 44px;
      width:100%;
   }
   div.result-figure p{
      text-align:left;
   }
   p#bonus-narrative{
      color:#333;
      margin:0;
   }
   #calculator-results div.row1 div.result-narrative h3{
      background-image:url(/virgin/assets/css/img/icon_piggy.svg);
   }
   div#calculator-results div.row3 div.result-narrative h3{
    background-image:url(/virgin/assets/css/img/icon_piggy.svg);
}
   div#calculator-results div.row2 div.result-narrative h3{
      background-image:url(/virgin/assets/css/img/icon_bonus.svg);
   }
   div#calculator-results div.row4 div.result-narrative h3{
      background-image:url/virgin/assets/css/img/icon_house.svg);
   }
   .icon-header-3{
      padding-left:44px;
      background-size:30px 30px;
      min-height:33px;
      padding-top:16px;
   }
   .calculator input#monthly-saving, div.calculator input#opening-amount, div.calculator input#term{
      width:80%;
   }
}
@media only screen and (min-width:20em){
   .grid__layout--small-12{
      width:100%;
   }
}
@media only screen and (min-width:44em){
   .grid__layout--medium-9{
      width:75%;
   }
   .grid__layout--medium-6{
      width:50%;
   }
   .grid__layout--medium-3{
      width:25%;
   }
}
@media only screen and (min-width:56em){
   .grid__layout--large-9{
      width:75%;
   }
   .grid__layout--large-6{
      width:50%;
   }
   .grid__layout--large-3{
      width:25%;
   }
}
.grid--floated{
   float:left;
}
.padding-1em{
   padding:1em;
}
.cta__buttons h4.vm-red{
   margin-bottom:0;
   min-height:3em;
}
nav#pin-nav{
   width:calc(100% + 2*(.9375em));
   margin-left:-.9375em;
   max-width:1024px;
}
.htb-isas-explained{
   margin-top:20px;
}
@media only screen and (min-width:40em){
   nav#pin-nav{
      width:calc(100% + 2*(7.08333333%));
      margin-left:-7.08333333%;
   }
   .htb-isas-explained{
      margin-left:20px;
   }
}
@media only screen and (min-width:52.5em){
   nav#pin-nav, .is-sticky nav#pin-nav{
      width:calc(100% + 2*(2.34126984%));
      margin-left:-2.34126984%;
   }
   .htb-isas-explained{
      margin-left:20px;
   }
}

.htb-isa-banner-rate {
    width: 35%;
    border-right: 3px solid #7A2F71;
    float: left;
    margin-top: 2em;
    text-align: center;
}

.htb-isa-banner-features {
    float: left;
    display: inline;
    width: 60%;
}

span.rate-banner {
    color: #7A2F71;
    font-size: 2.5em;
    line-height: 1.125em;
}

.twitter-logo{
 float:right; 
 padding:10px;
 width:92px;
 height:74px;    
}

@media (max-width: 30em){
.htb-isa-banner-rate {
    width: 100%;
    border-right: none;
    float: left;
    margin-top: 2em;
    text-align: center;
}

.htb-isa-banner-features {
    float: left;
    display: block;
    width: 100%;
}

}