/*--------------------------------------------------------------------------
* Author      : Nathan Winch
* Date        : October 30, 2012
* Project     : Onboarding
* Description : Main CSS.
--------------------------------------------------------------------------*/
/*
* CONTENTS
*
* 1. STYLE GUIDE
* 2. IMPORTS
* 3. FRAMEWORK
*   3.1. ELEMENT
*   3.2. PRIMARY
* 4. PAGE SPECIFIC
* 5. MEDIA QUERIES
* 6. OVERWRITES
*	6.1. webCampaign.css
*	6.2. mobileCampaign.css
--------------------------------------------------------------------------*/
/*
* 1. STYLE GUIDE
*
* - All colors must be listed in the Swatch Colors section of this file.
* - All properties must be listed in alphabetical order for each declaration block.
--------------------------------------------------------------------------*/
/*
* 2. IMPORTS
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
* Author      : Nathan Winch
* Date        : July 25, 2012
* Project     : CBA V2 Template landing pages.
* Description : Base CSS.
--------------------------------------------------------------------------*/
/*
* VARIABLES
---------------------------------------*/
/*
* COLOUR SWATCH
*
* 4ec4e2 - CBA brand sky
* 71d0e8 - CBA brand sky tint 1
* 95dcee - CBA brand sky tint 2
* b8e7f3 - CBA brand sky tint 3
* dcf3f9 - CBA brand sky tint 4
* b9b39c - CBA brand sandstone
* c7c2b0 - CBA brand sandstone tint 1
* d5d1c4 - CBA brand sandstone tint 2
* e3e1d7 - CBA brand sandstone tint 3
* f1f0eb - CBA brand sandstone tint 4
* 8a97a1 - CBA brand dusk
* a1acb4 - CBA brand dusk tint 1
* b9c1c7 - CBA brand dusk tint 2
* d0d5d9 - CBA brand dusk tint 3
* e8eaec - CBA brand dusk tint 4
* 808285 - CBA brand slate
* 999b9d - CBA brand slate tint 1
* b3b4b6 - CBA brand slate tint 2
* cccdce - CBA brand slate tint 3
* e6e6e7 - CBA brand slate tint 4
* ffcc00 - CBA brand yellow
* 231f20 - CBA brand dark
*
*/
/*
* IMPORTS
---------------------------------------*/
/*
* 3. FRAMEWORK
--------------------------------------------------------------------------*/
/*
* 3.1. ELEMENT
---------------------------------------*/
/* line 50, onboarding-web.scss */
.btn {
  margin-bottom: 0;
  position: relative;
}
/* line 54, onboarding-web.scss */
.btn a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  background: #ffcc00;
  color: #231f20 !important;
  display: block;
  font: 16px 'HelveticaNeueW01-65Medi', Helvetica, sans-serif;
  padding: 6px 12px 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

/* line 69, onboarding-web.scss */
.btn-black a {
  background: #231f20;
  color: #ffcc00 !important;
}

/* line 74, onboarding-web.scss */
.social {
  position: relative;
  z-index: 50;
}
/* line 80, onboarding-web.scss */
.social .googleShare,
.social .facebookShare,
.social .twitterShare {
  float: right;
}

