/* Pretty check boxes for customize check-boxes*/
/* line 3, addons/_prettyCheckable.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

/* line 8, addons/_prettyCheckable.scss */
.clearfix:after {
  clear: both; }

/* line 10, addons/_prettyCheckable.scss */
.clearfix {
  *zoom: 1; }

/* line 13, addons/_prettyCheckable.scss */
.prettycheckbox,
.prettyradio {
  display: inline-block;
  padding: 0;
  margin: 0; }

/* line 20, addons/_prettyCheckable.scss */
.prettycheckbox a,
.prettyradio a {
  width: 30px;
  height: 30px;
  background: url(../images/common/prettyCheckable-black.png) top left no-repeat;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0; }

/* line 31, addons/_prettyCheckable.scss */
.prettycheckbox.green a,
.prettyradio.green a {
  background-image: url(../../images/common/prettyCheckable-green.png); }

/* line 34, addons/_prettyCheckable.scss */
.prettycheckbox.red a,
.prettyradio.red a {
  background-image: url(../../images/common/prettyCheckable-red.png); }

/* line 37, addons/_prettyCheckable.scss */
.prettycheckbox.yellow a,
.prettyradio.yellow a {
  background-image: url(../../images/common/prettyCheckable-yellow.png); }

/* line 39, addons/_prettyCheckable.scss */
.prettyradio a {
  background-position: 0 -120px; }

/* line 42, addons/_prettyCheckable.scss */
.prettycheckbox a:focus,
.prettyradio a:focus {
  outline: 0 none; }

/* line 44, addons/_prettyCheckable.scss */
.prettycheckbox a:focus {
  background-position: 0 -30px; }

/* line 45, addons/_prettyCheckable.scss */
.prettyradio a:focus {
  background-position: 0 -150px; }

/* line 47, addons/_prettyCheckable.scss */
.prettycheckbox a.checked {
  background-position: 0 -60px; }

/* line 48, addons/_prettyCheckable.scss */
.prettyradio a.checked {
  background-position: 0 -180px; }

/* line 50, addons/_prettyCheckable.scss */
.prettycheckbox a.checked:focus {
  background-position: 0 -90px; }

/* line 51, addons/_prettyCheckable.scss */
.prettyradio a.checked:focus {
  background-position: 0 -210px; }

/* line 54, addons/_prettyCheckable.scss */
.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer; }

/**** Font standards ****/
/* XXpx */
/* 16px */
/* 14px */
/* 12px */
/************************/
/* line 10, CM125_threeStepBanner.css.scss */
.three-step-banner {
  position: relative;
  overflow: hidden;
  height: 715px; }
  /* line 16, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap {
    text-align: center;
    overflow: visible;
    height: 100%;
    /* Customisations based on outer CSS class */ }
    /* line 23, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .narrow,
    .three-step-banner .image-wrap .wide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      /* line 31, CM125_threeStepBanner.css.scss */
      .three-step-banner .image-wrap .narrow .banner-image,
      .three-step-banner .image-wrap .wide .banner-image {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: transparent; }
    /* line 46, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .content-wrap {
      position: relative;
      height: 100%;
      max-width: 940px;
      margin: 0 auto;
      padding: 0 35px;
      text-align: left;
      padding-top: 70px; }
    /* line 58, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .middle-mask {
      position: absolute;
      left: 50%;
      height: 40px;
      max-width: 980px;
      margin-left: -470px;
      width: 100%; }
    /* line 69, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .right-mask {
      position: absolute;
      left: 50%;
      height: 80px;
      width: 100%;
      margin-left: 490px; }
    /* line 82, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap.step-position-top .content-wrap {
      padding-top: 120px; }
    /* line 87, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap.step-position-top .middle-mask,
    .three-step-banner .image-wrap.step-position-top .right-mask {
      top: 0; }
    /* line 95, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap.step-position-bottom .content-wrap {
      padding-top: 80px; }
    /* line 100, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap.step-position-bottom .middle-mask,
    .three-step-banner .image-wrap.step-position-bottom .right-mask {
      bottom: 0; }
    /* line 114, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap.content-position-right .content-wrap article {
      float: right; }

/* Above the break width, show wide and hide tablet */
@media screen and (min-width: 1000px) {
  /* line 133, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .wide {
    display: block; }
    /* line 137, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .wide .banner-image {
      width: 1600px;
      left: 800px;
      margin-left: -800px; }
  /* line 147, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .narrow {
    display: none; } }
@media screen and (min-width: 1600px) {
  /* line 165, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .wide .banner-image {
    width: 100%;
    left: 0;
    margin-left: 0;
    background-size: 100%; } }
/* Below the break width, hide wide and show tablet */
@media screen and (max-width: 1000px) {
  /* line 189, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .wide {
    display: none; }
  /* line 193, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .narrow {
    display: block; }
    /* line 197, CM125_threeStepBanner.css.scss */
    .three-step-banner .image-wrap .narrow .banner-image {
      width: 800px;
      left: 50%;
      margin-left: -400px; } }
@media screen and (max-width: 980px) {
  /* line 220, CM125_threeStepBanner.css.scss */
  .three-step-banner .image-wrap .right-mask,
  .three-step-banner .image-wrap .middle-mask {
    /* display: none;*/
    left: 0;
    margin-left: 0; } }