@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

.roboto-slab {
  font-family: 'Roboto Slab', serif;
}

.roboto {
  font-family: Roboto, serif
}

.bg-light-grey {
  background-color: #F2F2F2
}

.bkb-header {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 2px grey;
}

.bkb-header-logo {
  padding-left: 15%;
}

.form-slider__prev {
  display: none;
}

/* About Fisher */

.stormtrooper-about-fisher-container {
  width: 100%;
  background-image: url(/-/media/fisher/privateclientgroup/landingpages/images/united-kingdom/retirement-calculator/KFBackgroundBlue1.png);
  padding-bottom: 12vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 7%
}

.stormtrooper-about-fisher-copy {
  padding-top: 50px;
}

@media only screen and (max-width: 992px) {
  .stormtrooper-about-fisher-container {
    background-image: none;
    background-color: #283E53;
    padding-top: 0;
    padding-bottom: 0;

  }

  .stormtrooper-about-fisher-copy {
    padding-top: 15px;
  }
}

.stormtrooper-about-fisher-copy h4 {
  color: #848484;
  padding-bottom: 1.5%
}

.stormtrooper-about-fisher-copy p {
  font-weight: 300
}

/* Footer */

.page-splash .callout {display:none;}

.bkb-footer {
  padding: 4%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.bkb-footer-disclosure {
  font-size: 20px;
}

.bkb-footer a {
  color: #fff;
}

.footer {
  padding: 4rem 0;
  line-height: 1.75em;
  color:white;
  background-color:#0C2340;
}

.footer--primary .footer__logo svg {
  fill: white;
  width: 425px;
  max-width: 100%;
  display: block;
}

.footer__logo {
    margin-bottom: 1.75rem;
}

.footer a {
  text-decoration: underline;
  color:white;
}

.footer hr {
  border-top: 2px solid white;
  margin: 5rem;
}

@media (max-width: 575px) {
  .footer {
    text-align: center;
  }
}

.stormtrooper-footer-container {
  width: 100%;
  background-color: #283E53;
  color: #fff;
  padding: 2%
}

.stormtrooper-footer-sub-container {
  width: 85%;
  margin-left: auto;
  margin-right: auto
}

.stormtrooper-footer-sub-container h2 {
  padding-bottom: 1%
}

.stormtrooper-footer-sub-container hr {
  border-color: #fff;
  width: 45%
}

.stormtrooper-footer-awards-sm {
  padding-right: 2%;
  margin-bottom: 2%;
  max-height: 75px
}

.stormtrooper-footer-awards-lg,
.stormtrooper-footer-awards-lg-bottom {
  margin-bottom: 2%;
  max-height: 159px
}

.stormtrooper-footer-awards-lg {
  padding-right: 3%
}

.stormtrooper-footer-sub-container span {
  font-weight: 300
}

.stormtrooper-footer-sub-container span p:first-child {
  padding-top: 1%
}

.stormtrooper-footer-sub-container span a {
  color: #fff
}

/* Condensed */

.bkb-header,
.bkb-footer {
  background-color: #283E53;
}

.bkb-footer,
.bkb-header {
  width: 100%;
}

/* CTAs */

.btn.btn-uk-green {
  color: #fff;
  background-color: #5e9d68;
  border-bottom: 3px solid #49794f;
}

.btn.btn-uk-green:hover,
.btn.btn-uk-green:focus,
.btn.btn-uk-green:active {
  background-color: #49794f;
  color: #fff;
}

.btn-main.btn-uk-form-green {
  color: #fff !important;
  background-color: #5e9d68 !important;
  border-bottom: 3px solid #49794f !important;
  width: 250px;
  float: none !important;
  margin: 0 auto !important;
  font-family: Roboto, sans-serif !important;
}

.btn-main.btn-uk-form-green:hover,
.btn-main.btn-uk-form-green:focus,
.btn-main.btn-uk-form-green:active {
  background-color: #49794f;
  color: #fff;
}

@media only screen and (max-width: 667px) {
  .btn-main.btn-uk-form-green {
    width: 95%;
  }
}

@media only screen and (max-width: 667px) {
  .btn-main.btn-uk-form-green {
    width: 95%;
  }
}

.green-check-box label {
  text-align: center;
  margin-left: 15px;
}

.red-text {
  color: #f44336 !important;
  font-size: 10px;
}

.red-text2 {
  color: #f44336 !important;
  font-size: 10px;
}

.red-text3 {
  color: #f44336 !important;
  font-size: 10px;
}

.red-text-left {
  color: #f44336 !important;
  font-size: 10px;
  padding-left: 154px;
}

@media only screen and (max-width: 992px) {

  .red-text-left,
  .red-text2 {
    padding-left: 27vw;
  }
}

@media only screen and (max-width: 375px) {

  .red-text-left,
  .red-text2 {
    padding-left: 21vw;
  }
}

.has-error,
.help-block {
  color: #f44336 !important;
}

.float-right input {
  float: right;
}

.float-left input {
  float: left;
}

.no-background-color {
  font-family: Roboto, serif;
  background-color: transparent;
  margin-top: 5%;
}

.form-builder.starfigher-form,
.form-builder.starfigher-form2 {
  background-color: #F2F2F2;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif !important;
  margin-bottom: 18%;
}

.form-builder.starfigher-form input {
  border: 0;
  background-color: #F2F2F2;
  border-bottom: 1px solid black;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.form-builder.starfigher-form2 input {
  border: 0;
  background-color: #F2F2F2;
  border-bottom: 1px solid black;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}


@media only screen and (max-width: 700px) {
  .form-builder.starfigher-form {
    width: 100%
  }

  .form-builder.starfigher-form input {
    width: 95%;
  }

}

@media only screen and (max-width: 991px) {
  .form-builder.starfigher-form2 {
    width: 100%
  }

  .form-builder.starfigher-form2 input {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none
  }

}


@media only screen and (max-width: 414px) {
  .fiSliderContainer {
    width: 100%;
  }

  .col-xs-offset-2 {
    margin-left: 0 !important
  }
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #F2F2F2 !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
}

.valid {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.has-error .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.fiSliderDataBounds,
.fiSliderDataBounds {
  display: none;
}

h3 {
  font-size: 17px;
  font-family: Roboto, serif;
}

.custom-spacing {
  margin-top: 5%;
}

.slider.slider-horizontal .slider-track {
  height: 15px !important;
  margin-top: -1px !important;
}

.tooltip-inner {
  border-radius: 5em !important;
}