/*
* 4. PAGE SPECIFIC
--------------------------------------------------------------------------*/
/*
* 4.1. ONBOARDING
---------------------------------------*/
/* line 92, onboarding-web.scss */
#onboardingTheme {
  background-repeat: repeat-x;
  min-width: 1134px;
}
/* line 102, onboarding-web.scss */
#onboardingTheme h1 {
  color: #231f20;
  font: normal 64px/0.75 "Aachen W01 Bold", Arial, Verdana, serif;
  left: 91px;
  letter-spacing: -1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: 50px;
}
/* line 114, onboarding-web.scss */
#onboardingTheme h1 i {
  font-style: normal;
}
/* line 117, onboarding-web.scss */
#onboardingTheme h1 em {
  display: none;
  font-style: normal;
  height: 0;
  overflow: hidden;
}
/* line 123, onboarding-web.scss */
#onboardingTheme h1 span {
  color: #ffcc00;
}
/* line 127, onboarding-web.scss */
#onboardingTheme h2 {
  color: #231f20;
  font: normal 54px/0.8 "Aachen W01 Bold", Arial, Verdana, serif;
  letter-spacing: -1px;
  margin: 0;
  padding-bottom: 16px;
}
/* line 134, onboarding-web.scss */
#onboardingTheme h4 {
  color: #231f20;
  font: normal 26px/0.8 "Aachen W01 Bold", Arial, Verdana, serif;
  margin: 0;
  padding: 0 0 16px;
}
/* line 140, onboarding-web.scss */
#onboardingTheme h5 {
  color: #231f20;
  font: bold 16px/0.8 Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 16px;
}
/* line 146, onboarding-web.scss */
#onboardingTheme ul {
  margin: 0;
  padding: 0;
}
/* line 150, onboarding-web.scss */
#onboardingTheme sup {
  font-size: inherit;
  vertical-align: top;
}
/* line 154, onboarding-web.scss */
#onboardingTheme p, #onboardingTheme li {
  color: #231f20 !important;
  font-size: 12px;
  margin: 0;
  padding-bottom: 12px;
}
/* line 160, onboarding-web.scss */
#onboardingTheme p sup, #onboardingTheme li sup {
  font-size: 9px;
}
/* line 165, onboarding-web.scss */
#onboardingTheme .cta {
  color: #231f20 !important;
  font-size: 12px;
}
/* line 169, onboarding-web.scss */
#onboardingTheme .cta:hover {
  text-decoration: none;
}
/* line 173, onboarding-web.scss */
#onboardingTheme .hero-wrapper {
  height: -75px;
  position: relative;
  z-index: 49;
}
/* line 178, onboarding-web.scss */
#onboardingTheme .hero {
  background-repeat: no-repeat;
  height: 494px;
  left: -76px;
  position: absolute;
  top: -569px;
  width: 1140px;
}
/* line 191, onboarding-web.scss */
#onboardingTheme .hero .links-bg {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
  height: 125px;
  left: 91px;
  position: absolute;
  bottom: 45px;
  width: 300px;
}
/* line 201, onboarding-web.scss */
#onboardingTheme .hero .links {
  border: 1px solid #fff;
  height: 108px;
  left: 91px;
  padding: 15px 0 0 20px;
  position: absolute;
  bottom: 45px;
  width: 278px;
}
/* line 213, onboarding-web.scss */
#onboardingTheme .hero .links li {
  background: url(../images/icon-arrowrightblack.gif) no-repeat left 5px;
  margin: 0;
  padding-bottom: 6px;
}
/* line 218, onboarding-web.scss */
#onboardingTheme .hero .links a {
  color: #231f20;
  font-size: 12px;
}
/* line 222, onboarding-web.scss */
#onboardingTheme .hero .links a:hover {
  text-decoration: none;
}
/* line 228, onboarding-web.scss */
#onboardingTheme .navigation {
  margin: 453px 0 0 16px;
  padding-bottom: 34px;
  width: 960px;
}
/* line 233, onboarding-web.scss */
#onboardingTheme .navigation ul {
  margin: 0;
  padding: 0;
}
/* line 237, onboarding-web.scss */
#onboardingTheme .navigation li {
  background: none;
  float: left;
  padding: 0 24px 0 0;
}
/* line 242, onboarding-web.scss */
#onboardingTheme .navigation li.last {
  padding-right: 0;
}
/* line 246, onboarding-web.scss */
#onboardingTheme .navigation a {
  border-top: 9px solid #fff5cc;
  color: #fff5cc;
  display: block;
  font: normal 26px/0.8 "Aachen W01 Bold", Arial, Verdana, serif;
  padding-top: 12px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 140px;
}
/* line 258, onboarding-web.scss */
#onboardingTheme .navigation a:hover, #onboardingTheme .navigation a.active {
  border-top: 9px solid #231f20;
  color: #231f20;
}
/* line 264, onboarding-web.scss */
#onboardingTheme .screens-nav {
  padding-bottom: 12px;
}
/* line 267, onboarding-web.scss */
#onboardingTheme .screens-nav ul {
  border: 1px solid #8a97a1;
  padding: 0 !important;
}
/* line 271, onboarding-web.scss */
#onboardingTheme .screens-nav li {
  background: none;
  margin: 0;
  padding: 0;
}
/* line 276, onboarding-web.scss */
#onboardingTheme .screens-nav a {
  background-color: #e8eaec;
  color: #231f20;
  display: block;
  font-size: 12px;
  height: 30px;
  padding: 10px 12px 0 24px;
  text-decoration: none;
  width: 424px;
}
/* line 292, onboarding-web.scss */
#onboardingTheme .screens-nav a:hover, #onboardingTheme .screens-nav a.active {
  background: #231f20 url(../images/icon-screennavarrow.gif) no-repeat 12px 14px;
  color: #fff;
  font-weight: normal;
}
/* line 297, onboarding-web.scss */
#onboardingTheme .screens-nav a.two-lines {
  height: 45px;
}
/* line 300, onboarding-web.scss */
#onboardingTheme .screens-nav a.three-lines {
  height: 65px;
}
/* line 306, onboarding-web.scss */
#onboardingTheme .screens-nav.screens-nav-light ul {
  border-color: #edbd00;
}
/* line 309, onboarding-web.scss */
#onboardingTheme .screens-nav.screens-nav-light a {
  background-color: #ffe166;
}
/* line 313, onboarding-web.scss */
#onboardingTheme .screens-nav.screens-nav-light a:hover, #onboardingTheme .screens-nav.screens-nav-light a.active {
  background-color: #231f20;
}
/* line 319, onboarding-web.scss */
#onboardingTheme .screens-wrapper, #onboardingTheme .screens-wrapper2 {
  position: relative;
}
/* line 322, onboarding-web.scss */
#onboardingTheme .screens-wrapper .screen, #onboardingTheme .screens-wrapper2 .screen {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 50;
}
/* line 328, onboarding-web.scss */
#onboardingTheme .screens-wrapper .screen.active, #onboardingTheme .screens-wrapper2 .screen.active {
  z-index: 51;
}
/* line 336, onboarding-web.scss */
#onboardingTheme .btn-registernetbank {
  width: 190px;
}
/* line 339, onboarding-web.scss */
#onboardingTheme .btn-downloadkaching {
  padding-bottom: 20px;
  width: 270px;
}
/* line 343, onboarding-web.scss */
#onboardingTheme .btn-managestatements {
  padding-bottom: 16px;
  width: 190px;
}
/* line 347, onboarding-web.scss */
#onboardingTheme .btn-logontonetbank {
  padding-bottom: 16px;
  width: 180px;
}
/* line 351, onboarding-web.scss */
#onboardingTheme .btn-appstore, #onboardingTheme .btn-googleplay {
  float: left !important;
  padding-right: 16px;
}
/* line 355, onboarding-web.scss */
#onboardingTheme .btn-appstore a, #onboardingTheme .btn-googleplay a {
  background: url(../images/btn-appstore.jpg) no-repeat;
  cursor: default;
  display: block;
  height: 36px;
  text-indent: -9999px;
  width: 126px;
}
/* line 364, onboarding-web.scss */
#onboardingTheme .btn-googleplay {
  padding-right: 0;
}
/* line 369, onboarding-web.scss */
#onboardingTheme .btn-googleplay a {
  background-image: url(../images/btn-googleplay.jpg);
  width: 128px;
}
/* line 374, onboarding-web.scss */
#onboardingTheme .note {
  margin: 0;
  padding-bottom: 3px;
}
/* line 378, onboarding-web.scss */
#onboardingTheme .terms {
  color: #666 !important;
  font-size: 10px;
  line-height: 1.1;
}
/* line 383, onboarding-web.scss */
#onboardingTheme .terms.terms-dark {
  color: #231f20 !important;
}

/*
* 5. MEDIA QUERIES
--------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
  /* line 394, onboarding-web.scss */
  #onboardingTheme {
    background-image: none;
    min-width: 100%;
  }
  /* line 398, onboarding-web.scss */
  #onboardingTheme h1 {
    font-size: 34px;
    height: auto !important;
    left: 0;
    line-height: 0.8;
    padding: 20px 0 10px;
    position: static;
    top: 0;
    width: auto !important;
  }
  /* line 408, onboarding-web.scss */
  #onboardingTheme h1 em {
    display: block;
    height: auto;
  }
  /* line 413, onboarding-web.scss */
  #onboardingTheme h2 {
    font-size: 28px !important;
    margin: 0 !important;
    padding: 20px 0 12px !important;
  }
  /* line 418, onboarding-web.scss */
  #onboardingTheme p {
    font-size: 14px !important;
    margin: 0 !important;
  }
  /* line 423, onboarding-web.scss */
  #onboardingTheme #bodyInner {
    padding-top: 0;
  }
  /* line 427, onboarding-web.scss */
  #onboardingTheme #bodyInner div:nth-child(4) .contentCol {
    background-color: #b9b39c;
  }
  /* line 432, onboarding-web.scss */
  #onboardingTheme #bodyInner div:nth-child(5) .contentCol {
    background-color: #ffcc00;
  }
  /* line 437, onboarding-web.scss */
  #onboardingTheme #bodyInner div:nth-child(6) .contentCol {
    background-color: #a1acb4;
  }
  /* line 442, onboarding-web.scss */
  #onboardingTheme #bodyInner div:nth-child(7) .contentCol {
    background-color: #d0d5d9;
  }
  /* line 448, onboarding-web.scss */
  #onboardingTheme .hero-wrapper {
    height: auto;
  }
  /* line 451, onboarding-web.scss */
  #onboardingTheme .hero {
    background-image: none !important;
    height: auto;
    left: 0;
    position: static;
    top: 0;
    width: auto;
  }
  /* line 459, onboarding-web.scss */
  #onboardingTheme .hero .links-bg {
    display: none;
  }
  /* line 462, onboarding-web.scss */
  #onboardingTheme .hero .links {
    border: none;
    bottom: auto;
    left: 0;
    padding: 0 0 20px;
    position: static;
    width: auto;
  }
  /* line 470, onboarding-web.scss */
  #onboardingTheme .hero .links a {
    color: #231f20 !important;
  }
  /* line 475, onboarding-web.scss */
  #onboardingTheme .navigation {
    background-color: #8a97a1;
    height: 40px;
    margin: 0 0 0 -20px;
    overflow: hidden;
    padding: 0;
    width: auto;
  }
  /* line 483, onboarding-web.scss */
  #onboardingTheme .navigation ul {
    position: relative;
  }
  /* line 486, onboarding-web.scss */
  #onboardingTheme .navigation li {
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  /* line 494, onboarding-web.scss */
  #onboardingTheme .navigation li.mobileOnly a {
    background-color: #8a97a1;
  }
  /* line 499, onboarding-web.scss */
  #onboardingTheme .navigation a {
    background-color: #b9c1c7;
    border-top: none;
    border-bottom: 1px solid #8a97a1;
    color: #fff !important;
    font-size: 20px !important;
    height: 16px;
    padding: 12px 0 12px 20px;
    width: auto;
    z-index: 50;
  }
  /* line 511, onboarding-web.scss */
  #onboardingTheme .navigation a.active, #onboardingTheme .navigation a:hover {
    border: none;
  }
  /* line 514, onboarding-web.scss */
  #onboardingTheme .navigation a.active {
    background-color: #8a97a1;
    color: #231f20 !important;
    font-size: 26px !important;
    position: relative;
    z-index: 51;
  }
  /* line 521, onboarding-web.scss */
  #onboardingTheme .navigation a.active:after {
    background: url(../images/icon-nav.jpg) no-repeat;
    background-size: 50%;
    content: "";
    display: block;
    height: 36px;
    right: 0;
    position: absolute;
    top: 12px;
    width: 41px;
  }
  /* line 533, onboarding-web.scss */
  #onboardingTheme .navigation a:last-child {
    border-bottom: 0;
  }
  /* line 538, onboarding-web.scss */
  #onboardingTheme .screens-nav {
    display: none;
    width: 95%;
  }
  /* line 543, onboarding-web.scss */
  #onboardingTheme .screens-nav li:last-child a {
    padding-bottom: 15px;
  }
  /* line 547, onboarding-web.scss */
  #onboardingTheme .screens-nav a {
    background: #e8eaec url(../images/icon-arrowrightblack.gif) no-repeat 15px 17px;
    color: #231f20 !important;
    height: auto;
    width: auto;
  }
  /* line 554, onboarding-web.scss */
  #onboardingTheme .screens-nav a:hover, #onboardingTheme .screens-nav a.active {
    background: #e8eaec url(../images/icon-arrowrightblack.gif) no-repeat 15px 17px;
    cursor: default;
    font-weight: normal;
  }
  /* line 563, onboarding-web.scss */
  #onboardingTheme .screens-nav.screens-nav-light a:hover {
    background: #ffe166 url(../images/icon-arrowrightblack.gif) no-repeat 15px 17px;
  }
  /* line 569, onboarding-web.scss */
  #onboardingTheme .screens-wrapper, #onboardingTheme .screens-wrapper2 {
    display: none;
  }
  /* line 572, onboarding-web.scss */
  #onboardingTheme .terms {
    line-height: 1.3;
  }
}
/*
* 6. OVERWRITES
--------------------------------------------------------------------------*/
/*
* 6.1. webCampaign.css
---------------------------------------*/
/* line 587, onboarding-web.scss */
#bodyInner {
  padding-top: 20px;
}

/*
* 6.2. mobileCampaign.css
---------------------------------------*/