/* ------------------------------------------------------------------- *
 |  TYPE:           Core
 |  AUTHOR(S):      Josh, Paul, Frej
 |  DATE CREATED:   23/05/2012
 |  DATE UPDATED:   24/09/2012
 |  DESCRIPTION:    Kiwibank Main Stylesheet.
 |
 |	STRUCTURE:
 |		1. CORE
 |		2. HELPER FUNCTIONS
 |		3. BASE STYLES
 |		4. LAYOUTS
 |		5. UI GLOBAL NAV
 |		6. UI ELEMENTS
 |		7. PAGE SPECIFIC
 |		8. PRINT
 |
 * ------------------------------------------------------------------- */
html {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

table, tr, td, input, select, textarea, ul, ol {
  font-size: 1em;
  vertical-align: top;
}

pre, code, address, caption, cite, code, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

body, div, ul, ol, li dl, dt, dd, pre, form, blockquote, fieldset, select {
  margin: 0;
  padding: 0;
}

caption, th {
  text-align: left;
}

/* ------------------------------------------------------------------- *
 |  Include all helper functions here
 |
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Function
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Px-to-em function
 |                  Converts a pixel value to em based on a base font size
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    .selector{
        font-size: px-to-em(30);
    }

    If element's parent has a different font size from the site's base font size

    .selector_parent{
        font-size: px-to-em(30);

        .selector{
	        font-size: px-to-em(14, 30);
	    }
    }

 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Function
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   10/10/2012
 |  DATE UPDATED:   10/10/2012
 |  DESCRIPTION:    Function to return a value as a percentage
 |					Contrary to SASS' function 'percentage()', this one
 |					rounds DOWN to 2 decimals
 |  
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

	SCSS:
	-------

	.selector{
		width: percentage-round( 1/3 );
	}

	.selector_2{
		width: percentage-round( 2/3 );
	}

	CSS:
	-------

	.selector{
		width: 33.33%;
	}

	.selector_2{
		width: 66.66%; // not 66.67%
	}

 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   24/09/2012
 |  DATE UPDATED:   24/09/2012
 |  DESCRIPTION:    Border-box mixin
 |                  When used in nested context, i.e. in a media query,
 |                  the styles are printed to the selector. Otherwise they,
 |                  will extend the %clearfix.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    .selector{
        @include border-box;
    }

    If nested in a media query:

    @include media(skinny){
        .selector{
            @include border-box( $in-media-query: true );
        }
    }

 * ------------------------------------------------------------------- */
.grid, .feature_banner .banners li, .feature_banner_flex .banners li, .feature_banner .banners li .banner-content, .feature_banner_flex .banners li .banner-content, footer#contentinfo ul, form.footer_search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   24/09/2012
 |  DATE UPDATED:   24/09/2012
 |  DESCRIPTION:    Clearfix mixin
 |                  Based on the micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
 |                  When used in nested context, i.e. in a media query, 
 |                  the styles are printed to the selector. Otherwise they,
 |                  will extend the %clearfix.  
 |  
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    .selector{
        @include clearfix;
    }

    If nested in a media query:

    @include media(skinny){
        .selector{
            @include clearfix( $in-media-query: true );
        }
    }

 * ------------------------------------------------------------------- */
.clearfix, .grid, #masthead,
article#content,
footer#contentinfo,
#rates,
#welcome,
.legal,
#feature_banner,
.mobile_contact_info, .feature_banner, .feature_banner_flex, .list_horizontal, .jump_links_horizontal, footer#contentinfo ul, .urgent_notice .urgent_notice_inner, body.nzoty .media_box, body.nzoty .video_link {
  *zoom: 1;
}
.clearfix:before, .grid:before, #masthead:before,
article#content:before,
footer#contentinfo:before,
#rates:before,
#welcome:before,
.legal:before,
#feature_banner:before,
.mobile_contact_info:before, .feature_banner:before, .feature_banner_flex:before, .list_horizontal:before, .jump_links_horizontal:before, footer#contentinfo ul:before, .urgent_notice .urgent_notice_inner:before, body.nzoty .media_box:before, body.nzoty .video_link:before, .clearfix:after, .grid:after, #masthead:after,
article#content:after,
footer#contentinfo:after,
#rates:after,
#welcome:after,
.legal:after,
#feature_banner:after,
.mobile_contact_info:after, .feature_banner:after, .feature_banner_flex:after, .list_horizontal:after, .jump_links_horizontal:after, footer#contentinfo ul:after, .urgent_notice .urgent_notice_inner:after, body.nzoty .media_box:after, body.nzoty .video_link:after {
  content: " ";
  display: table;
}
.clearfix:after, .grid:after, #masthead:after,
article#content:after,
footer#contentinfo:after,
#rates:after,
#welcome:after,
.legal:after,
#feature_banner:after,
.mobile_contact_info:after, .feature_banner:after, .feature_banner_flex:after, .list_horizontal:after, .jump_links_horizontal:after, footer#contentinfo ul:after, .urgent_notice .urgent_notice_inner:after, body.nzoty .media_box:after, body.nzoty .video_link:after {
  clear: both;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Josh, Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   08/01/2013
 |  DESCRIPTION:    Media query mixin.
 |                  polyfill-unsupported-browsers targets IE8 and below based on the conditional
 |                  comment classes in the root of the HTML document.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    .selector{
        @include media( 'mobile-only' ){
            color: hotpink;
        }
    }

    When the selector is inside the media query

    @include media( 'skinny-up', $wrapping-selector: true ){
        .selector{
            color: hotpink;
        }
    }

 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Conditional background mixin
 |                  For reference: http://timkadlec.com/2012/04/media-query-asset-downloading-results/
 |
 |                  In use this will show different background for desktop and mobile
 |
 |                  Note that if you want to show no background for mobile, 
 |                  you can get away with hiding the parent element with display: none;
 |  
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):
 |  DATE CREATED:   2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Needed for ie7 inline block
  |
 * ------------------------------------------------------------------- */
@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: normal;
  font-style: normal;
  src: url('/assets/fonts/MetaSerifWebPro-Book.eot');
  src: url('/assets/fonts/MetaSerifWebPro-Book.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-Book.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-Book.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: normal;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BookIta.eot');
  src: url('/assets/fonts/MetaSerifWebPro-BookIta.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-BookIta.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-BookIta.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 500;
  font-style: normal;
  src: url('/assets/fonts/MetaSerifWebPro-Medium.eot');
  src: url('/assets/fonts/MetaSerifWebPro-Medium.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-Medium.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-Medium.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 500;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-MediumIta.eot');
  src: url('/assets/fonts/MetaSerifWebPro-MediumIta.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-MediumIta.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-MediumIta.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 700;
  font-style: normal;
  src: url('/assets/fonts/MetaSerifWebPro-Bold.eot');
  src: url('/assets/fonts/MetaSerifWebPro-Bold.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-Bold.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-Bold.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 700;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BoldIta.eot');
  src: url('/assets/fonts/MetaSerifWebPro-BoldIta.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-BoldIta.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-BoldIta.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 900;
  font-style: normal;
  src: url('/assets/fonts/MetaSerifWebPro-Black.eot');
  src: url('/assets/fonts/MetaSerifWebPro-Black.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-Black.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-Black.ttf') format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'ff-meta-serif-pro';
  font-weight: 900;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BlackIta.eot');
  src: url('/assets/fonts/MetaSerifWebPro-BlackIta.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/MetaSerifWebPro-BlackIta.woff') format("woff"), url('/assets/fonts/MetaSerifCompPro-BlackIta.ttf') format("truetype");
  /* Safari, Android, iOS */
}

.meta-serif, body, #search_toggle,
.search_button a {
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif;
  -moz-font-feature-settings: 'lnum=1';
}

body {
  /* 18px / 26px */
  font-size: 1em;
  line-height: 1.375em;
  font-weight: normal;
}

.small {
  /* 13px / 18px */
  font-size: 0.8125em;
  line-height: 1.26923;
}

.normal, h3 {
  font-size: 1em;
  line-height: 1.375em;
}

.large, .grid_header h1, h2,
.grid_header h1 {
  /* 28 / 38px */
  font-size: 1.75em;
  line-height: 1.17857;
  font-weight: bold;
}

.huge, h1 {
  font-size: 2.75em;
  line-height: 1;
}

.massive {
  font-size: 4.25em;
  line-height: 0.97059;
}

.gigantic {
  font-size: 6.875em;
  line-height: 1;
}

.center {
  text-align: center;
}

h1, h2, h3 {
  width: 100%;
}

.grid_content h2 {
  margin-bottom: 0.4em;
  margin-top: 0.2em;
  font-size: 1.25em;
}
.grid_content h3 {
  margin-bottom: 0.275em;
  margin-top: 0.6em;
}
.grid_content p {
  margin-bottom: 1em;
}
.grid_content p + h2 {
  margin-top: 1.2em;
}
.grid_content h2 + p {
  margin-top: 0;
}
.grid_content p + h3 {
  margin-top: 0.925em;
}

.grid_header.center {
  text-align: center;
}

h3.rate {
  font-size: 4.0625em;
  line-height: 0.88;
  font-weight: 900;
  text-transform: uppercase;
  color: #3e4636;
  margin-left: 0.26em;
}
h3.rate span {
  font-size: 0.45em;
  position: relative;
  top: -0.7em;
  left: 0.2em;
}
h3.rate span.pa {
  top: 0;
  left: -1.35em;
  font-size: 0.266666em;
  text-transform: lowercase;
  font-weight: 700;
}
h3.rate.rate--large {
  font-size: 5.1875em;
}

@media screen and (min-width: 961px) and (max-width: 1024px) {
  .font_adjust {
    font-size: 0.9375em;
  }
}
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Josh, Frej, MikeM
 |  DATE CREATED:   18/09/2012
 |  DATE UPDATED:   12/12/2012
 |  DESCRIPTION:    Sprites mixin
 |                  Supports hi-res backgrounds
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    STEP 1)
    Creating the sprite (only call once per sprite):

        All options:
        ------------

        @include make-sprite(
                    $folder-name:       'base',
                    $use-retina:        true,
                    $sprite-spacing:    8
                )


        Simple use:
        -----------

        @include make-sprite( $folder-name: 'base', $use-retina: true );


    STEP 2)
    Using the sprite:

        All options:
        ------------

        .box1 {
            @include background-sprite(
                                        $folder-name:   'base',
                                        $image-name:    'icon-mobile-menu',
                                        $offset-x:      0px,
                                        $offset-y:      0px,
                                        $use-retina:    true,
                                        $print-dimensions: false
                                    );
        }

        Simple use:
        -----------

        .box2 {
            @include background-sprite( 'base', 'icon-app-store' );
        }


    SPRITE IMAGE WIDTH & HEIGHT
    ---------------------

    .box1{
        width: sprite-width( 'base', 'icon-app-store' );
        height: sprite-height( 'base', 'icon-app-store' );
    }


 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------- *
    Sprite store
    All generated sprites will be put in this array:
    ( folder name, spacing, sprite-map, sprite-map-retina )
   ------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin calls
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   20/09/2012
 |  DATE UPDATED:   20/09/2012
 |  DESCRIPTION:    Building sprites.
 |                  Create your new sprites in this document.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    See _mixin-sprites.scss for documentation

 * ------------------------------------------------------------------- */
.testing-sprite-mixin, #kiwibank a, .desktop #kiwibank a:hover, .list_horizontal a, .frame_box .cnr_top_left, .frame_box .cnr_top_right, .frame_box .cnr_btm_left, .frame_box .cnr_btm_right, .username.even b, .username b, .contact_pointer, .nav_twitter i, .nav_facebook i, .nav_find_branch i, .nav_contact_details i, .mobile-nav .mobile_search input[type="submit"], #search_toggle,
.search_button a, #search_submit_button, .icon_contact_arrow, .contact_menu.active .icon_contact_arrow, .icon-secure, footer#contentinfo ul .find_branch, footer#contentinfo ul .sm_facebook, footer#contentinfo ul .sm_twitter, form.footer_search input[type="submit"], .icon_mobile_nav, ul.mobile-nav div.contact_details ul.social_media a.sm_twitter, ul.mobile-nav div.contact_details ul.social_media a.sm_facebook, .mobile_banking span, .leg_wrapper .icon_contact_arrow, .urgent_notice .urgent_notice_inner a.close, #app_video_container .video_steps.active .video_steps_download a, .android_info a.toggle_button span, .android_info a.toggle_button.active span {
  background-image: url('/assets/img/sprites/base/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, #kiwibank a, .desktop #kiwibank a:hover, .list_horizontal a, .frame_box .cnr_top_left, .frame_box .cnr_top_right, .frame_box .cnr_btm_left, .frame_box .cnr_btm_right, .username.even b, .username b, .contact_pointer, .nav_twitter i, .nav_facebook i, .nav_find_branch i, .nav_contact_details i, .mobile-nav .mobile_search input[type="submit"], #search_toggle,
  .search_button a, #search_submit_button, .icon_contact_arrow, .contact_menu.active .icon_contact_arrow, .icon-secure, footer#contentinfo ul .find_branch, footer#contentinfo ul .sm_facebook, footer#contentinfo ul .sm_twitter, form.footer_search input[type="submit"], .icon_mobile_nav, ul.mobile-nav div.contact_details ul.social_media a.sm_twitter, ul.mobile-nav div.contact_details ul.social_media a.sm_facebook, .mobile_banking span, .leg_wrapper .icon_contact_arrow, .urgent_notice .urgent_notice_inner a.close, #app_video_container .video_steps.active .video_steps_download a, .android_info a.toggle_button span, .android_info a.toggle_button.active span {
    background-image: url('/assets/img/sprites/base/2x.png?1435890637');
    background-size: 56px auto;
  }
}

.testing-sprite-mixin, .ui_download_left i, .ui_download_right i, .ui_login_left i, .ui_login_right i, .ui_arrow_right i, .ui_arrow_left i, .ui_arrow_right_blue i, .ui_more_right i, .ui_more_right.active i, .ui_more_blue_right i, .ui_more_blue_right.active i, .ui_play_left i, .ui_play_right i, .ui_play_right_blue i, .ui_contact_left i, .ui_contact_right i, .ui_contact_white_left i, .ui_contact_white_right i, .ui_mobile_menu i, .ui_mobile_menu_white i, .ui_close_txt_blue i, .ui_arrow_next i, .ui_arrow_previous i, .ui_arrow_blue_next i,
.ui_arrow_blue_previous i, .ui_arrow_lrg_next i, .ui_arrow_lrg_previous i, .ui_arrow_banner_next i,
.ui_arrow_banner_previous i, .ui_arrow_banner_next:hover i,
.ui_arrow_banner_previous:hover i, .ui_arrow_sml_next i,
.ui_arrow_sml_previous i, .ui_arrow_sml_previous.ui_color_a i,
.ui_arrow_sml_next.ui_color_a i, .ui_close i, .ui_close_blue i, .ui_close_grey i, .ui_play i, .ui_tab.active i, .jump_links_horizontal li a span, .jump_links_horizontal_trans li a span {
  background-image: url('/assets/img/sprites/button/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, .ui_download_left i, .ui_download_right i, .ui_login_left i, .ui_login_right i, .ui_arrow_right i, .ui_arrow_left i, .ui_arrow_right_blue i, .ui_more_right i, .ui_more_right.active i, .ui_more_blue_right i, .ui_more_blue_right.active i, .ui_play_left i, .ui_play_right i, .ui_play_right_blue i, .ui_contact_left i, .ui_contact_right i, .ui_contact_white_left i, .ui_contact_white_right i, .ui_mobile_menu i, .ui_mobile_menu_white i, .ui_close_txt_blue i, .ui_arrow_next i, .ui_arrow_previous i, .ui_arrow_blue_next i,
  .ui_arrow_blue_previous i, .ui_arrow_lrg_next i, .ui_arrow_lrg_previous i, .ui_arrow_banner_next i,
  .ui_arrow_banner_previous i, .ui_arrow_banner_next:hover i,
  .ui_arrow_banner_previous:hover i, .ui_arrow_sml_next i,
  .ui_arrow_sml_previous i, .ui_arrow_sml_previous.ui_color_a i,
  .ui_arrow_sml_next.ui_color_a i, .ui_close i, .ui_close_blue i, .ui_close_grey i, .ui_play i, .ui_tab.active i, .jump_links_horizontal li a span, .jump_links_horizontal_trans li a span {
    background-image: url('/assets/img/sprites/button/2x.png?1435890637');
    background-size: 46px auto;
  }
}

.testing-sprite-mixin, .frame_box .frame_top, .frame_box .frame_bottom {
  background-image: url('/assets/img/sprites/repeat-x/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, .frame_box .frame_top, .frame_box .frame_bottom {
    background-image: url('/assets/img/sprites/repeat-x/2x.png?1435890637');
    background-size: 220px auto;
  }
}

.testing-sprite-mixin, .frame_box .frame_right, .frame_box .frame_left {
  background-image: url('/assets/img/sprites/repeat-y/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, .frame_box .frame_right, .frame_box .frame_left {
    background-image: url('/assets/img/sprites/repeat-y/2x.png?1435890637');
    background-size: 30px auto;
  }
}

.testing-sprite-mixin, .vjs-banner-skin .vjs-mute-control div, .vjs-banner-skin .vjs-mute-control.vjs-vol-0 div, .vjs-banner-skin .vjs-volume-bar, .vjs-banner-skin .vjs-volume-level, .vjs-banner-skin.vjs-playing .vjs-play-control div, .vjs-banner-skin.vjs-paused .vjs-play-control div, .vjs-banner-skin .vjs-big-play-button span {
  background-image: url('/assets/img/sprites/video-js/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, .vjs-banner-skin .vjs-mute-control div, .vjs-banner-skin .vjs-mute-control.vjs-vol-0 div, .vjs-banner-skin .vjs-volume-bar, .vjs-banner-skin .vjs-volume-level, .vjs-banner-skin.vjs-playing .vjs-play-control div, .vjs-banner-skin.vjs-paused .vjs-play-control div, .vjs-banner-skin .vjs-big-play-button span {
    background-image: url('/assets/img/sprites/video-js/2x.png?1435890637');
    background-size: 60px auto;
  }
}

/* ------------------------------------------------------------------- *
 |  PAGE SPRITES
 |  Add all page- or section-specific sprites here
 * ------------------------------------------------------------------- */
.testing-sprite-mixin, .sprite_android, .sprite_transfer, .sprite_payment, .sprite_future, .sprite_security, .sprite_keepsafe, .app_banner_inner .banner-content .bubble_right .bubble .arrow, .app_banner_inner .banner-content .bubble_left .bubble .arrow {
  background-image: url('/assets/img/sprites/mobile-app/1x.png?1435890637');
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin, .sprite_android, .sprite_transfer, .sprite_payment, .sprite_future, .sprite_security, .sprite_keepsafe, .app_banner_inner .banner-content .bubble_right .bubble .arrow, .app_banner_inner .banner-content .bubble_left .bubble .arrow {
    background-image: url('/assets/img/sprites/mobile-app/2x.png?1435890637');
    background-size: 157px auto;
  }
}

.testing-sprite-mixin {
  background-position: 0 -1625px;
  background-position: 0 -422px;
  background-position: 0 0;
  background-position: 0 0;
  background-position: 0 -199px;
  background-position: 0 -565px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin {
    background-position: 0 -1865px;
  }
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .testing-sprite-mixin {
    background-position: 0 -469px;
  }
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Base
 |  AUTHOR(S):      Josh, Paul, Frej
 |  DATE CREATED:   23/05/2012
 |  DATE UPDATED:   24/09/2012
 |  DESCRIPTION:    Common elements and generic style
 * ------------------------------------------------------------------- */
@font-face {
  font-family: 'ff-meta-serif-pro-nn';
  src: url('/assets/fonts/MetaSerifWebPro-Book.eot?#iefix');
}

@font-face {
  font-family: 'ff-meta-serif-pro-ni';
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BookIta.eot?#iefix');
}

@font-face {
  font-family: 'ff-meta-serif-pro-bn';
  font-weight: 700;
  src: url('/assets/fonts/MetaSerifWebPro-Bold.eot?#iefix');
}

@font-face {
  font-family: 'ff-meta-serif-pro-bi';
  font-weight: 700;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BoldIta.eot?#iefix');
}

@font-face {
  font-family: 'ff-meta-serif-pro-bln';
  font-weight: 900;
  src: url('/assets/fonts/MetaSerifWebPro-Black.eot?#iefix');
}

@font-face {
  font-family: 'ff-meta-serif-pro-bli';
  font-weight: 900;
  font-style: italic;
  src: url('/assets/fonts/MetaSerifWebPro-BlackIta.eot?#iefix');
}

#print_logo {
  display: none !important;
}

body {
  background: #eaeaea;
  color: #353c2e;
  text-rendering: optimizeLegibility;
}
@media only screen and (max-width: 37.5em) {
  body {
    -webkit-text-size-adjust: none;
  }
}

#kiwibank {
  display: inline;
}
#kiwibank a {
  overflow: hidden;
  display: block;
  width: 56px;
  height: 56px;
  float: left;
  cursor: pointer;
  background-position: 0 0;
}
.desktop #kiwibank a:hover {
  background-position: 0 -65px;
}

a {
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transition: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
}
a:link, a:visited {
  color: #4aa1c5;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #2f7693;
}

a[href^=tel] {
  color: inherit;
}

.grid {
  width: 100%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}
.grid.story {
  margin-bottom: 1.8em;
}

#masthead,
article#content,
footer#contentinfo,
#rates,
#welcome,
.legal,
#feature_banner,
.mobile_contact_info {
  margin: 0 auto;
  position: relative;
  background: white;
}

input[type=text] {
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif;
  -moz-font-feature-settings: 'lnum=1';
  border: 0;
  padding: 0.3em 0.7em;
}

input[type=submit] {
  color: white;
  background: #2c3b1b;
  padding: 0.3em 0.8em;
  border: 0;
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif;
  -moz-font-feature-settings: 'lnum=1';
}

.left-aside,
.right-aside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

blockquote p {
  padding: 0.5em;
}

hr {
  margin: 1em 0;
  border: 0px;
  border-top: 1px solid #e8e8e7;
  color: #FFF;
}
hr.flush {
  margin: 0.4em 0;
}

.retina_show,
.mobile_only_show,
.skinny_down_show,
.skinny_only_show,
.skinny_up_show,
.desktop_down_show,
.desktop_up_show,
.wide_show {
  display: none;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .retina_show {
    display: block;
  }

  .retina_hide {
    display: none;
  }
}
@media only screen and (max-width: 37.5em) {
  .mobile_only_show {
    display: block;
  }

  .mobile_only_hide {
    display: none;
  }
}
@media only screen and (max-width: 60em) {
  .skinny_down_show {
    display: block;
  }

  .skinny_down_hide {
    display: none;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .skinny_only_show {
    display: block;
  }

  .skinny_only_hide {
    display: none;
  }
}
@media only screen and (min-width: 37.5625em) {
  .skinny_up_show {
    display: block;
  }

  .skinny_up_hide {
    display: none;
  }
}
.no_media_queries .skinny_up_show {
  display: block;
}
.no_media_queries .skinny_up_hide {
  display: none;
}

@media only screen and (max-width: 60.0625em) {
  .desktop_down_show {
    display: block;
  }

  .desktop_down_hide {
    display: none;
  }
}
.no_media_queries .desktop_down_show {
  display: block;
}
.no_media_queries .desktop_down_hide {
  display: none;
}

@media only screen and (min-width: 60.0625em) {
  .desktop_up_show {
    display: block;
  }

  .desktop_up_hide {
    display: none;
  }
}
.no_media_queries .desktop_up_show {
  display: block;
}
.no_media_queries .desktop_up_hide {
  display: none;
}

@media only screen and (min-width: 71.3125em) {
  .wide_show {
    display: block;
  }

  .wide_hide {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .grid_section {
    background-color: #fff;
    *zoom: 1;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0em;
    padding-right: 0em;
  }
  .grid_section:before, .grid_section:after {
    content: " ";
    display: table;
  }
  .grid_section:after {
    clear: both;
  }

  .grid_section_breakout {
    background-color: #fff;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_1 {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_header {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_cols_2 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_3 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_4 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid {
    margin-bottom: 1.25em;
  }

  .grid_content {
    padding-top: 1.125em;
    padding-bottom: -0.125em;
  }

  .grid_img {
    float: left;
    margin: 0 1em 1em 0;
  }
  .grid_img.right {
    float: right;
    margin: 0 0 1em 1em;
  }

  .grid_divider {
    padding-left: 0.875em;
    padding-right: 0.875em;
    height: 1px;
  }
  .grid_divider span {
    display: block;
    height: 0;
    line-height: 0;
    border-bottom: 1px solid #ebeceb;
  }

  .grid_section .video {
    overflow: hidden;
  }

  .grid_header h1 {
    margin-bottom: 0.92857em;
  }
  .grid .grid_header h1 {
    margin-bottom: 0.42857em;
  }

  .banner-video {
    width: 100% !important;
    height: 309px !important;
  }

  .break_float, .break_float.right {
    float: none;
  }
}
@media screen and (min-width: 601px) {
  .grid_section {
    background-color: #fff;
    *zoom: 1;
    max-width: 708px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.875em;
    padding-right: 0.875em;
  }
  .grid_section:before, .grid_section:after {
    content: " ";
    display: table;
  }
  .grid_section:after {
    clear: both;
  }

  .grid_section_breakout {
    background-color: #fff;
    max-width: 736px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_1 {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_header {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_cols_2 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_3 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_4 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid {
    margin-bottom: 1.5625em;
  }

  .grid_content {
    padding-top: 2.125em;
    padding-bottom: 0.5625em;
  }

  .grid_img {
    float: left;
    margin: 0 1em 1em 0;
  }
  .grid_img.right {
    float: right;
    margin: 0 0 1em 1em;
  }

  .grid_divider {
    padding-left: 0.875em;
    padding-right: 0.875em;
    height: 1px;
  }
  .grid_divider span {
    display: block;
    height: 0;
    line-height: 0;
    border-bottom: 1px solid #ebeceb;
  }

  .grid_section .video {
    overflow: hidden;
  }

  .grid_header h1 {
    margin-bottom: 1.5em;
  }
  .grid .grid_header h1 {
    margin-bottom: 0.42857em;
  }

  .banner-video {
    width: 680px !important;
    height: 367px !important;
  }
}
@media screen and (min-width: 961px) {
  .grid_section {
    background-color: #fff;
    *zoom: 1;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
  .grid_section:before, .grid_section:after {
    content: " ";
    display: table;
  }
  .grid_section:after {
    clear: both;
  }

  .grid_section_breakout {
    background-color: #fff;
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_1 {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_header {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_cols_2 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_3 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 33.33333%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_4 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid {
    margin-bottom: 1.5625em;
  }

  .grid_content {
    padding-top: 2.125em;
    padding-bottom: 0.5625em;
  }

  .grid_img {
    float: left;
    margin: 0 1em 1em 0;
  }
  .grid_img.right {
    float: right;
    margin: 0 0 1em 1em;
  }

  .grid_divider {
    padding-left: 0.875em;
    padding-right: 0.875em;
    height: 1px;
  }
  .grid_divider span {
    display: block;
    height: 0;
    line-height: 0;
    border-bottom: 1px solid #ebeceb;
  }

  .grid_section .video {
    overflow: hidden;
  }

  .grid_header h1 {
    margin-bottom: 1.5em;
  }
  .grid .grid_header h1 {
    margin-bottom: 0.42857em;
  }

  .banner-video {
    width: 932px !important;
    height: 503px !important;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .grid_section.font_adjust {
    padding-left: 1.86667em;
    padding-right: 1.86667em;
  }
}
@media screen and (min-width: 1141px) {
  .grid_section {
    background-color: #fff;
    *zoom: 1;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }
  .grid_section:before, .grid_section:after {
    content: " ";
    display: table;
  }
  .grid_section:after {
    clear: both;
  }

  .grid_section_breakout {
    background-color: #fff;
    max-width: 1252px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_1 {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_header {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }

  .grid_cols_2 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_3 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 33.33333%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_cols_4 .grid {
    padding-left: 0.875em;
    padding-right: 0.875em;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid {
    margin-bottom: 1.5625em;
  }

  .grid_content {
    padding-top: 2.125em;
    padding-bottom: 0.5625em;
  }

  .grid_img {
    float: left;
    margin: 0 1em 1em 0;
  }
  .grid_img.right {
    float: right;
    margin: 0 0 1em 1em;
  }

  .grid_divider {
    padding-left: 0.875em;
    padding-right: 0.875em;
    height: 1px;
  }
  .grid_divider span {
    display: block;
    height: 0;
    line-height: 0;
    border-bottom: 1px solid #ebeceb;
  }

  .grid_section .video {
    overflow: hidden;
  }

  .grid_header h1 {
    margin-bottom: 1.5em;
  }
  .grid .grid_header h1 {
    margin-bottom: 0.42857em;
  }

  .banner-video {
    width: 1112px !important;
    height: 600px !important;
  }
}
.readable_column {
  max-width: 33em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  .readable_column .grid_content {
    padding: 0 14px;
  }
}

.ie6 .grid_section,
.ie7 .grid_section,
.ie8 .grid_section {
  background-color: #fff;
  *zoom: 1;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.875em;
  padding-right: 0.875em;
}
.ie6 .grid_section:before, .ie6 .grid_section:after,
.ie7 .grid_section:before,
.ie7 .grid_section:after,
.ie8 .grid_section:before,
.ie8 .grid_section:after {
  content: " ";
  display: table;
}
.ie6 .grid_section:after,
.ie7 .grid_section:after,
.ie8 .grid_section:after {
  clear: both;
}
.ie6 .grid_section_breakout,
.ie7 .grid_section_breakout,
.ie8 .grid_section_breakout {
  background-color: #fff;
  max-width: 988px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_cols_1,
.ie7 .grid_cols_1,
.ie8 .grid_cols_1 {
  padding-left: 0.875em;
  padding-right: 0.875em;
}
.ie6 .grid_header,
.ie7 .grid_header,
.ie8 .grid_header {
  padding-left: 0.875em;
  padding-right: 0.875em;
}
.ie6 .grid_cols_2 .grid,
.ie7 .grid_cols_2 .grid,
.ie8 .grid_cols_2 .grid {
  padding-left: 0.875em;
  padding-right: 0.875em;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_cols_3 .grid,
.ie7 .grid_cols_3 .grid,
.ie8 .grid_cols_3 .grid {
  padding-left: 0.875em;
  padding-right: 0.875em;
  width: 33.33333%;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_cols_4 .grid,
.ie7 .grid_cols_4 .grid,
.ie8 .grid_cols_4 .grid {
  padding-left: 0.875em;
  padding-right: 0.875em;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid,
.ie7 .grid,
.ie8 .grid {
  margin-bottom: 1.5625em;
}
.ie6 .grid_content,
.ie7 .grid_content,
.ie8 .grid_content {
  padding-top: 2.125em;
  padding-bottom: 0.5625em;
}
.ie6 .grid_img,
.ie7 .grid_img,
.ie8 .grid_img {
  float: left;
  margin: 0 1em 1em 0;
}
.ie6 .grid_img.right,
.ie7 .grid_img.right,
.ie8 .grid_img.right {
  float: right;
  margin: 0 0 1em 1em;
}
.ie6 .grid_divider,
.ie7 .grid_divider,
.ie8 .grid_divider {
  padding-left: 0.875em;
  padding-right: 0.875em;
  height: 1px;
}
.ie6 .grid_divider span,
.ie7 .grid_divider span,
.ie8 .grid_divider span {
  display: block;
  height: 0;
  line-height: 0;
  border-bottom: 1px solid #ebeceb;
}
.ie6 .grid_section .video,
.ie7 .grid_section .video,
.ie8 .grid_section .video {
  overflow: hidden;
}
.ie6 .grid_header h1,
.ie7 .grid_header h1,
.ie8 .grid_header h1 {
  margin-bottom: 1.5em;
}
.grid .ie6 .grid_header h1, .grid
.ie7 .grid_header h1, .grid
.ie8 .grid_header h1 {
  margin-bottom: 0.42857em;
}
.ie6 .banner-video,
.ie7 .banner-video,
.ie8 .banner-video {
  width: 932px !important;
  height: 503px !important;
}

.ie6 .grid_section, .ie7 .grid_section, .ie8 .grid_section {
  width: 960px;
}
.ie6 .grid_section_breakout, .ie7 .grid_section_breakout, .ie8 .grid_section_breakout {
  width: 988px;
}

.ie6 .grid_section .grid_cols_2 .grid, .ie7 .grid_section .grid_cols_2 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 452px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section .grid_cols_3 .grid, .ie7 .grid_section .grid_cols_3 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 292.0px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section .grid_cols_4 .grid, .ie7 .grid_section .grid_cols_4 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 212px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section_breakout .grid_cols_2 .grid, .ie7 .grid_section_breakout .grid_cols_2 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 988px/2-28;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section_breakout .grid_cols_3 .grid, .ie7 .grid_section_breakout .grid_cols_3 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 988px/3.0-28;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section_breakout .grid_cols_4 .grid, .ie7 .grid_section_breakout .grid_cols_4 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 988px/4-28;
  margin-left: auto;
  margin-right: auto;
}

.ie6 .grid_section_breakout {
  width: 960px;
}
.ie6 .grid_section_breakout .grid_cols_2 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 452px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section_breakout .grid_cols_3 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 292.0px;
  margin-left: auto;
  margin-right: auto;
}
.ie6 .grid_section_breakout .grid_cols_4 .grid {
  padding-left: 14px;
  padding-right: 14px;
  width: 212px;
  margin-left: auto;
  margin-right: auto;
}

.ie6 .grid_content .grid h2,
.ie7 .grid_content .grid h2 {
  width: auto !important;
}

/*  JS MEDIA QUERIES
-----------------------------------------------------------
This is a hack for getting the current mediaquery
into Javascript without having to declare explicit
widths over there.

Support: FF 3.6+, Anroid 2.2+, Safari, Chrome, IE7, IE8, IE9+
-----------------------------------------------------------
*/
html {
  font-family: "mobile";
}
html body:after {
  content: "mobile";
  display: none;
}
@media only screen and (min-width: 37.5625em) {
  html {
    font-family: "skinny";
  }
  html body:after {
    content: "skinny";
  }
}
.no_media_queries html {
  font-family: "skinny";
}
.no_media_queries html body:after {
  content: "skinny";
}
@media only screen and (min-width: 60.0625em) {
  html {
    font-family: "desktop";
  }
  html body:after {
    content: "desktop";
  }
}
.no_media_queries html {
  font-family: "desktop";
}
.no_media_queries html body:after {
  content: "desktop";
}
@media only screen and (min-width: 71.3125em) {
  html {
    font-family: "wide";
  }
  html body:after {
    content: "wide";
  }
}

* html {
  /* IE6 */
  font-family: "desktop";
}
* html body:after {
  content: "desktop";
}

* + html {
  /* IE7 */
  font-family: "desktop";
}
* + html body:after {
  content: "desktop";
}

@media \0screen {
  html {
    /* IE8 */
    font-family: "desktop";
  }
  html body:after {
    content: "desktop";
  }
}
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Paul
 |  DATE CREATED:   2013
 |  DATE UPDATED:   2013
 |  DESCRIPTION:    CSS border based arrows
 |                  Support down to IE7
 |
 * ------------------------------------------------------------------- *
    MIXINS
    ------

    @mixin ui-arrow-up

	@mixin ui-arrow-down

	@mixin ui-arrow-right

	@mixin ui-arrow-left


    EXAMPLE
    -------

    <a class='arrow_link'>Next<span>&nbsp;</span></a>

    .arrow_link{
        span{
            @include ui-arrow-right($width: 6px, $color: #e5e5e5);
        }
    }


 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Paul
 |  DATE CREATED:   2013
 |  DATE UPDATED:   2013
 |  DESCRIPTION:    CSS border based arrows
 |                  Support down to IE7
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    <a class='arrow_link'>Next<span>&nbsp;</span></a>

    .arrow_link{
        span{
            @include ui-arrow-right($width: 6px, $color: #e5e5e5);
        }
    }


 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Button styles
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   23/10/2012
 |  DESCRIPTION:	All button styles
 |
 |					* COLOURS
 |					* SIZES
 |					* ICONS
 |					* ICON ONLY BUTTONS
 |					* TAB BUTTONS
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



    MIXIN REFERENCE (all options)
    -----------------------------

	@include button-ui(
		$background-color: #background-color,
		$background-color-hover: #hover-background-color,
		$color: #text-color,
		$padding: px px px px,
		$border-color: #border-color,
		$border-color-hover: #border-color-hover,
		$font-size: px-to-em(16),
		$line-height: px-to-em(16),
		$icon: 'icon-name',
		$icon-hover: 'icon-name-hover',
		$icon-position: 'left/right',
		$icon-padding: num,
		$icon-offset-x: px,
		$icon-offset-y: px,
		$icon-only: false/true
	);


 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   23/10/2012
 |  DATE UPDATED:   23/10/2012
 |  DESCRIPTION:    Button mixin
 |
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
.ui_button, .ui_tab {
  cursor: pointer;
  margin-right: 1em;
  line-height: 1.5em;
  -webkit-appearance: none;
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif;
  -moz-font-feature-settings: 'lnum=1';
}
.ui_button i, .ui_tab i {
  display: none;
}

input.ui_button, input.ui_tab,
button.ui_button,
button.ui_tab {
  cursor: pointer;
  font-family: inherit;
  border-width: 0;
  font-size: 1em;
  height: 1.938em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
input.ui_button::-moz-focus-inner, input.ui_tab::-moz-focus-inner,
button.ui_button::-moz-focus-inner,
button.ui_tab::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a.ui_button, a.ui_tab {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}

.ui_button, .ui_tab {
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-right: 12px;
  padding-left: 8px;
}
.ui_button, .ui_tab, .ui_button:link, .ui_tab:link, .ui_button:hover, .ui_tab:hover, .ui_button:visited, .ui_tab:visited {
  color: white;
}

.ui_download_left, .ui_download_right, .ui_login_left, .ui_login_right, .ui_arrow_right, .ui_arrow_left, .ui_arrow_right_blue, .ui_more_right, .ui_more_right.active, .ui_more_blue_right, .ui_more_blue_right.active, .ui_play_left, .ui_play_right, .ui_play_right_blue, .ui_contact_left, .ui_contact_right, .ui_contact_white_left, .ui_contact_white_right, .ui_mobile_menu, .ui_mobile_menu_white, .ui_close_txt_blue, .ui_arrow_next, .ui_arrow_previous, .ui_arrow_blue_next,
.ui_arrow_blue_previous, .ui_arrow_lrg_next, .ui_arrow_lrg_previous, .ui_arrow_banner_next,
.ui_arrow_banner_previous, .ui_arrow_sml_next,
.ui_arrow_sml_previous, .ui_arrow_sml_previous.ui_color_a,
.ui_arrow_sml_next.ui_color_a, .ui_close, .ui_close_blue, .ui_close_grey, .ui_play, .ui_tab.active {
  position: relative;
}
.ui_download_left i, .ui_download_right i, .ui_login_left i, .ui_login_right i, .ui_arrow_right i, .ui_arrow_left i, .ui_arrow_right_blue i, .ui_more_right i, .ui_more_right.active i, .ui_more_blue_right i, .ui_more_blue_right.active i, .ui_play_left i, .ui_play_right i, .ui_play_right_blue i, .ui_contact_left i, .ui_contact_right i, .ui_contact_white_left i, .ui_contact_white_right i, .ui_mobile_menu i, .ui_mobile_menu_white i, .ui_close_txt_blue i, .ui_arrow_next i, .ui_arrow_previous i, .ui_arrow_blue_next i,
.ui_arrow_blue_previous i, .ui_arrow_lrg_next i, .ui_arrow_lrg_previous i, .ui_arrow_banner_next i,
.ui_arrow_banner_previous i, .ui_arrow_sml_next i,
.ui_arrow_sml_previous i, .ui_arrow_sml_previous.ui_color_a i,
.ui_arrow_sml_next.ui_color_a i, .ui_close i, .ui_close_blue i, .ui_close_grey i, .ui_play i, .ui_tab.active i {
  position: absolute;
  display: inline-block;
  top: 50%;
}

.ui_download_left i, .ui_login_left i, .ui_arrow_left i, .ui_play_left i, .ui_contact_left i, .ui_contact_right i, .ui_contact_white_left i, .ui_contact_white_right i, .ui_arrow_next i, .ui_arrow_previous i, .ui_arrow_blue_next i,
.ui_arrow_blue_previous i, .ui_arrow_lrg_next i, .ui_arrow_lrg_previous i, .ui_arrow_banner_next i,
.ui_arrow_banner_previous i, .ui_close i, .ui_close_blue i {
  right: auto;
}

.ui_download_right i, .ui_login_right i, .ui_arrow_right i, .ui_arrow_right_blue i, .ui_more_right i, .ui_more_right.active i, .ui_more_blue_right i, .ui_more_blue_right.active i, .ui_play_right i, .ui_play_right_blue i, .ui_mobile_menu i, .ui_mobile_menu_white i, .ui_close_txt_blue i {
  left: auto;
}

.ui_arrow_sml_next i,
.ui_arrow_sml_previous i, .ui_arrow_sml_previous.ui_color_a i,
.ui_arrow_sml_next.ui_color_a i, .ui_close_grey i, .ui_play i, .ui_tab.active i {
  left: 50%;
  right: auto;
}

.ui_arrow_next, .ui_arrow_previous, .ui_arrow_blue_next,
.ui_arrow_blue_previous, .ui_arrow_lrg_next, .ui_arrow_lrg_previous, .ui_arrow_banner_next,
.ui_arrow_banner_previous, .ui_arrow_sml_next,
.ui_arrow_sml_previous, .ui_arrow_sml_previous.ui_color_a,
.ui_arrow_sml_next.ui_color_a, .ui_close, .ui_close_blue, .ui_close_grey, .ui_play,
a.ui_arrow_next,
a.ui_arrow_previous,
a.ui_arrow_blue_next,
a.ui_arrow_blue_previous,
a.ui_arrow_lrg_next,
a.ui_arrow_lrg_previous,
a.ui_arrow_banner_next,
a.ui_arrow_banner_previous,
a.ui_arrow_sml_next,
a.ui_arrow_sml_previous,
a.ui_arrow_sml_previous.ui_color_a,
a.ui_arrow_sml_next.ui_color_a,
a.ui_close,
a.ui_close_blue,
a.ui_close_grey,
a.ui_play {
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  display: block;
}

.ui_button,
.ui_color_a {
  background-color: #89c54e;
}
.ui_button:hover,
.ui_color_a:hover {
  background-color: #70a937;
}

.ui_color_b {
  background-color: #73a543;
}
.ui_color_b:hover {
  background-color: #5a8134;
}

.ui_color_c {
  background-color: #528224;
}
.ui_color_c:hover {
  background-color: #395a19;
}

.ui_color_d {
  background-color: #364a1e;
}
.ui_color_d:hover {
  background-color: #506e2d;
}

.ui_color_e {
  background-color: #263419;
}
.ui_color_e:hover {
  background-color: #4c6832;
}

.ui_color_f {
  background-color: #3e4636;
}
.ui_color_f:hover {
  background-color: #647157;
}

.ui_color_g {
  background-color: #353c2e;
}
.ui_color_g:hover {
  background-color: #4e5944;
}

.ui_color_h {
  background-color: #e4e9e4;
  border: 1px solid #e5e7e4;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  padding-left: 7px;
}
.ui_color_h, .ui_color_h:link, .ui_color_h:hover, .ui_color_h:visited {
  color: #4aa1c5;
}
.ui_color_h:hover {
  background-color: #c8d2c8;
}

.ui_color_w {
  background-color: white;
  border: 1px solid #d7d8d7;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  padding-left: 7px;
}
.ui_color_w, .ui_color_w:link, .ui_color_w:hover, .ui_color_w:visited {
  color: #353c2e;
}
.ui_color_w:hover {
  background-color: #ededed;
}

.ui_color_brand {
  background-color: #6ab421;
}
.ui_color_brand:hover {
  background-color: #518919;
}

.ui_large_a {
  font-size: 1.0625em;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 16px;
  padding-left: 16px;
}

.ui_large_b {
  font-size: 1.0625em;
  padding-top: 14px;
  padding-bottom: 13px;
  padding-right: 22px;
  padding-left: 22px;
}

.ui_download_left {
  padding-left: 42px;
}
.ui_download_left i {
  left: 12px;
}
.ui_download_left i {
  background-position: 0 -1017px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_download_left i {
    background-position: 0 -1118px;
  }
}

.ui_download_right {
  padding-right: 42px;
}
.ui_download_right i {
  right: 12px;
}
.ui_download_right i {
  background-position: 0 -1017px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_download_right i {
    background-position: 0 -1118px;
  }
}

.ui_login_left {
  padding-left: 37px;
}
.ui_login_left i {
  left: 12px;
}
.ui_login_left i {
  background-position: 0 -396px;
  margin-top: -9px;
  width: 13px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_login_left i {
    background-position: 0 -424px;
  }
}

.ui_login_right {
  padding-right: 37px;
}
.ui_login_right i {
  right: 12px;
}
.ui_login_right i {
  background-position: 0 -396px;
  margin-top: -9px;
  width: 13px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_login_right i {
    background-position: 0 -424px;
  }
}
.main_ib_login .ui_login_right {
  padding-right: 25px;
}
.main_ib_login .ui_login_right i {
  right: 0;
  margin-top: -11px;
}

.ui_arrow_right {
  padding-right: 38px;
}
.ui_arrow_right i {
  right: 12px;
}
.ui_arrow_right i {
  background-position: 0 -1202px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_right i {
    background-position: 0 -1144px;
  }
}

.ui_arrow_left {
  padding-left: 38px;
}
.ui_arrow_left i {
  left: 12px;
}
.ui_arrow_left i {
  background-position: 0 -1224px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_left i {
    background-position: 0 -1182px;
  }
}

.ui_arrow_right_blue {
  padding-right: 30px;
}
.ui_arrow_right_blue i {
  right: 8px;
}
.ui_arrow_right_blue i {
  background-position: 0 -1043px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_right_blue i {
    background-position: 0 -1077px;
  }
}

.ui_more_right {
  padding-right: 37px;
}
.ui_more_right i {
  right: 12px;
}
.ui_more_right i {
  background-position: 0 -466px;
  margin-top: -4.5px;
  width: 13px;
  height: 9px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_more_right i {
    background-position: 0 -494px;
  }
}
.ui_more_right.active {
  padding-right: 37px;
}
.ui_more_right.active i {
  right: 12px;
}
.ui_more_right.active i {
  background-position: 0 -1246px;
  margin-top: -4.5px;
  width: 13px;
  height: 9px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_more_right.active i {
    background-position: 0 -1220px;
  }
}

.ui_more_blue_right {
  padding-right: 38px;
}
.ui_more_blue_right i {
  right: 12px;
}
.ui_more_blue_right i {
  background-position: 0 -1144px;
  margin-top: -4px;
  width: 14px;
  height: 8px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_more_blue_right i {
    background-position: 0 -1166px;
  }
}
.ui_more_blue_right.active {
  padding-right: 38px;
}
.ui_more_blue_right.active i {
  right: 12px;
}
.ui_more_blue_right.active i {
  background-position: 0 -1160px;
  margin-top: -4px;
  width: 14px;
  height: 8px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_more_blue_right.active i {
    background-position: 0 -1204px;
  }
}

.ui_play_left {
  padding-left: 46px;
}
.ui_play_left i {
  left: 12px;
}
.ui_play_left i {
  background-position: 0 -714px;
  margin-top: -11.5px;
  width: 22px;
  height: 23px;
}

.ui_play_right {
  padding-right: 46px;
}
.ui_play_right i {
  right: 12px;
}
.ui_play_right i {
  background-position: 0 -714px;
  margin-top: -11.5px;
  width: 22px;
  height: 23px;
}

.ui_play_right_blue {
  padding-right: 46px;
}
.ui_play_right_blue i {
  right: 12px;
}
.ui_play_right_blue i {
  background-position: 0 -87px;
  margin-top: -11.5px;
  width: 22px;
  height: 23px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_play_right_blue i {
    background-position: 0 -112px;
  }
}

.ui_contact_left {
  padding-left: 48px;
}
.ui_contact_left i {
  left: 12px;
}
.ui_contact_left i {
  background-position: 0 -118px;
  margin-top: -9px;
  width: 24px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_contact_left i {
    background-position: 0 -143px;
  }
}

.ui_contact_right {
  padding-left: 48px;
}
.ui_contact_right i {
  left: 12px;
}
.ui_contact_right i {
  background-position: 0 -118px;
  margin-top: -9px;
  width: 24px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_contact_right i {
    background-position: 0 -143px;
  }
}

.ui_contact_white_left {
  padding-left: 48px;
}
.ui_contact_white_left i {
  left: 12px;
}
.ui_contact_white_left i {
  background-position: 0 -191px;
  margin-top: -9px;
  width: 24px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_contact_white_left i {
    background-position: 0 -297px;
  }
}

.ui_contact_white_right {
  padding-left: 48px;
}
.ui_contact_white_right i {
  left: 12px;
}
.ui_contact_white_right i {
  background-position: 0 -191px;
  margin-top: -9px;
  width: 24px;
  height: 18px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_contact_white_right i {
    background-position: 0 -297px;
  }
}

.ui_mobile_menu {
  background-color: transparent;
  font-size: inherit;
  padding-right: 48px;
}
.ui_mobile_menu, .ui_mobile_menu:link, .ui_mobile_menu:hover, .ui_mobile_menu:visited {
  color: inherit;
}
.ui_mobile_menu:hover {
  background-color: transparent;
}
.ui_mobile_menu i {
  right: 12px;
}
.ui_mobile_menu i {
  background-position: 0 -584px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_mobile_menu i {
    background-position: 0 -682px;
  }
}

.ui_mobile_menu_white {
  background-color: transparent;
  font-size: inherit;
  padding-right: 46px;
}
.ui_mobile_menu_white, .ui_mobile_menu_white:link, .ui_mobile_menu_white:hover, .ui_mobile_menu_white:visited {
  color: inherit;
}
.ui_mobile_menu_white:hover {
  background-color: transparent;
}
.ui_mobile_menu_white i {
  right: 12px;
}
.ui_mobile_menu_white i {
  background-position: 0 -557px;
  margin-top: -9.5px;
  width: 22px;
  height: 19px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_mobile_menu_white i {
    background-position: 0 -655px;
  }
}
.ui_mobile_menu_white i {
  right: 0;
}

.ui_close_txt_blue {
  padding-right: 30px;
}
.ui_close_txt_blue i {
  right: 8px;
}
.ui_close_txt_blue i {
  background-position: 0 -914px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_close_txt_blue i {
    background-position: 0 -877px;
  }
}

.ui_arrow_next {
  width: 49px;
  height: 49px;
}
.ui_arrow_next i {
  left: 12px;
}
.ui_arrow_next i {
  background-position: 0 -844px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}

.ui_arrow_previous {
  width: 49px;
  height: 49px;
}
.ui_arrow_previous i {
  left: 12px;
}
.ui_arrow_previous i {
  background-position: -2px -811px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}

.ui_arrow_blue_next,
.ui_arrow_blue_previous {
  background-color: white;
  border: 1px solid #e9e9e9;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  width: 49px;
  height: 49px;
}
.ui_arrow_blue_next:hover,
.ui_arrow_blue_previous:hover {
  background-color: #ededed;
}
.ui_arrow_blue_next i,
.ui_arrow_blue_previous i {
  left: 12px;
}
.ui_arrow_blue_next i,
.ui_arrow_blue_previous i {
  background-position: 0 -745px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_blue_next i,
  .ui_arrow_blue_previous i {
    background-position: 0 -778px;
  }
}

.ui_arrow_blue_previous {
  width: 49px;
  height: 49px;
}
.ui_arrow_blue_previous i {
  left: 12px;
}
.ui_arrow_blue_previous i {
  background-position: -2px -778px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_blue_previous i {
    background-position: -2px -745px;
  }
}

.ui_arrow_lrg_next {
  width: 65px;
  height: 65px;
}
.ui_arrow_lrg_next i {
  left: 12px;
}
.ui_arrow_lrg_next i {
  background-position: 0 -616px;
  margin-top: -20.5px;
  width: 41px;
  height: 41px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_lrg_next i {
    background-position: 0 -531px;
  }
}

.ui_arrow_lrg_previous {
  width: 65px;
  height: 65px;
}
.ui_arrow_lrg_previous i {
  left: 12px;
}
.ui_arrow_lrg_previous i {
  background-position: -2px -665px;
  margin-top: -20.5px;
  width: 41px;
  height: 41px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_lrg_previous i {
    background-position: -2px -580px;
  }
}

.ui_arrow_banner_next,
.ui_arrow_banner_previous {
  background-color: white;
  border: 1px solid #e9e9e9;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  width: 49px;
  height: 49px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.ui_arrow_banner_next:hover,
.ui_arrow_banner_previous:hover {
  background-color: #3e4636;
}
.ui_arrow_banner_next:hover,
.ui_arrow_banner_previous:hover {
  border-color: #3e4636;
}
.ui_arrow_banner_next i,
.ui_arrow_banner_previous i {
  left: 12px;
}
.ui_arrow_banner_next i,
.ui_arrow_banner_previous i {
  background-position: 0 -745px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_banner_next i,
  .ui_arrow_banner_previous i {
    background-position: 0 -778px;
  }
}
.ui_arrow_banner_next:hover i,
.ui_arrow_banner_previous:hover i {
  background-position: 0 -844px;
}

.ui_arrow_banner_previous {
  width: 49px;
  height: 49px;
}
.ui_arrow_banner_previous i {
  left: 12px;
}
.ui_arrow_banner_previous i {
  background-position: -2px -778px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_banner_previous i {
    background-position: -2px -745px;
  }
}
.ui_arrow_banner_previous:hover i {
  background-position: -2px -811px;
}

.ui_arrow_sml_next,
.ui_arrow_sml_previous {
  background-color: white;
  border: 1px solid #e9e9e9;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  padding-left: 7px;
  width: 32px;
  height: 32px;
}
.ui_arrow_sml_next:hover,
.ui_arrow_sml_previous:hover {
  background-color: #ededed;
}
.ui_arrow_sml_next i,
.ui_arrow_sml_previous i {
  margin-left: -7px;
}
.ui_arrow_sml_next i,
.ui_arrow_sml_previous i {
  background-position: 1px -1043px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_sml_next i,
  .ui_arrow_sml_previous i {
    background-position: 1px -1077px;
  }
}

.ui_arrow_sml_previous {
  width: 32px;
  height: 32px;
}
.ui_arrow_sml_previous i {
  margin-left: -7px;
}
.ui_arrow_sml_previous i {
  background-position: 0 -1065px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_sml_previous i {
    background-position: 0 -1055px;
  }
}

.ui_arrow_sml_previous.ui_color_a,
.ui_arrow_sml_next.ui_color_a {
  background-color: #61b220;
  border: 1px solid #61b220;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  padding-left: 7px;
  width: 32px;
  height: 32px;
}
.ui_arrow_sml_previous.ui_color_a:hover,
.ui_arrow_sml_next.ui_color_a:hover {
  background-color: #569c1c;
}
.ui_arrow_sml_previous.ui_color_a i,
.ui_arrow_sml_next.ui_color_a i {
  margin-left: -7px;
}
.ui_arrow_sml_previous.ui_color_a i,
.ui_arrow_sml_next.ui_color_a i {
  background-position: 0 -1202px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_sml_previous.ui_color_a i,
  .ui_arrow_sml_next.ui_color_a i {
    background-position: 0 -1144px;
  }
}

.ui_arrow_sml_previous.ui_color_a {
  width: 32px;
  height: 32px;
}
.ui_arrow_sml_previous.ui_color_a i {
  margin-left: -7px;
}
.ui_arrow_sml_previous.ui_color_a i {
  background-position: 0 -1224px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_arrow_sml_previous.ui_color_a i {
    background-position: 0 -1182px;
  }
}

.ui_close {
  width: 44px;
  height: 44px;
}
.ui_close i {
  left: 12px;
}
.ui_close i {
  background-position: 0 -936px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ui_close_blue {
  background-color: white;
  border: 1px solid #d7d8d7;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  width: 44px;
  height: 44px;
}
.ui_close_blue:hover {
  background-color: #ededed;
}
.ui_close_blue i {
  left: 12px;
}
.ui_close_blue i {
  background-position: 0 -964px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_close_blue i {
    background-position: 0 -983px;
  }
}

.ui_close_grey {
  background-color: transparent;
  border: 1px solid transparent;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 11px;
  padding-left: 7px;
  width: 46px;
  height: 46px;
}
.ui_close_grey:hover {
  background-color: transparent;
}
.ui_close_grey i {
  margin-left: -23px;
}
.ui_close_grey i {
  background-position: 0 -33px;
  margin-top: -23px;
  width: 46px;
  height: 46px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_close_grey i {
    background-position: 0 -220px;
  }
}

.ui_play {
  width: 59px;
  height: 59px;
}
.ui_play i {
  margin-left: -14.5px;
}
.ui_play i {
  background-position: 0 -877px;
  margin-top: -14.5px;
  width: 29px;
  height: 29px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .ui_play i {
    background-position: 0 -899px;
  }
}

.ui_tab {
  margin-right: 0;
  margin-left: -4px;
  border-left: 1px solid #EAEAEA;
  background-color: white;
}
.ui_tab:first-child {
  border-left: none;
}
.ui_tab, .ui_tab:link, .ui_tab:hover, .ui_tab:visited {
  color: #4aa1c5;
}
.ui_tab:hover {
  background-color: #eaeaea;
}
.ui_tab.active {
  background-color: #eaeaea;
}
.ui_tab.active, .ui_tab.active:link, .ui_tab.active:hover, .ui_tab.active:visited {
  color: #353c2e;
}
.ui_tab.active i {
  margin-left: -7px;
}
.ui_tab.active i {
  background-position: 0 -1263px;
  margin-top: -3.5px;
  width: 14px;
  height: 7px;
}
.ui_tab.active i {
  display: block;
  bottom: 0;
  margin-bottom: -7px;
  top: auto;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Content toggle

 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   26/09/2012
 |  DESCRIPTION:    Toggles, accordions etc
 |                  Use it with the js function KB.toggleContent
 |                  (Use guide in the js)
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------
    $type:
            'slide' : slides the elements height from 0 to the height set in $height
            'slide-padding' : slides the elements padding from 0 to the value set in $height (used in fluid-video)
            'fade' : switches element from height 0 to its full height, and then fades it in.


 * ------------------------------------------------------------------- */
.android_info .toggle_content {
  height: 0;
  overflow: hidden;
}

.fluid_video_container, .fluid_video_container_full_width {
  height: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.toggle_block, #q_n_a_section,
#about_panel_section,
#ask_the_panel {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.active.toggle_block, .active#q_n_a_section,
.active#about_panel_section,
.active#ask_the_panel {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.toggle_block {
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 250ms, 0ms;
  -moz-transition-duration: 250ms, 0ms;
  -o-transition-duration: 250ms, 0ms;
  transition-duration: 250ms, 0ms;
  -webkit-transition-timing-function: ease-in-out, linear;
  -moz-transition-timing-function: ease-in-out, linear;
  -o-transition-timing-function: ease-in-out, linear;
  transition-timing-function: ease-in-out, linear;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}

.toggle_block__content {
  padding-bottom: 21px;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   25/09/2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Collection slider styles

 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   25/09/2012
 |  DESCRIPTION:    Collection slider mixin
 |                  CSS3 slider.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
.collection_slider .items, .item_slider .items, .video_thumbs .items {
  overflow: hidden;
}
.ie7 .collection_slider .items, .ie7 .item_slider .items, .ie7 .video_thumbs .items {
  position: relative;
}
.collection_slider .item, .item_slider .item, .video_thumbs .item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  overflow: hidden;
  height: 0;
  float: left;
}
.ie7 .collection_slider .item, .ie7 .item_slider .item, .ie7 .video_thumbs .item, .ie6 .collection_slider .item, .ie6 .item_slider .item, .ie6 .video_thumbs .item {
  position: relative;
}
.modern .collection_slider .item, .modern .item_slider .item, .modern .video_thumbs .item, .ie9 .collection_slider .item, .ie9 .item_slider .item, .ie9 .video_thumbs .item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.collection_slider .item.active, .item_slider .item.active, .video_thumbs .item.active {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  margin-left: 0;
}

.collection_slider .items {
  height: 150px;
}
.collection_slider .item {
  width: 50%;
  margin-left: -10px;
}
.ie7 .collection_slider .item, .ie6 .collection_slider .item {
  width: 49.99%;
}
.collection_slider .item.position_1 {
  -webkit-transition: opacity 800ms ease-out, visibility 800ms linear, height 0ms linear, margin-left 800ms ease-in;
  -webkit-transition-delay: 0ms, 0ms, 1100ms, 0ms;
  -moz-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
  -o-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
  transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
}
.collection_slider .item.position_2 {
  -webkit-transition: opacity 800ms ease-out, visibility 800ms linear, height 0ms linear, margin-left 800ms ease-in;
  -webkit-transition-delay: 300ms, 300ms, 1100ms, 300ms;
  -moz-transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
  -o-transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
  transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
}
.collection_slider .item.active {
  height: 150px;
  -webkit-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -moz-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -o-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
}

.item_slider .items {
  height: 150px;
}
.item_slider .item {
  width: 100%;
  margin-left: -10px;
}
.ie7 .item_slider .item, .ie6 .item_slider .item {
  width: 99.99%;
}
.item_slider .item.position_1 {
  -webkit-transition: opacity 800ms ease-out, visibility 800ms linear, height 0ms linear, margin-left 800ms ease-in;
  -webkit-transition-delay: 0ms, 0ms, 800ms, 0ms;
  -moz-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 800ms, margin-left 800ms ease-in 0ms;
  -o-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 800ms, margin-left 800ms ease-in 0ms;
  transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 800ms, margin-left 800ms ease-in 0ms;
}
.item_slider .item.active {
  height: 150px;
  -webkit-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -moz-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -o-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Video player
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   26/09/2012
 |  DESCRIPTION:    Video player plugin styles
 |					Based on http://videojs.com
 |                  
 |  
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
/*
VideoJS Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
*/
/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #fff;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
  /* IE6 Full-window (underscore hack) */
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative;
  width: 100%;
  max-height: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: black;
  background: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #fff;
}

.video-js .vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important;
  /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}

.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* =======================
  Default skin has been moved to a seperate file
========================== */
@-webkit-keyframes rotatethis {
  0% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }

  12.5% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }

  12.51% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }

  25% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }

  25.01% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }

  37.5% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }

  37.51% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }

  50% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }

  50.01% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }

  62.5% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }

  62.51% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }

  75% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }

  75.01% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }

  87.5% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }

  87.51% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }

  100% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }
}

@-moz-keyframes rotatethis {
  0% {
    -moz-transform: scale(0.6) rotate(0deg);
  }

  12.5% {
    -moz-transform: scale(0.6) rotate(0deg);
  }

  12.51% {
    -moz-transform: scale(0.6) rotate(45deg);
  }

  25% {
    -moz-transform: scale(0.6) rotate(45deg);
  }

  25.01% {
    -moz-transform: scale(0.6) rotate(90deg);
  }

  37.5% {
    -moz-transform: scale(0.6) rotate(90deg);
  }

  37.51% {
    -moz-transform: scale(0.6) rotate(135deg);
  }

  50% {
    -moz-transform: scale(0.6) rotate(135deg);
  }

  50.01% {
    -moz-transform: scale(0.6) rotate(180deg);
  }

  62.5% {
    -moz-transform: scale(0.6) rotate(180deg);
  }

  62.51% {
    -moz-transform: scale(0.6) rotate(225deg);
  }

  75% {
    -moz-transform: scale(0.6) rotate(225deg);
  }

  75.01% {
    -moz-transform: scale(0.6) rotate(270deg);
  }

  87.5% {
    -moz-transform: scale(0.6) rotate(270deg);
  }

  87.51% {
    -moz-transform: scale(0.6) rotate(315deg);
  }

  100% {
    -moz-transform: scale(0.6) rotate(315deg);
  }
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
.vjs-loading-spinner .ball1,
.vjs-loading-spinner .ball2,
.vjs-loading-spinner .ball3,
.vjs-loading-spinner .ball4,
.vjs-loading-spinner .ball5,
.vjs-loading-spinner .ball6,
.vjs-loading-spinner .ball7,
.vjs-loading-spinner .ball8 {
  position: absolute;
  width: 13px;
  height: 13px;
  background: #89c54e;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  margin: 1px;
}
.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  left: 20px;
  top: 0px;
}
.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  left: 34px;
  top: 6px;
}
.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  left: 40px;
  top: 20px;
}
.vjs-loading-spinner .ball4 {
  opacity: 0.50;
  left: 34px;
  top: 34px;
}
.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  left: 20px;
  top: 40px;
}
.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  left: 6px;
  top: 34px;
}
.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  left: 0px;
  top: 20px;
}
.vjs-loading-spinner .ball8 {
  opacity: 1.00;
  left: 6px;
  top: 6px;
}

/* BANNER SKIN
================================================================================ */
.vjs-big-play-button,
.vjs-poster {
  z-index: 1;
}

.video_splash {
  z-index: 2;
}

.vjs-banner-skin object {
  border: 1px solid #fff;
  width: 99% !important;
  height: 99% !important;
}
.vjs-banner-skin .video_no_flash {
  margin: auto;
  margin-top: 10%;
  width: 300px;
  text-align: center;
}
.vjs-banner-skin .vjs-tech {
  background-color: #fff;
}
.vjs-banner-skin .vjs-poster {
  width: auto;
  min-width: 100%;
  max-height: 100%;
  height: 100%;
}
.vjs-banner-skin .vjs-controls {
  visibility: hidden;
  opacity: 0;
}
.ipad .vjs-banner-skin .vjs-controls.vjs-fade-out {
  visibility: visible !important;
  opacity: 1 !important;
}
.vjs-banner-skin .vjs-control, .vjs-banner-skin .vjs-time-divider {
  display: none;
}
.vjs-banner-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-banner-skin .vjs-mute-control,
.vjs-banner-skin .vjs-volume-control,
.vjs-banner-skin .vjs-volume-bar,
.vjs-banner-skin .vjs-big-play-button,
.vjs-banner-skin .vjs-play-control {
  display: block;
}
.vjs-banner-skin .vjs-mute-control {
  cursor: pointer !important;
  position: absolute;
  bottom: 17px;
  right: 67px;
  width: 12px;
  height: 12px;
}
.vjs-banner-skin .vjs-mute-control:focus {
  outline: 0;
}
.vjs-banner-skin .vjs-mute-control div {
  background-position: 0 -34px;
  width: 12px;
  height: 12px;
}
.vjs-banner-skin .vjs-mute-control.vjs-vol-0 div {
  background-position: 0 -80px;
}
.vjs-banner-skin .vjs-volume-control {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.vjs-banner-skin .vjs-volume-bar {
  cursor: pointer !important;
  width: 60px;
  height: 25px;
  position: relative;
  background-position: 0 -136px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .vjs-banner-skin .vjs-volume-bar {
    background-position: 0 -170px;
  }
}
.vjs-banner-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  background-position: 0 -107px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .vjs-banner-skin .vjs-volume-level {
    background-position: 0 -141px;
  }
}
.vjs-banner-skin .vjs-volume-handle {
  display: none;
}
.vjs-banner-skin .vjs-play-control {
  cursor: pointer !important;
  background-color: #b2b2b2;
  padding: 6px;
  width: 15px;
  height: 15px;
  opacity: 1;
  position: absolute;
  bottom: 17px;
  right: 92px;
}
.vjs-banner-skin .vjs-play-control:focus {
  outline: 0;
}
.vjs-banner-skin .vjs-play-control div {
  width: 15px;
  height: 15px;
}
.vjs-banner-skin .vjs-big-play-button {
  cursor: pointer !important;
  padding: 15px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  background-color: #3e4636;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
}
.vjs-banner-skin .vjs-big-play-button span {
  display: block;
  width: 30px;
  height: 30px;
}
.vjs-banner-skin.vjs-playing .vjs-play-control div {
  background-position: 0 -199px;
}
.vjs-banner-skin.vjs-paused .vjs-play-control div {
  background-position: 0 -61px;
}
.vjs-banner-skin .vjs-big-play-button span {
  background-position: 0 0;
}
.vjs-banner-skin .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}
.vjs-banner-skin .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: url('/assets/img/video-js.png');
  margin: 0.5em auto 0;
}

@media screen and (max-width: 600px) {
  .vjs-poster {
    min-width: 100%;
    width: auto;
    height: 100%;
    max-height: auto;
  }

  .vjs-controls {
    display: none;
  }
}
.video_splash,
.video_steps li {
  visibility: hidden;
  opacity: 0;
}
.video_splash.active,
.video_steps li.active {
  visibility: visible;
  opacity: 1;
}
.ie6 .video_splash, .ie7 .video_splash, .ie6
.video_steps li, .ie7
.video_steps li {
  display: none;
}
.ie6 .video_splash.active, .ie7 .video_splash.active, .ie6
.video_steps li.active, .ie7
.video_steps li.active {
  display: block;
}

.video_splash {
  -webkit-transition: opacity 500ms ease-out, visibility 500ms linear;
  -webkit-transition-delay: 0ms, 0ms;
  -moz-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
  -o-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
  transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
}
.video_splash.active {
  -webkit-transition: opacity 500ms ease-in, visibility 500ms linear;
  -webkit-transition-delay: 0ms, 0ms;
  -moz-transition: opacity 500ms ease-in 0ms, visibility 500ms linear 0ms;
  -o-transition: opacity 500ms ease-in 0ms, visibility 500ms linear 0ms;
  transition: opacity 500ms ease-in 0ms, visibility 500ms linear 0ms;
}
.ios .video_splash, .ipad .video_splash {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: none;
}
.ios .video_splash.active, .ipad .video_splash.active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: block;
}

.video_steps {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.video_steps.active {
  display: block;
}
.video_steps li {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 900ms ease-out, visibility 900ms linear;
  -webkit-transition-delay: 0ms, 0ms;
  -moz-transition: opacity 900ms ease-out 0ms, visibility 900ms linear 0ms;
  -o-transition: opacity 900ms ease-out 0ms, visibility 900ms linear 0ms;
  transition: opacity 900ms ease-out 0ms, visibility 900ms linear 0ms;
}
.video_steps li.active {
  -webkit-transition: opacity 900ms ease-in, visibility 900ms linear;
  -webkit-transition-delay: 0ms, 0ms;
  -moz-transition: opacity 900ms ease-in 0ms, visibility 900ms linear 0ms;
  -o-transition: opacity 900ms ease-in 0ms, visibility 900ms linear 0ms;
  transition: opacity 900ms ease-in 0ms, visibility 900ms linear 0ms;
}
.ios .video_steps li, .ipad .video_steps li {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.ios .video_steps li.active, .ipad .video_steps li.active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Fluid video container
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   01/10/2012
 |	REQUIRES:		toggle-content mixin
 |  DESCRIPTION:    View ui-library/_mixin-fluid-video.scss for documentation
 |
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   26/09/2012
 |	REQUIRES:		toggle-content mixin
 |  DESCRIPTION:    This mixin will give the video container its
 | 					height according to the video's aspect ratio.
 |					Example: see /personal-banking/home-loans/the-block/
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------

    MARKUP:

    <div class='fluid_video_container' id='my_video'>
	    <div class='fluid_video'>
	    	<!-- Placeholder for video object -->
	        <div class='fluid_video_placeholder'>&nbsp;</div>
	    </div>
	    <a href='#' class='ui_button ui_close fluid_video_close'>Close video<span>&nbsp;</span></a>
	</div>

	CUSTOM SASS:
	(overrides defaults)

	#my_video{
		@include fluid-video(
			$video-width: 70%,
			$aspect-ratio: 4/3,
			$padding-vertical: 3%
		);
	}


 * ------------------------------------------------------------------- */
.fluid_video_container, .fluid_video_container_full_width {
  background: #EFEFEF;
  position: relative;
}
.fluid_video_container .fluid_video, .fluid_video_container_full_width .fluid_video {
  background-color: #000;
  color: #fff;
  position: relative;
}
.fluid_video_container .fluid_video_placeholder, .fluid_video_container_full_width .fluid_video_placeholder,
.fluid_video_container iframe,
.fluid_video_container_full_width iframe,
.fluid_video_container object,
.fluid_video_container_full_width object,
.fluid_video_container embed,
.fluid_video_container_full_width embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.active.fluid_video_container, .active.fluid_video_container_full_width {
  margin-bottom: 2.125em;
}
.active.fluid_video_container .fluid_video_placeholder, .active.fluid_video_container_full_width .fluid_video_placeholder,
.active.fluid_video_container iframe,
.active.fluid_video_container_full_width iframe,
.active.fluid_video_container object,
.active.fluid_video_container_full_width object,
.active.fluid_video_container embed,
.active.fluid_video_container_full_width embed {
  display: block;
}
.fluid_video_container a.fluid_video_close, .fluid_video_container_full_width a.fluid_video_close {
  position: absolute !important;
  right: 0;
  top: 0;
  margin: 0 !important;
}
.fluid_video_container .video_no_flash, .fluid_video_container_full_width .video_no_flash {
  width: 70%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -35%;
}
@media only screen and (max-width: 60em) {
  .fluid_video_container, .fluid_video_container_full_width {
    background-color: transparent;
  }
  .modern .active.fluid_video_container, .modern .active.fluid_video_container_full_width {
    padding-top: 48px;
  }
  .modern .fluid_video_container .fluid_video, .modern .fluid_video_container_full_width .fluid_video {
    width: 100%;
    margin-top: 0;
  }
}

.fluid_video_container, .fluid_video_container_full_width {
  -webkit-transition-property: padding-bottom, padding-top, margin-bottom, margin-top, padding-bottom;
  -moz-transition-property: padding-bottom, padding-top, margin-bottom, margin-top, padding-bottom;
  -o-transition-property: padding-bottom, padding-top, margin-bottom, margin-top, padding-bottom;
  transition-property: padding-bottom, padding-top, margin-bottom, margin-top, padding-bottom;
  -webkit-transition-duration: 1200ms;
  -moz-transition-duration: 1200ms;
  -o-transition-duration: 1200ms;
  transition-duration: 1200ms;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.fluid_video_container.active, .active.fluid_video_container_full_width {
  padding-bottom: 47%;
}
.fluid_video_container .fluid_video, .fluid_video_container_full_width .fluid_video {
  width: 66%;
  padding-bottom: 37%;
  margin: 5% auto 0;
}
@media only screen and (max-width: 60em) {
  .modern .fluid_video_container.active, .modern .active.fluid_video_container_full_width, .modern .fluid_video_container .fluid_video, .modern .fluid_video_container_full_width .fluid_video {
    padding-bottom: 56%;
  }
}

.fluid_video_container_full_width.active {
  padding-bottom: 61%;
}
.fluid_video_container_full_width .fluid_video {
  width: 96%;
  padding-bottom: 59%;
  margin: 1% auto 0;
}
@media only screen and (max-width: 60em) {
  .modern .fluid_video_container_full_width.active, .modern .fluid_video_container_full_width .fluid_video {
    padding-bottom: 61%;
  }
}
.fluid_video_container_full_width.active {
  padding-top: 48px;
}
.fluid_video_container_full_width .fluid_video {
  margin-top: 0;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Feature banner
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   01/10/2012
 |	REQUIRES:		toggle-content mixin
 |  DESCRIPTION:    View ui-library/_mixin-feature-banner.scss for documentation
 |
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   01/10/2012
 |  DESCRIPTION:    THIS NEEDS SOME MORE WORK!!!
 |					This has become a bit of a messy widget, mashed together
 |					by a few different things. Needs some cleanup, testing
 |					and documentation.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
.feature_banner, .feature_banner_flex {
  position: relative;
  width: 100%;
}
.feature_banner:hover .banner-arrow.css, .feature_banner_flex:hover .banner-arrow.css {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media only screen and (max-width: 37.5em) {
  .feature_banner, .feature_banner_flex {
    display: none;
  }
}
@media only screen and (min-width: 37.5625em) {
  .feature_banner, .feature_banner_flex {
    position: static;
  }
}
.no_media_queries .feature_banner, .no_media_queries .feature_banner_flex {
  position: static;
}
@media only screen and (min-width: 71.3125em) {
  .feature_banner, .feature_banner_flex {
    position: relative;
  }
}
.feature_banner .banners, .feature_banner_flex .banners {
  margin: 0;
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.feature_banner .banners li, .feature_banner_flex .banners li {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.feature_banner .banners li.active, .feature_banner_flex .banners li.active {
  display: block;
}
.feature_banner .banners li.active .banner-content, .feature_banner_flex .banners li.active .banner-content {
  opacity: 1;
}
.feature_banner .banners li .banner-content, .feature_banner_flex .banners li .banner-content {
  width: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.feature_banner .banners.no-css li, .feature_banner_flex .banners.no-css li {
  background-color: #fff;
}
.feature_banner .banners.no-css li.animating, .feature_banner_flex .banners.no-css li.animating {
  z-index: 10;
}
.feature_banner .banners.css li, .feature_banner_flex .banners.css li {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.feature_banner .banners.css li.active, .feature_banner_flex .banners.css li.active {
  visibility: visible;
  opacity: 1;
}
.feature_banner .banners.css .banner-content, .feature_banner_flex .banners.css .banner-content {
  opacity: 0;
}
.feature_banner img.flex, .feature_banner_flex img.flex {
  width: 100%;
}
.feature_banner .banner-arrow, .feature_banner_flex .banner-arrow {
  z-index: 3;
}
@media only screen and (max-width: 37.5em) {
  .feature_banner .banner-arrow, .feature_banner_flex .banner-arrow {
    display: none;
  }
}
@media only screen and (min-width: 37.5625em) {
  .feature_banner .banner-arrow, .feature_banner_flex .banner-arrow {
    top: 50%;
    margin-top: -24px;
    position: absolute;
  }
  .feature_banner .banner-arrow.previous, .feature_banner_flex .banner-arrow.previous {
    left: 0;
  }
  .feature_banner .banner-arrow.next, .feature_banner_flex .banner-arrow.next {
    right: 0;
  }
}
.no_media_queries .feature_banner .banner-arrow, .no_media_queries .feature_banner_flex .banner-arrow {
  top: 50%;
  margin-top: -24px;
  position: absolute;
}
.no_media_queries .feature_banner .banner-arrow.previous, .no_media_queries .feature_banner_flex .banner-arrow.previous {
  left: 0;
}
.no_media_queries .feature_banner .banner-arrow.next, .no_media_queries .feature_banner_flex .banner-arrow.next {
  right: 0;
}
@media only screen and (min-width: 60.0625em) {
  .feature_banner .banner-arrow, .feature_banner_flex .banner-arrow {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  .feature_banner .banner-arrow.css, .feature_banner_flex .banner-arrow.css {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
  }
}
.no_media_queries .feature_banner .banner-arrow, .no_media_queries .feature_banner_flex .banner-arrow {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.no_media_queries .feature_banner .banner-arrow.css, .no_media_queries .feature_banner_flex .banner-arrow.css {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}

.feature_banner .banners, .feature_banner_flex .banners {
  min-height: 500px;
}
.ie6 .feature_banner .banners, .ie6 .feature_banner_flex .banners {
  height: 500px;
}
.feature_banner .banners li .banner-content, .feature_banner_flex .banners li .banner-content {
  min-height: 500px;
}
.ie6 .feature_banner .banners li .banner-content, .ie6 .feature_banner_flex .banners li .banner-content {
  height: 500px;
}
.feature_banner .banners.css li, .feature_banner_flex .banners.css li {
  -webkit-transition: opacity 300ms ease-out, visibility 300ms linear;
  -webkit-transition-delay: 400ms, 400ms;
  -moz-transition: opacity 300ms ease-out 400ms, visibility 300ms linear 400ms;
  -o-transition: opacity 300ms ease-out 400ms, visibility 300ms linear 400ms;
  transition: opacity 300ms ease-out 400ms, visibility 300ms linear 400ms;
}
.feature_banner .banners.css li.active .banner-content, .feature_banner_flex .banners.css li.active .banner-content {
  -webkit-transition: opacity 300ms ease-in;
  -webkit-transition-delay: 400ms;
  -moz-transition: opacity 300ms ease-in 400ms;
  -o-transition: opacity 300ms ease-in 400ms;
  transition: opacity 300ms ease-in 400ms;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}
.feature_banner .banners.css li.active.wait, .feature_banner_flex .banners.css li.active.wait {
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  -o-transition-delay: 1400ms;
  transition-delay: 1400ms;
}
.feature_banner .banners.css li.active.wait .banner-content, .feature_banner_flex .banners.css li.active.wait .banner-content {
  -webkit-transition-delay: 2400ms;
  -moz-transition-delay: 2400ms;
  -o-transition-delay: 2400ms;
  transition-delay: 2400ms;
}
.feature_banner .banners.css li.wait, .feature_banner_flex .banners.css li.wait {
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.feature_banner .banners.css li.wait .banner-content, .feature_banner_flex .banners.css li.wait .banner-content {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  -o-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.feature_banner .banners.css .banner-content, .feature_banner_flex .banners.css .banner-content {
  -webkit-transition: opacity 500ms ease-out;
  -webkit-transition-delay: 0ms;
  -moz-transition: opacity 500ms ease-out 0ms;
  -o-transition: opacity 500ms ease-out 0ms;
  transition: opacity 500ms ease-out 0ms;
}

.feature_banner_flex .banners {
  height: 0;
  min-height: 0;
  padding-bottom: 54%;
}
.feature_banner_flex .banners li .banner-content {
  min-height: auto;
}
.ie6 .feature_banner_flex .banners li .banner-content {
  height: auto;
}
.feature_banner_flex .banners.css li.active {
  -webkit-transition: opacity ease-in, visibility linear;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition: opacity ease-in, visibility linear;
  -o-transition: opacity ease-in, visibility linear;
  transition: opacity false ease-in false, visibility false linear false;
}

.button_container.bottom_center {
  width: 69px;
  margin: -17px auto 0;
  position: relative;
  z-index: 2;
}
.button_container.bottom_center .ui_button {
  margin: 0;
  float: left;
}
.button_container.bottom_center .ui_button:first-child {
  margin-right: 1px;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Video slider
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   26/09/2012
 |  DESCRIPTION:    Video thumbnail slider
 |					Requires only two thumbs be shown at one time, not fully customisable (yet)
 |					to show what ever number of items (although this is not currently a desing required)
 |                  
 |  
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Video slider
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   26/09/2012
 |  DESCRIPTION:    Video thumbnail slider
 |					Requires only two thumbs be shown at one time, not fully customisable (yet)
 |					to show what ever number of items (although this is not currently a desing required)
 |
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------



 * ------------------------------------------------------------------- */
.video_thumbs {
  position: relative;
}
.video_thumbs .item.inactive {
  cursor: default;
}
.video_thumbs .item.inactive img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.video_thumbs .item.inactive .ui_play {
  display: none !important;
}
.video_thumbs .item.position_1 img, .video_thumbs .item.position_1 cite {
  padding-right: 10px;
}
.ie7 .video_thumbs .item.position_1 img, .ie6 .video_thumbs .item.position_1 img {
  padding-right: 4%;
}
.video_thumbs .item.position_2 img, .video_thumbs .item.position_2 cite {
  padding-left: 10px;
}
.video_thumbs .item.position_2 .ui_play {
  margin-left: -20px;
}
.ie7 .video_thumbs .item.position_2 img, .ie6 .video_thumbs .item.position_2 img {
  padding-left: 4%;
}
.video_thumbs .video_link {
  position: relative;
  display: block;
}
.video_thumbs .video_link img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.ie7 .video_thumbs .video_link img, .ie6 .video_thumbs .video_link img {
  width: 96%;
}
.video_thumbs .video_link .ui_play {
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.video_thumbs .video_link:hover {
  text-decoration: none;
}
.video_thumbs .video_title {
  display: block;
  padding-right: 20px;
  color: #353c2e;
  font-style: normal;
  font-weight: normal;
}
.video_thumbs .video_title em {
  color: #768369;
}
.video_thumbs .v_thumbs_next,
.video_thumbs .v_thumbs_prev {
  position: absolute !important;
  margin: 0 !important;
  top: 25%;
}
.video_thumbs .v_thumbs_next {
  right: 0;
}
.video_thumbs .v_thumbs_prev {
  left: 0;
}
.video_thumbs .v_thumbs_next_m {
  display: none;
  text-align: center;
}
@media only screen and (min-width: 60.0625em) {
  .video_thumbs .v_thumbs_next,
  .video_thumbs .v_thumbs_prev {
    top: 24%;
  }
}
.no_media_queries .video_thumbs .v_thumbs_next,
.no_media_queries .video_thumbs .v_thumbs_prev {
  top: 24%;
}
.ie8 .video_thumbs .v_thumbs_next,
.ie8 .video_thumbs .v_thumbs_prev, .ie7 .video_thumbs .v_thumbs_next,
.ie7 .video_thumbs .v_thumbs_prev, .video_thumbs .ie6 .v_thumbs_next,
.video_thumbs .ie6 .v_thumbs_prev {
  top: 24%;
}
@media only screen and (max-width: 60em) {
  .video_thumbs .v_thumbs_next,
  .video_thumbs .v_thumbs_prev {
    top: 33%;
  }
}
@media only screen and (max-width: 37.5em) {
  .video_thumbs .item {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .video_thumbs .item .video_link img,
  .video_thumbs .item cite {
    width: auto;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .video_thumbs .item .video_link .ui_play {
    margin-left: -30px;
  }
  .video_thumbs .item .video_title {
    padding-right: 0;
  }
  .video_thumbs .v_thumbs_next,
  .video_thumbs .v_thumbs_prev {
    display: none;
  }
  .video_thumbs .v_thumbs_next_m {
    display: block;
    position: static !important;
  }
}

.video_thumbs .items {
  height: 250px;
}
.video_thumbs .item {
  width: 50%;
  margin-left: -10px;
}
.ie7 .video_thumbs .item, .ie6 .video_thumbs .item {
  width: 49.99%;
}
.video_thumbs .item.position_1 {
  -webkit-transition: opacity 800ms ease-out, visibility 800ms linear, height 0ms linear, margin-left 800ms ease-in;
  -webkit-transition-delay: 0ms, 0ms, 1100ms, 0ms;
  -moz-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
  -o-transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
  transition: opacity 800ms ease-out 0ms, visibility 800ms linear 0ms, height 0ms linear 1100ms, margin-left 800ms ease-in 0ms;
}
.video_thumbs .item.position_2 {
  -webkit-transition: opacity 800ms ease-out, visibility 800ms linear, height 0ms linear, margin-left 800ms ease-in;
  -webkit-transition-delay: 300ms, 300ms, 1100ms, 300ms;
  -moz-transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
  -o-transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
  transition: opacity 800ms ease-out 300ms, visibility 800ms linear 300ms, height 0ms linear 1100ms, margin-left 800ms ease-in 300ms;
}
.video_thumbs .item.active {
  height: 250px;
  -webkit-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -moz-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  -o-transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
  transition: opacity 800ms ease-out 1100ms, visibility 800ms linear 1100ms, height 0ms linear 1100ms;
}
@media only screen and (max-width: 37.5em) {
  .video_thumbs .items {
    height: 520px;
  }
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Expand list
 |  AUTHOR(S):      UNKNOWN
 |  DATE CREATED:   2012
 |  DATE UPDATED:   02/10/2012
 |  DESCRIPTION:    Style taken from kb-main
 |					Will likely be updated with rebrand styles
 |
 * ------------------------------------------------------------------- */
.expand_list {
  list-style: none;
}
.expand_list li {
  background: transparent url("/images/bullet-quicklinks.gif") no-repeat 1px 5px;
  padding-left: 12px;
}
.expand_list li a.more {
  display: inline-block;
  margin-bottom: 10px;
}
.expand_list li > div {
  margin-bottom: 1em;
}
.expand_list li h2 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.5em;
}
.expand_list li h2:hover {
  cursor: pointer;
}
.expand_list li h2.disclosure {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.5em;
}
.expand_list li.expanded {
  background: transparent url("/images/bullet-quicklinks-down.gif") no-repeat 0 6px;
}
.expand_list li.expanded h2 {
  cursor: pointer;
  color: #009DE5;
}
.expand_list li.expanded h2:hover
.expand_list li.expanded h2 a:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Expand list
 |  AUTHOR(S):      Josh, Paul, Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   02/10/2012
 |  DESCRIPTION:    Style taken home page styles
 |
 |
 * ------------------------------------------------------------------- */
.rate_block p {
  color: #353c2e;
  font-size: 0.8125em;
  line-height: 1.38462em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h3.rate {
  width: auto;
  font-size: 4.0625em;
  line-height: 0.88;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: #3e4636;
}
.ie7 h3.rate, .ie6 h3.rate {
  min-width: 2.2em;
}
.ie8 h3.rate.center, .ie7 h3.rate.center, .ie6 h3.rate.center {
  margin-left: -0.26667em;
}
.ie8 h3.rate span, .ie7 h3.rate span, .ie6 h3.rate span {
  display: inline-block;
  width: 1px;
}
.ie8 h3.rate span.pa, .ie7 h3.rate span.pa, .ie6 h3.rate span.pa {
  left: 0.23529em;
  margin-right: 0;
}
h3.rate.center {
  text-align: center;
}
h3.rate > a {
  color: #3e4636;
  text-decoration: none;
  cursor: pointer;
  display: block;
  white-space: nowrap;
}
h3.rate span {
  font-size: 0.44615em;
  position: relative;
  top: -0.68966em;
  left: 0.17241em;
}
h3.rate span.pa {
  top: 0;
  left: -1.35294em;
  font-size: 0.26154em;
  text-transform: lowercase;
  font-weight: 700;
  margin-right: -1.35294em;
  line-height: 1.2;
}
.ie6 h3.rate span.pa, .ie7 h3.rate span.pa {
  zoom: 1;
}

ul.link_list {
  list-style-type: none;
  font: 400 13px/20px 'Helvetica Neue', Sans-Serif;
  margin: 0;
  max-width: auto;
}
ul.link_list li {
  border-bottom: 1px solid #e9e9e9;
  padding: 8px 0px;
}
ul.link_list li:last-child {
  border-bottom: 0px !important;
}

.list_horizontal {
  list-style-type: none;
  margin-top: 0.625em;
}
.list_horizontal li {
  float: left;
  margin-left: 0.625em;
  padding-left: 0.625em;
  border-left: solid 1px #eaeaea;
}
.list_horizontal li:first-child {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}
.list_horizontal a {
  background-position: 100% -1382px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .list_horizontal a {
    background-position: 100% -1514px;
  }
}
@media only screen and (max-width: 37.5em) {
  .list_horizontal li {
    border-bottom: solid 1px #eee;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    float: none;
  }
  .list_horizontal li:first-child {
    border-bottom: solid 1px #eee;
  }
  .list_horizontal a {
    padding: 0.6em 0;
    display: block;
  }
}
@media only screen and (min-width: 37.5625em) {
  .list_horizontal a {
    background: none;
  }
}
.no_media_queries .list_horizontal a {
  background: none;
}

.jump_links_horizontal {
  list-style-type: none;
  margin-top: 0.625em;
}
.jump_links_horizontal li {
  float: left;
  margin-left: 0.625em;
  padding-left: 0.625em;
}
.jump_links_horizontal li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.jump_links_horizontal li a {
  position: relative;
  padding-left: 22px;
  display: block;
}
.jump_links_horizontal li a span {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  display: block;
  background-position: 0 -1176px;
  width: 16px;
  height: 16px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .jump_links_horizontal li a span {
    background-position: 0 -1237px;
  }
}
@media only screen and (max-width: 37.5em) {
  .jump_links_horizontal li {
    border-bottom: solid 1px #eee;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    float: none;
  }
  .jump_links_horizontal li:first-child {
    border-bottom: solid 1px #eee;
  }
  .jump_links_horizontal li a {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}

.jump_links_horizontal_trans li a span {
  background-position: 0 -531px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .jump_links_horizontal_trans li a span {
    background-position: 0 -629px;
  }
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Frame Box Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   01/10/2012
 |	REQUIRES:		toggle-content mixin
 |  DESCRIPTION:    View ui-library/_mixin-frame-box.scss for documentation
 |
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- *
 |  TYPE:           Mixin
 |  AUTHOR(S):      Frej
 |  DATE CREATED:   2012
 |  DATE UPDATED:   03/10/2012
 |  DESCRIPTION:    Frame Box Mixin
 |					Creates an adaptive frame around an element
 |					You'll have to create graphics for all corners and sides
 |
 |					At the moment Compass doesn't support horizontal sprites
 |					So there's a hack to temporarily make up for that.
 |
 * ------------------------------------------------------------------- *
    EXAMPLE
    -------
    
    MARKUP:

	<div class='frame_box'>
		<div class='frame_box_inner'>
			<!-- Content goes here -->
		</div>
		<div class='top'>&nbsp;</div>
		<div class='right'>&nbsp;</div>
		<div class='bottom'>&nbsp;</div>
		<div class='left'>&nbsp;</div>
		<div class='cnr_top_left'>&nbsp;</div>
		<div class='cnr_top_right'>&nbsp;</div>
		<div class='cnr_btm_left'>&nbsp;</div>
		<div class='cnr_btm_right'>&nbsp;</div>
	</div>

	CUSTOM SASS:
	(overrides defaults)

	.frame_box{
		@include frame-box(
			$background-color: #eaebea,
			$image-top: 'frame-border-top', // Uses 'repeat-x' sprite
			$image-right: 'frame-border-right', // Uses 'repeat-y' sprite
			$image-bottom: 'frame-border-bottom', // Uses 'repeat-x' sprite
			$image-left: 'frame-border-left', // Uses 'repeat-y' sprite
			$image-top-left: 'frame-cnr-top-left', // Uses 'base' sprite
			$image-top-right: 'frame-cnr-top-right', // Uses 'base' sprite
			$image-bottom-left: 'frame-cnr-bottom-left', // Uses 'base' sprite
			$image-bottom-right: 'frame-cnr-bottom-right' // Uses 'base' sprite
		);
	}


 * ------------------------------------------------------------------- */
.frame_box .frame_top, .frame_box .frame_right, .frame_box .frame_bottom, .frame_box .frame_left, .frame_box .cnr_top_left, .frame_box .cnr_top_right, .frame_box .cnr_btm_left, .frame_box .cnr_btm_right {
  position: absolute;
}

.frame_box .frame_top, .frame_box .frame_bottom {
  width: 100%;
}

.frame_box .frame_right, .frame_box .frame_left {
  height: 100%;
}

.frame_box .frame_top, .frame_box .frame_right, .frame_box .frame_left, .frame_box .cnr_top_left, .frame_box .cnr_top_right {
  top: 0;
}

.frame_box .frame_bottom, .frame_box .cnr_btm_left, .frame_box .cnr_btm_right {
  bottom: 0;
}

.frame_box .frame_top, .frame_box .frame_bottom, .frame_box .frame_left, .frame_box .cnr_top_left, .frame_box .cnr_btm_left {
  left: 0;
}

.frame_box .frame_right, .frame_box .cnr_top_right, .frame_box .cnr_btm_right {
  right: 0;
}

.frame_box {
  position: relative;
}
.frame_box .frame_box_inner {
  background-color: #eaebea;
}
.frame_box .frame_top {
  background-position: 0 -13px;
  width: 220px;
  height: 15px;
}
.frame_box .frame_right {
  background-position: 0 -64px;
  height: 60px;
  width: 30px;
}
.frame_box .frame_bottom {
  background-position: 0 0;
  width: 220px;
  height: 9px;
}
.frame_box .frame_left {
  background-position: 0 0;
  height: 60px;
  width: 7px;
}
.frame_box .cnr_top_left {
  background-position: 0 -237px;
  width: 15px;
  height: 19px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .frame_box .cnr_top_left {
    background-position: 0 -236px;
  }
}
.frame_box .cnr_top_right {
  background-position: 0 -2295px;
  width: 37px;
  height: 22px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .frame_box .cnr_top_right {
    background-position: 0 -2194px;
  }
}
.frame_box .cnr_btm_left {
  background-position: 0 -264px;
  width: 16px;
  height: 15px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .frame_box .cnr_btm_left {
    background-position: 0 -2224px;
  }
}
.frame_box .cnr_btm_right {
  background-position: 0 -2267px;
  width: 37px;
  height: 20px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .frame_box .cnr_btm_right {
    background-position: 0 -2166px;
  }
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Table
 |  AUTHOR(S):      Jarred
 |  DATE CREATED:   2012
 |  DATE UPDATED:   24/10/2012
 |  DESCRIPTION:    Generic table styles
 |
 |
 * ------------------------------------------------------------------- */
.comparison_table {
  margin: 2em 0;
  border-width: 2px;
  border-style: solid;
  border-color: #f4f4f4;
  border-border-top: 0;
  border-spacing: 0;
  width: 100%;
}
.comparison_table thead {
  font: 600 13px/15px Sans-Serif;
  background-color: #f4f4f4;
}
.comparison_table thead td {
  border-bottom: 1px solid #e3e3e3;
}
.comparison_table tbody td, .comparison_table p td {
  text-align: center;
}
.comparison_table tbody tr td:first-child, .comparison_table p tr td:first-child {
  text-align: left;
}
.comparison_table tbody:first-child, .comparison_table p:first-child {
  margin-top: 0;
}
.comparison_table td {
  padding: 1em 0.7em;
  border-top: 1px solid #f4f4f4;
  text-align: center;
  color: #3e4444;
}
.comparison_table td.lowlight {
  color: #bdbdbd;
}
.comparison_table td:first-child {
  text-align: left;
}
.comparison_table td.highlight {
  color: #000;
}

[class*='content_table'] {
  margin: 2em 0 0 0;
  border-width: 2px;
  border-style: solid;
  border-color: #f4f4f4;
  border-border-top: 0;
  border-spacing: 0;
  width: 100%;
}
[class*='content_table'] thead {
  font: 600 13px/15px Sans-Serif;
  background-color: #f4f4f4;
}
[class*='content_table'] thead td {
  border-bottom: 1px solid #e3e3e3;
}
[class*='content_table'] tbody, [class*='content_table'] p {
  font: 400 12px/15px Sans-Serif;
}
[class*='content_table'] tbody td, [class*='content_table'] p td {
  text-align: left;
}
[class*='content_table'] tbody tr td:first-child, [class*='content_table'] p tr td:first-child {
  text-align: left;
}
[class*='content_table'] p:first-child {
  margin-top: 0;
}
[class*='content_table'] .row2 {
  background: #EDF5E6;
}
[class*='content_table'] td {
  padding: 1em 0.7em;
  border-top: 1px solid #f4f4f4;
  text-align: center;
  color: #3e4444;
}
[class*='content_table'] td.lowlight {
  color: #bdbdbd;
}
[class*='content_table'] td:first-child {
  text-align: left;
}
[class*='content_table'] td.highlight {
  color: #000;
}
[class*='content_table'][class*='_col_2'] tbody td {
  width: 50%;
}
@media only screen and (max-width: 37.5em) {
  [class*='content_table'][class*='_col_2'] tbody td {
    width: 100%;
    display: block;
  }
}
[class*='content_table'][class*='_col_3'] tbody td {
  width: 33%;
}
@media only screen and (max-width: 37.5em) {
  [class*='content_table'][class*='_col_3'] tbody td {
    width: 90%;
    display: block;
  }
}

table + table {
  margin: 0;
}

[class*='content_table'] + [class*='content_table'] {
  margin: 0;
}

.tweet_body {
  background: #e7f4d8;
  padding: 0.8em 1em;
  min-height: 65px;
  margin: 0 !important;
}

.username {
  margin-left: 0em;
  padding: 0.5em 1em;
  font-size: 1em;
  position: relative;
  float: left;
}
.username.even {
  float: right;
}
.username.even b {
  background-position: 0 -1545px;
  left: -20px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .username.even b {
    background-position: 0 -1405px;
  }
}
.username b {
  display: block;
  position: absolute;
  right: -20px;
  width: 20px;
  top: 0;
  height: 29px;
  background-position: 0 -1459px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .username b {
    background-position: 0 -1346px;
  }
}

.screen_name {
  font-size: 0.875em;
  font-family: 'Helvetica', arial, sans-serif;
  padding-left: 0.3em;
}

/* ------------------------------------------------------------------- *
 |  TYPE:           Navigation
 |  AUTHOR(S):      Josh, Paul, Jarred
 |  DATE CREATED:   2012
 |  DATE UPDATED:   24/10/2012
 |  DESCRIPTION:    Builds sitewide navigation - Mobile to Desktop
 |
 |
 * ------------------------------------------------------------------- *
    STRUCTURE
    ----------
    1. General nav structure and elements setup
    2. Navigation
        a. Main navigation
        b. Contact details - drop down menu
        c. Search
        d. IB login
        e. Navigation Sprites
    3.Footer
        a. Footer
        b. Search
        c. Legal
    4. Skinny
    5. Desktop up
    6. Main search overrides
    7. Mobile
    8. Side nav for internal pages
 * ------------------------------------------------------------------- */
#masthead {
  height: 56px;
  z-index: 75;
}
#masthead section {
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}
#masthead .grid {
  margin-bottom: 0;
}

#mobile_menu_toggle {
  display: none;
}

#navigation a#mobile-banking {
  display: none;
}

#tablet_search {
  display: none;
}

.main_navigation {
  font-size: 1.0625em;
  display: block;
  line-height: 50px;
  margin-bottom: 0;
  margin-left: 56px;
}
.main_navigation a span.seven08 {
  display: none;
}
.main_navigation ul {
  position: relative;
  background: none;
  margin-bottom: 0;
  padding-left: 0.25em;
}
.main_navigation > li:first-child {
  padding-left: 0.4em;
}
.main_navigation li {
  float: left;
  border-top: 0;
  display: block;
}
.main_navigation li.search-button {
  float: right;
  position: relative;
  margin-right: 0.2em;
  line-height: 56px;
}
.main_navigation li.ib-login {
  float: right;
}
.main_navigation li a {
  display: block;
  color: #353c2e;
}
.main_navigation li a.selected {
  color: #222222;
}
.main_navigation li a.selected img {
  position: absolute;
  z-index: 9;
}
.main_navigation li.search-button.selected a {
  -webkit-transition: all, 0ms, linear;
  -moz-transition: all, 0ms, linear;
  -o-transition: all, 0ms, linear;
  transition: all, 0ms, linear;
  background: #2c3b1b;
  color: white;
}
.main_navigation li ul.sub_menu {
  display: none;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  background: #f8f8f8;
  margin-left: 0;
  top: 56px;
  left: -56px;
  border-bottom: 1px solid #EEE;
  padding: 10px 0 10px 66px;
  width: 99%;
}
.main_navigation li ul.sub_menu li {
  line-height: 24px;
}
.main_navigation li ul.sub_menu li a {
  display: block;
  min-width: 5px;
  font-weight: 500;
}
.main_navigation li ul.sub_menu li.current a {
  color: #222222;
}

.contact_pointer {
  position: absolute;
  top: -8px;
  left: 30px;
  background-position: 0 -1815px;
  width: 14px;
  height: 8px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .contact_pointer {
    background-position: 0 -1913px;
  }
}

.nav_twitter i, .nav_facebook i, .nav_find_branch i, .nav_contact_details i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  padding-right: 5px;
}

.nav_twitter i {
  background-position: -3px -1314px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .nav_twitter i {
    background-position: -3px -1263px;
  }
}

.nav_facebook i {
  background-position: -5px -1756px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .nav_facebook i {
    background-position: -5px -1740px;
  }
}

.nav_find_branch i {
  background-position: -5px -1091px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .nav_find_branch i {
    background-position: -5px -957px;
  }
}

.nav_contact_details i {
  background-position: 0 -1712px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .nav_contact_details i {
    background-position: 0px -1661px;
  }
}

.contact_details,
.main_contact_details {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  line-height: 26px;
  font-size: 14px;
  z-index: 9;
  background: #5b674f;
  color: white;
  min-width: 175px;
  padding: 0.5em 0.8em 0.5em;
}
.contact_details ul,
.main_contact_details ul {
  list-style: none;
}
.contact_details li,
.main_contact_details li {
  float: none;
}
.contact_details a,
.main_contact_details a {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  height: auto;
  padding: 0;
}
.contact_details li h3,
.main_contact_details li h3 {
  margin: .3em 0 .2em;
  font-size: 1.14286em;
  color: #fff;
  font-weight: bold;
}
.contact_details .social_media,
.contact_details .business,
.main_contact_details .social_media,
.main_contact_details .business {
  margin: 0.4em 0 0 0;
  border-top: 1px solid #6f6f6f;
  padding-top: 0.5em;
}
.contact_details .search_form,
.main_contact_details .search_form {
  display: none;
}

.contact_details h3 {
  margin: .3em 0 .2em;
  font-size: 1.14286em;
}

.mobile-nav .contact_details {
  display: block;
  visibility: visible;
  opacity: 1;
}

.mobile-nav .search_form {
  display: block;
  padding: 12px 0 8px;
}
.mobile-nav .mobile_search {
  background-color: white;
  position: relative;
}
.mobile-nav .mobile_search input[type="text"] {
  padding-right: 30px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  margin: 0;
  height: 22px;
  padding-right: 30px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  margin: 0;
  height: 22px;
  background-color: #353C2E;
  color: white;
  background-color: transparent;
}
.ie7 .mobile-nav .mobile_search input[type="text"], .ie6 .mobile-nav .mobile_search input[type="text"], .ie8 .mobile-nav .mobile_search input[type="text"] {
  line-height: 22px;
}
.mobile-nav .mobile_search input[type="text"], .mobile-nav .mobile_search input[type="text"]:focus {
  color: #353c2e;
}
.mobile-nav .mobile_search input[type="submit"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-color: transparent;
  text-indent: -199px;
  width: 30px;
  overflow: hidden;
  background-position: 0 -915px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .mobile-nav .mobile_search input[type="submit"] {
    background-position: 0px -1080px;
  }
}
.ie7 .mobile-nav .mobile_search input[type="submit"], .ie6 .mobile-nav .mobile_search input[type="submit"] {
  text-transform: capitalize;
}

ul.mobile-nav div.contact_details {
  position: static;
  padding-left: 16px;
  background: none;
}
ul.mobile-nav div.contact_details ul {
  border: none;
}
ul.mobile-nav div.contact_details ul li a {
  padding-left: 0;
}
ul.mobile-nav div.contact_details ul li a:hover {
  background: none;
  text-decoration: underline;
}

#search_toggle,
.search_button a {
  font-size: 15px;
  border: none;
  color: #444B4B;
  background-color: #fff;
  padding-top: 3px;
  padding-right: 25px;
  margin-right: 15px;
  background-position: 60px -945px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #search_toggle,
  .search_button a {
    background-position: 60px -2135px;
  }
}

#main_search {
  z-index: 5;
  padding: 0 0 0 0.3em;
  height: 28px;
  margin-top: 15px;
  position: absolute;
  right: 0;
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
}
#main_search #search_text {
  margin-right: 1.6em;
  float: left;
  font-size: 1em;
  border: 0;
  padding-top: 4px;
  display: block;
  line-height: 23px;
  height: 23px;
  color: #353c2e;
  background-color: transparent;
  outline: none;
  width: 3em;
  -webkit-transition: width 800ms ease-in-out, background 500ms ease-in;
  -moz-transition: width 800ms ease-in-out, background 500ms ease-in;
  -o-transition: width 800ms ease-in-out, background 500ms ease-in;
  transition: width 800ms ease-in-out, background 500ms ease-in;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#main_search input::-webkit-input-placeholder {
  color: #353c2e;
}
#main_search input:-moz-placeholder {
  color: #353c2e;
}
#main_search.active {
  background-color: #3c3c3c;
}
#main_search.active #search_text {
  color: #fff;
}
#main_search.active:hover {
  background-color: #555555;
}
#main_search.active input::-webkit-input-placeholder {
  color: white;
}
#main_search.active input:-moz-placeholder {
  color: white;
}
#main_search:hover {
  background-color: #edefea;
  background-color: rgba(0, 0, 0, 0.07);
}

#search_submit_button {
  width: 30px;
  height: 25px;
  border: 0;
  background-position: 5px -950px;
  text-indent: -150px;
  overflow: hidden;
  background-color: transparent;
  float: right;
  margin-top: 0.35em;
  position: absolute;
  right: 0;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #search_submit_button {
    background-position: 5px -2140px;
  }
}

#internet-banking {
  position: relative;
  z-index: 9999;
  float: right;
  padding-right: 0;
}
#internet-banking span {
  padding-left: 0em;
}

.icon_contact_arrow {
  background-position: 6px -1895px;
  width: 24px;
  height: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .icon_contact_arrow {
    background-position: 6px -1849px;
  }
}

.contact_menu.active .icon_contact_arrow {
  background-position: 6px -1959px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .contact_menu.active .icon_contact_arrow {
    background-position: 6px -1881px;
  }
}

.icon-secure {
  background-position: 9px -1599px;
  width: 25px;
  height: 21px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .icon-secure {
    background-position: 9px -1379px;
  }
}

footer#contentinfo {
  overflow: hidden;
  clear: both;
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, "Droid Sans", serif;
  color: white;
  padding-top: 1em;
  background: #555c4e;
  padding-bottom: 1.1em;
}
footer#contentinfo .grid {
  margin-bottom: 0;
}
footer#contentinfo a {
  color: #fff;
}
footer#contentinfo a:hover {
  color: #eee;
}
footer#contentinfo ul {
  width: 100%;
  list-style: none;
  border: none;
  margin-bottom: 1.1em;
}
footer#contentinfo ul.contact_times li {
  width: 80%;
  border-bottom: 1px solid #626a5a;
  padding: 0.2em 0;
}
footer#contentinfo ul.contact_times li:first-child {
  border-bottom: none;
  padding: 0;
}
footer#contentinfo ul.contact_times li.contact_number {
  font-size: 1.072em;
  padding-top: 0.4em;
}
footer#contentinfo ul.contact_times li span {
  float: right;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}
footer#contentinfo ul .icon_bg {
  padding-left: 25px !important;
}
footer#contentinfo ul .find_branch {
  background-position: 0 -1088px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  footer#contentinfo ul .find_branch {
    background-position: 0 -954px;
  }
}
footer#contentinfo ul .sm_facebook {
  background-position: 0 -1752px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  footer#contentinfo ul .sm_facebook {
    background-position: 0 -1736px;
  }
}
footer#contentinfo ul .sm_twitter {
  background-position: 0 -1310px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  footer#contentinfo ul .sm_twitter {
    background-position: 0 -1259px;
  }
}
footer#contentinfo ul h3 {
  margin-bottom: 0.15em;
}

form.footer_search {
  margin-top: 10px;
  background: #353C2E;
  padding-top: 3px;
}
form.footer_search input {
  height: 32px;
  line-height: 18px;
  padding: 2px 6px;
  border: none;
}
form.footer_search input[type=text] {
  background: #353C2E;
  outline: none;
  color: #fff;
  width: 80%;
}
form.footer_search input[type="submit"] {
  background-position: 0 -915px;
  color: #fff;
  border: none;
  float: right;
  width: 1.8em;
  text-indent: -399px;
  background-color: #353C2E;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  form.footer_search input[type="submit"] {
    background-position: 0px -1080px;
  }
}

nav.legal {
  color: #a6a6a6;
  border: 0;
  background: #4c5345;
  border-top: #43483d 1px solid;
  font-family: sans-serif;
  padding-top: 0.60em;
  padding-bottom: 0.60em;
}
nav.legal .grid {
  margin-bottom: 0;
}
nav.legal li {
  display: inline;
  padding-right: 1.2em;
}
nav.legal li a {
  color: #a6a6a6;
}
nav.legal li.copyright {
  float: none;
  display: block;
  margin-top: 0.4em;
  line-height: 24px;
}
nav.legal li {
  font-size: 0.8125em;
}

.footer--innerkiwi {
  color: #a6a6a6;
  border: 0;
  background: #4c5345;
  border-top: #43483d 1px solid;
  font-family: sans-serif;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .footer--innerkiwi {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }
}
.footer--innerkiwi .align--middle {
  vertical-align: middle;
}

.footer--innerkiwi__content {
  display: inline-block;
  margin: 0;
}
@media screen and (max-width: 600px) {
  .footer--innerkiwi__content {
    margin-top: 1em;
  }
}

.innerkiwi-logo {
  width: 105px;
  height: 23px;
  display: inline-block;
  background-image: url("/assets-personal-banking/css/png/inner-kiwi.png");
  background-position: 0 20%;
  margin-right: 0.5em;
  vertical-align: middle;
}

@media only screen and (min-width: 37.5625em) {
  .mobile_feature_banner,
  .mobile_contact_info,
  .mobile_rates {
    display: none;
  }

  #internet-banking {
    display: block;
  }

  #navigation li.mobile_home a {
    display: none;
  }

  #main_menu {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    height: 55px;
  }

  .main_navigation li a {
    padding: 0.3em 0.45em 0;
  }
  .main_navigation li a.selected {
    height: 63px;
    position: relative;
    z-index: 999;
    background: url('/assets/img/sprites/base/1x/nav-current.png') no-repeat 50% bottom;
  }

  .joinform .main_navigation a.selected {
    background: none;
  }

  #main_search #search_text {
    width: 3.2em;
    padding: 4px 3px 0 3px;
  }

  ul.sub_menu li a {
    color: #4aa1c5;
  }

  #navigation li ul.sub_menu li a {
    height: 25px;
  }

  .contact_desktop {
    display: none;
  }

  li.nav_personal_banking {
    padding-left: 0.4em;
  }

  div.contact_details {
    line-height: 26px;
    font-size: 14px;
    z-index: 9;
    background: #5b674f;
    min-width: 175px;
    position: absolute;
    -webkit-transition: all, 300ms, ease-in-out;
    -moz-transition: all, 300ms, ease-in-out;
    -o-transition: all, 300ms, ease-in-out;
    transition: all, 300ms, ease-in-out;
    visibility: hidden;
    opacity: 0;
    padding: 0.5em 0.8em 0.5em;
  }
  div.contact_details.active {
    visibility: visible;
    opacity: 1;
  }
  div.contact_details ul li {
    color: white;
    width: 100%;
    padding-left: 0;
    float: none;
  }
  div.contact_details ul li a {
    padding: 0;
    color: white;
  }
  div.contact_details .social_media {
    margin: 0.4em 0 0 0;
    border-top: 1px solid #6f6f6f;
    padding-top: 0.35em;
  }

  footer#contentinfo {
    padding-top: 0.6em;
  }
  footer#contentinfo ul {
    font-size: 0.875em;
    width: 50%;
    float: left;
    line-height: 1.3575em;
  }
  footer#contentinfo ul li {
    display: block;
  }
  footer#contentinfo ul li a {
    padding: 0.275em 0;
    display: block;
  }
  footer#contentinfo ul:first-child {
    padding-left: 0;
  }
  footer#contentinfo ul:nth-child(5) {
    border-right: none;
  }
  footer#contentinfo ul.footer_join {
    border-top: solid 1px #626a5a;
    padding-top: 1em;
    width: 100%;
    margin-bottom: 0;
  }
  footer#contentinfo.contact_times {
    font-size: 0.875em;
    padding-right: 40px;
  }
  footer#contentinfo #footer_join {
    display: none;
  }

  .footer_join {
    margin-top: 0.5em;
  }
  .footer_join li {
    display: inline-block;
    float: left;
    padding-top: 0.3em;
    padding-right: 1em;
  }
  .footer_join li.search_field {
    float: right;
    padding-right: 0;
  }

  .footer--innerkiwi__content {
    display: inline;
  }

  form.footer_search {
    margin-top: -6px;
  }
  form.footer_search input {
    font-size: 14px;
  }

  .sub_menu_mobile,
  li.mobile_banking {
    display: none;
  }

  .icon_contact_arrow {
    display: none;
  }

  #main_search.tablet #tablet_search {
    display: block;
  }

  #tablet_search {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    position: absolute;
    top: 41px;
    right: -4.4em;
    background-color: #5b674f;
    padding: 0.43em 0.5em 0.4em;
  }
  #tablet_search input {
    float: left;
  }
  #tablet_search input[type='submit'] {
    display: none;
  }
  #tablet_search .contact_pointer {
    left: 6em;
  }
}
.no_media_queries .mobile_feature_banner,
.no_media_queries .mobile_contact_info,
.no_media_queries .mobile_rates {
  display: none;
}
.no_media_queries #internet-banking {
  display: block;
}
.no_media_queries #navigation li.mobile_home a {
  display: none;
}
.no_media_queries #main_menu {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  height: 55px;
}
.no_media_queries .main_navigation li a {
  padding: 0.3em 0.45em 0;
}
.no_media_queries .main_navigation li a.selected {
  height: 63px;
  position: relative;
  z-index: 999;
  background: url('/assets/img/sprites/base/1x/nav-current.png') no-repeat 50% bottom;
}
.no_media_queries .joinform .main_navigation a.selected {
  background: none;
}
.no_media_queries #main_search #search_text {
  width: 3.2em;
  padding: 4px 3px 0 3px;
}
.no_media_queries ul.sub_menu li a {
  color: #4aa1c5;
}
.no_media_queries #navigation li ul.sub_menu li a {
  height: 25px;
}
.no_media_queries .contact_desktop {
  display: none;
}
.no_media_queries li.nav_personal_banking {
  padding-left: 0.4em;
}
.no_media_queries div.contact_details {
  line-height: 26px;
  font-size: 14px;
  z-index: 9;
  background: #5b674f;
  min-width: 175px;
  position: absolute;
  -webkit-transition: all, 300ms, ease-in-out;
  -moz-transition: all, 300ms, ease-in-out;
  -o-transition: all, 300ms, ease-in-out;
  transition: all, 300ms, ease-in-out;
  visibility: hidden;
  opacity: 0;
  padding: 0.5em 0.8em 0.5em;
}
.no_media_queries div.contact_details.active {
  visibility: visible;
  opacity: 1;
}
.no_media_queries div.contact_details ul li {
  color: white;
  width: 100%;
  padding-left: 0;
  float: none;
}
.no_media_queries div.contact_details ul li a {
  padding: 0;
  color: white;
}
.no_media_queries div.contact_details .social_media {
  margin: 0.4em 0 0 0;
  border-top: 1px solid #6f6f6f;
  padding-top: 0.35em;
}
.no_media_queries footer#contentinfo {
  padding-top: 0.6em;
}
.no_media_queries footer#contentinfo ul {
  font-size: 0.875em;
  width: 50%;
  float: left;
  line-height: 1.3575em;
}
.no_media_queries footer#contentinfo ul li {
  display: block;
}
.no_media_queries footer#contentinfo ul li a {
  padding: 0.275em 0;
  display: block;
}
.no_media_queries footer#contentinfo ul:first-child {
  padding-left: 0;
}
.no_media_queries footer#contentinfo ul:nth-child(5) {
  border-right: none;
}
.no_media_queries footer#contentinfo ul.footer_join {
  border-top: solid 1px #626a5a;
  padding-top: 1em;
  width: 100%;
  margin-bottom: 0;
}
.no_media_queries footer#contentinfo.contact_times {
  font-size: 0.875em;
  padding-right: 40px;
}
.no_media_queries footer#contentinfo #footer_join {
  display: none;
}
.no_media_queries .footer_join {
  margin-top: 0.5em;
}
.no_media_queries .footer_join li {
  display: inline-block;
  float: left;
  padding-top: 0.3em;
  padding-right: 1em;
}
.no_media_queries .footer_join li.search_field {
  float: right;
  padding-right: 0;
}
.no_media_queries .footer--innerkiwi__content {
  display: inline;
}
.no_media_queries form.footer_search {
  margin-top: -6px;
}
.no_media_queries form.footer_search input {
  font-size: 14px;
}
.no_media_queries .sub_menu_mobile,
.no_media_queries li.mobile_banking {
  display: none;
}
.no_media_queries .icon_contact_arrow {
  display: none;
}
.no_media_queries #main_search.tablet #tablet_search {
  display: block;
}
.no_media_queries #tablet_search {
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  position: absolute;
  top: 41px;
  right: -4.4em;
  background-color: #5b674f;
  padding: 0.43em 0.5em 0.4em;
}
.no_media_queries #tablet_search input {
  float: left;
}
.no_media_queries #tablet_search input[type='submit'] {
  display: none;
}
.no_media_queries #tablet_search .contact_pointer {
  left: 6em;
}

@media only screen and (min-width: 60.0625em) {
  #navigation {
    display: block;
  }
  #navigation a span.seven08 {
    display: inline;
  }
  #navigation li.search-button.selected a {
    -webkit-transition: all, 0ms, linear;
    -moz-transition: all, 0ms, linear;
    -o-transition: all, 0ms, linear;
    transition: all, 0ms, linear;
    background: #2c3b1b;
    color: white;
  }
  #navigation li ul.sub_menu li a {
    min-width: 5px;
  }
  #navigation li ul.sub_menu span.menu_group {
    float: none;
    display: inline;
  }

  .main_navigation li a {
    padding: 0.3em 0.7em 0;
  }

  li.nav_personal_banking {
    padding-left: 0.4em;
  }

  .contact_desktop {
    display: inline;
  }

  footer#contentinfo ul {
    width: 20%;
    border-right: 1px solid #4A4F45;
    padding-left: 16px;
    min-height: 165px;
    margin-bottom: 0;
  }
  footer#contentinfo ul:first-child {
    padding-left: 0;
    width: 19%;
  }
  footer#contentinfo ul.footer_join {
    width: 20%;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  footer#contentinfo #footer_join {
    display: block;
  }

  .footer_join li {
    display: block;
    float: none;
    padding-top: 0;
  }
  .footer_join li:first-child {
    display: block;
  }
  .footer_join li.search_field {
    float: left;
  }

  form.footer_search {
    margin-top: 1em;
    width: 90%;
  }

  nav.legal li.copyright {
    float: right;
    margin-top: 0;
  }

  .icon_contact_arrow {
    display: inline-block;
  }
}
.no_media_queries #navigation {
  display: block;
}
.no_media_queries #navigation a span.seven08 {
  display: inline;
}
.no_media_queries #navigation li.search-button.selected a {
  -webkit-transition: all, 0ms, linear;
  -moz-transition: all, 0ms, linear;
  -o-transition: all, 0ms, linear;
  transition: all, 0ms, linear;
  background: #2c3b1b;
  color: white;
}
.no_media_queries #navigation li ul.sub_menu li a {
  min-width: 5px;
}
.no_media_queries #navigation li ul.sub_menu span.menu_group {
  float: none;
  display: inline;
}
.no_media_queries .main_navigation li a {
  padding: 0.3em 0.7em 0;
}
.no_media_queries li.nav_personal_banking {
  padding-left: 0.4em;
}
.no_media_queries .contact_desktop {
  display: inline;
}
.no_media_queries footer#contentinfo ul {
  width: 20%;
  border-right: 1px solid #4A4F45;
  padding-left: 16px;
  min-height: 165px;
  margin-bottom: 0;
}
.no_media_queries footer#contentinfo ul:first-child {
  padding-left: 0;
  width: 19%;
}
.no_media_queries footer#contentinfo ul.footer_join {
  width: 20%;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.no_media_queries footer#contentinfo #footer_join {
  display: block;
}
.no_media_queries .footer_join li {
  display: block;
  float: none;
  padding-top: 0;
}
.no_media_queries .footer_join li:first-child {
  display: block;
}
.no_media_queries .footer_join li.search_field {
  float: left;
}
.no_media_queries form.footer_search {
  margin-top: 1em;
  width: 90%;
}
.no_media_queries nav.legal li.copyright {
  float: right;
  margin-top: 0;
}
.no_media_queries .icon_contact_arrow {
  display: inline-block;
}

#main_search.active #search_text {
  width: 4.5em;
}

@media screen and (min-width: 63em) {
  #main_search.active #search_text {
    width: 7em;
  }
}
@media screen and (min-width: 70em) {
  #main_search.active #search_text {
    width: 8em;
  }
}
.icon_mobile_nav {
  background-position: 0 -2008px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .icon_mobile_nav {
    background-position: 0 -2088px;
  }
}

ul.mobile-nav div.contact_details ul.social_media a.sm_twitter {
  background-position: 7px -1217px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  ul.mobile-nav div.contact_details ul.social_media a.sm_twitter {
    background-position: 7px -1118px;
  }
}
ul.mobile-nav div.contact_details ul.social_media a.sm_facebook {
  background-position: 8px -1645px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  ul.mobile-nav div.contact_details ul.social_media a.sm_facebook {
    background-position: 8px -1587px;
  }
}

.mobile_banking span {
  background-position: 0 -1599px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .mobile_banking span {
    background-position: 0 -1379px;
  }
}

@media only screen and (max-width: 37.5em) {
  body {
    background-color: white;
  }

  body.init {
    background-color: #353c2e;
  }

  #eminem {
    position: absolute;
    width: 100%;
    background-color: white;
    height: 100%;
    visibility: visible;
  }

  #eminem.active {
    visibility: hidden;
  }

  #main_menu {
    display: none;
  }

  #main_menu.active {
    display: block;
  }

  #mobile_wrapper #main_menu {
    display: none;
  }

  #mobile_menu_toggle {
    font-family: ff-meta-serif-pro;
    padding-left: 1em;
    font-size: 23px;
    line-height: 51px;
    padding-top: 5px;
    color: #222222;
    display: block;
    float: right;
    font-weight: 300;
    text-decoration: none;
    padding-right: 14px;
    cursor: pointer;
  }

  .icon_mobile_nav {
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 0.15em;
    left: 0.15em;
  }

  .icon_contact_arrow {
    background-image: none;
  }

  #internet-banking {
    display: none;
  }

  .sub_menu {
    display: none;
  }

  ul.mobile-nav {
    font-family: ff-meta-serif-pro;
    list-style: none;
    display: block;
    position: absolute;
    left: 30%;
    top: 0;
    width: 70%;
    background: #353c2e;
    overflow: hidden;
    padding-bottom: 100px;
  }
  ul.mobile-nav li {
    float: none;
    display: block;
  }
  ul.mobile-nav li.search-button {
    display: none;
  }
  ul.mobile-nav li a {
    clear: both;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 2.6em;
    text-decoration: none;
    padding: 0 0.836em;
    color: white;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  ul.mobile-nav li a#mobile-banking {
    display: block;
    float: none;
  }
  ul.mobile-nav li a span.search {
    float: right;
    line-height: 1.6em;
  }
  ul.mobile-nav li a span.secure {
    line-height: 2.6em;
  }
  ul.mobile-nav li a.selected img {
    display: none;
  }
  ul.mobile-nav li a.contact_menu {
    border-bottom: none;
  }
  ul.mobile-nav li a:hover {
    background: #282e23;
  }
  ul.mobile-nav ul {
    font-size: 0.8em;
  }
  ul.mobile-nav ul li a {
    border: 0;
    margin-left: 1em;
  }
  ul.mobile-nav ul.sub_menu {
    background: #434a3b;
    margin-left: 0;
  }
  ul.mobile-nav ul.sub_menu li a {
    border-bottom: 1px solid #3c4235;
    font-size: 17px;
    color: #c4cabe;
    margin-left: 0;
    padding-left: 1em;
  }
  ul.mobile-nav ul.sub_menu li a:hover {
    background: #81bc3d;
    color: #ffffff;
  }
  ul.mobile-nav ul.sub_menu li a:first-child {
    xborder-bottom: none;
  }
  ul.mobile-nav div.contact_details ul {
    margin-left: 0;
    margin-top: 0;
  }
  ul.mobile-nav div.contact_details ul li {
    margin-left: 0;
    color: #c4cabe;
    font-size: 16px;
  }
  ul.mobile-nav div.contact_details ul li.search_form {
    display: block;
  }
  ul.mobile-nav div.contact_details ul li a {
    color: #c4cabe;
    font-size: 16px;
    margin-left: 0;
    line-height: 26px;
  }
  ul.mobile-nav div.contact_details ul.social_media {
    margin-top: 10px;
  }
  ul.mobile-nav div.contact_details ul.social_media li {
    padding-left: 0;
  }
  ul.mobile-nav div.contact_details ul.social_media li a {
    background-position: left center;
    background-repeat: no-repeat;
  }
  ul.mobile-nav div.contact_details img.contact_pointer {
    display: none;
  }
  ul.mobile-nav #main_search {
    padding: 0.5em 1em;
  }

  .nav-off {
    max-width: 100%;
    margin-left: 0;
    overflow: hidden;
    background: #fff;
    z-index: 10;
    position: relative;
    margin-left: 0;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -ms-transition: -ms-transform 500ms ease-in-out;
    -o-transition: -o-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    -webkit-box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    box-shadow: 0 0 15px black;
  }
  body.ios .nav-off {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }

  .nav-on {
    margin-left: -70%;
  }
  body.ios .nav-on {
    margin-left: 0;
    -webkit-transform: translate3d(-70%, 0, 0);
    -moz-transform: translate3d(-70%, 0, 0);
    -ms-transform: translate3d(-70%, 0, 0);
    -o-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0);
  }

  footer#contentinfo {
    padding-top: 0.4em;
    padding-bottom: 0.8em;
  }
  footer#contentinfo ul {
    float: none;
    clear: both;
    width: 100%;
    border-left: 0;
    border-top: solid 1px #6f7865;
    padding-top: 0.7em;
    padding-bottom: 0.3em;
    margin-bottom: 0;
    min-height: 10px;
  }
  footer#contentinfo ul:first-child {
    border-top: none;
  }
  footer#contentinfo ul form.footer_search {
    width: 100%;
    margin-top: 0.8em;
  }
  footer#contentinfo ul form.footer_search input[type="text"] {
    font-size: 0.895em;
  }
  footer#contentinfo ul a {
    display: block;
  }
  footer#contentinfo ul li {
    display: none;
  }
  footer#contentinfo ul li:first-child {
    display: block;
  }
  footer#contentinfo ul.footer_join {
    font-size: 0.895em;
  }
  footer#contentinfo ul.footer_join li {
    display: block;
  }
  footer#contentinfo ul.footer_join h3 {
    margin-bottom: 0.8em;
  }
  footer#contentinfo ul {
    font-size: 1em;
  }

  nav.legal .grid li {
    line-height: 1.8em;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    display: block;
    list-style: none;
  }

  .sub_menu_mobile {
    display: block;
  }

  .mobile_banking span {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 0.75em;
  }

  .leg_wrapper #mobile_wrapper #main_menu {
    display: block;
  }
  .leg_wrapper #mobile_wrapper #main_menu #internet-banking {
    display: block;
  }
  .leg_wrapper #mobile_wrapper #main_menu .mobile_home {
    display: none;
  }
  .leg_wrapper #mobile_wrapper #main_menu ul.sub_menu li a {
    padding: 0em 0.45em 0;
    color: #4aa1c5;
  }
  .leg_wrapper #mobile_wrapper #main_menu ul.sub_menu li.current a {
    color: #222;
  }
  .leg_wrapper #mobile_wrapper #main_menu li.nav_personal_banking {
    padding-left: 0.4em;
  }
  .leg_wrapper #mobile_wrapper #mobile_menu_toggle {
    display: none;
  }
  .leg_wrapper #mobile_wrapper .main_navigation li a {
    padding: 0.3em 0.45em 0;
  }
  .leg_wrapper #mobile_wrapper .main_navigation li a.selected {
    height: 63px;
    position: relative;
    z-index: 999;
    background: url('/assets/img/sprites/base/1x/nav-current.png') no-repeat 50% bottom;
  }
}
.leg_wrapper #main_menu {
  display: block;
  border-bottom: solid 1px #EEE;
  height: 55px;
}
.leg_wrapper .icon_contact_arrow,
.leg_wrapper .contact_desktop {
  display: inline-block;
}
.leg_wrapper .icon_contact_arrow {
  background-position: 6px -1895px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .leg_wrapper .icon_contact_arrow {
    background-position: 6px -1849px;
  }
}
.leg_wrapper .main_navigation li a {
  padding: 0.3em 0.7em 0;
}
.leg_wrapper .main_navigation li a.selected {
  height: 63px;
  position: relative;
  z-index: 999;
  background: url('/assets/img/sprites/base/1x/nav-current.png') no-repeat 50% bottom;
}
.leg_wrapper ul.sub_menu li a {
  padding: 0em 0.45em 0;
  color: #4aa1c5;
}
.leg_wrapper ul.sub_menu li.current a {
  color: #222;
}

.urgent_notice {
  background: #DFF4FA;
  clear: both;
  position: relative;
  top: 0;
  z-index: 5;
  display: none;
  overflow: hidden;
  width: 100%;
  color: #222;
  border-bottom: 1px solid #A4ADB0;
}
.urgent_notice .urgent_notice_inner {
  padding-top: 20px;
  padding-right: 56px;
  padding-left: 56px;
  max-width: 1141px;
  min-height: 39px;
  margin: 0 auto;
  position: relative;
}
.urgent_notice .urgent_notice_inner p {
  margin: 0 auto 0 15px;
  padding-bottom: 18px;
  width: 75%;
  font-size: 16px;
  line-height: 22px;
  font-family: "ff-meta-serif-pro","Droid Serif",georgia,times,serif;
}
.urgent_notice .urgent_notice_inner p.full, .urgent_notice .urgent_notice_inner p.full_hide {
  padding-bottom: 14px;
}
.urgent_notice .urgent_notice_inner p.full_hide {
  display: none;
}
.urgent_notice .urgent_notice_inner p a {
  color: #4aa1c5;
}
.urgent_notice .urgent_notice_inner p a:hover {
  color: #84bfd8;
}
.urgent_notice .urgent_notice_inner a.close {
  background-position: 0 -2040px;
  height: 23px;
  width: 23px;
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  position: absolute;
  top: 17px;
  right: 69px;
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .urgent_notice .urgent_notice_inner a.close {
    background-position: 0 -2120px;
  }
}

/*
$grid-width-mobile:   600px;
$grid-width-skinny:   708px;
$grid-width-desktop:  960px;
$grid-width-wide:     1140px;
*/
@media screen and (min-width: 1025px) and (max-width: 1140px) {
  .not-ie .urgent_notice .urgent_notice_inner {
    padding-right: 26px;
    padding-left: 26px;
    max-width: 961px;
  }
  .not-ie .urgent_notice .urgent_notice_inner p {
    margin-left: 13px;
  }
  .not-ie .urgent_notice .urgent_notice_inner a.close {
    margin-right: 13px;
    right: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .not-ie .urgent_notice {
    bottom: auto;
  }
  .not-ie .urgent_notice .urgent_notice_inner {
    padding-right: 40px;
    padding-left: 40px;
  }
  .not-ie .urgent_notice .urgent_notice_inner p {
    margin-left: 0;
  }
  .not-ie .urgent_notice .urgent_notice_inner a.close {
    margin-right: 0;
    right: 39px;
  }
}
@media screen and (max-width: 960px) {
  .not-ie .urgent_notice .urgent_notice_inner {
    padding-right: 13px;
    padding-left: 13px;
    max-width: 710px;
  }
  .not-ie .urgent_notice .urgent_notice_inner a.close {
    right: 12px;
  }
}
@media screen and (max-width: 600px) {
  .not-ie .urgent_notice .urgent_notice_inner a.close {
    right: 11px;
  }
}
.leg_wrapper .urgent_notice, .ie6 .urgent_notice, .ie7 .urgent_notice, .ie8 .urgent_notice, .ie9 .urgent_notice {
  overflow: visible;
}
.leg_wrapper .urgent_notice .urgent_notice_inner, .ie6 .urgent_notice .urgent_notice_inner, .ie7 .urgent_notice .urgent_notice_inner, .ie8 .urgent_notice .urgent_notice_inner, .ie9 .urgent_notice .urgent_notice_inner {
  padding-right: 69px;
  padding-left: 69px;
  max-width: 1114px;
}
.leg_wrapper .urgent_notice .urgent_notice_inner p, .ie6 .urgent_notice .urgent_notice_inner p, .ie7 .urgent_notice .urgent_notice_inner p, .ie8 .urgent_notice .urgent_notice_inner p, .ie9 .urgent_notice .urgent_notice_inner p {
  margin: 0 !important;
}
.leg_wrapper .urgent_notice .urgent_notice_inner a.close, .ie6 .urgent_notice .urgent_notice_inner a.close, .ie7 .urgent_notice .urgent_notice_inner a.close, .ie8 .urgent_notice .urgent_notice_inner a.close, .ie9 .urgent_notice .urgent_notice_inner a.close {
  margin-right: 0;
}

@media screen and (max-width: 1140px) {
  .leg_wrapper .urgent_notice .urgent_notice_inner, .ie6 .urgent_notice .urgent_notice_inner, .ie7 .urgent_notice .urgent_notice_inner, .ie8 .urgent_notice .urgent_notice_inner, .ie9 .urgent_notice .urgent_notice_inner {
    min-width: none;
    max-width: none;
    width: 888px !important;
  }
}
.ie6 .urgent_notice, .ie7 .urgent_notice, .ie8 .urgent_notice, .ie9 .urgent_notice {
  width: 100%;
}
.ie6 .urgent_notice .urgent_notice_inner, .ie7 .urgent_notice .urgent_notice_inner, .ie8 .urgent_notice .urgent_notice_inner, .ie9 .urgent_notice .urgent_notice_inner {
  min-width: none;
  max-width: none;
  width: 934px !important;
  padding-right: 26px;
  padding-left: 26px;
}
.ie6 .urgent_notice .urgent_notice_inner a.close, .ie7 .urgent_notice .urgent_notice_inner a.close, .ie8 .urgent_notice .urgent_notice_inner a.close, .ie9 .urgent_notice .urgent_notice_inner a.close {
  margin-right: -13px !important;
}

.ie6 .leg_wrapper .urgent_notice, .ie7 .leg_wrapper .urgent_notice, .ie8 .leg_wrapper .urgent_notice {
  width: 100%;
}
.ie6 .leg_wrapper .urgent_notice .urgent_notice_inner, .ie7 .leg_wrapper .urgent_notice .urgent_notice_inner, .ie8 .leg_wrapper .urgent_notice .urgent_notice_inner {
  min-width: none;
  max-width: none;
  width: 888px !important;
  padding-right: 69px;
  padding-left: 69px;
}
.ie6 .leg_wrapper .urgent_notice .urgent_notice_inner a.close, .ie7 .leg_wrapper .urgent_notice .urgent_notice_inner a.close, .ie8 .leg_wrapper .urgent_notice .urgent_notice_inner a.close {
  margin-right: 0px !important;
}

@media screen and (min-width: 1141px) {
  .ie9 .urgent_notice .urgent_notice_inner {
    width: 100% !important;
    max-width: 1114px !important;
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1140px) {
  .ie9 .urgent_notice .urgent_notice_inner {
    width: 100% !important;
    max-width: 988px !important;
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
}
@media screen and (min-width: 1141px) {
  .ie9 .leg_wrapper .urgent_notice .urgent_notice_inner {
    max-width: 931px !important;
    padding-right: 29px !important;
    padding-left: 29px !important;
  }
}
@media screen and (max-width: 1140px) {
  .ie9 .leg_wrapper .urgent_notice .urgent_notice_inner {
    max-width: 888px !important;
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
}
body {
  margin-top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.urgent_notice_on .urgent_notice {
  opacity: 1;
}

body.business_banking .urgent_notice {
  top: -65px;
}
body.business_banking .urgent_notice .urgent_notice_inner {
  padding-top: 25px;
}

body.the_panel.facebook {
  background-color: #fff;
}
body.the_panel.facebook .grid_section_breakout,
body.the_panel.facebook .grid_section {
  max-width: 100%;
}
body.the_panel .logo_list {
  list-style-type: none;
}
body.the_panel .logo_list li {
  width: 20%;
  float: left;
  text-align: center;
}
body.the_panel p.job_title {
  margin-top: -0.3em;
  padding-top: 0em;
  padding-bottom: 0.625em;
  color: #888;
  font-weight: 500;
}

#the_panel_banner {
  background-repeat: no-repeat;
  background-position: 50% 100%;
  height: 244px;
  text-align: center;
  color: #fff;
  position: relative;
  max-height: 244px;
  line-height: 0;
}
@media all and (min-width: 601px) {
  #the_panel_banner {
    background-image: url('/assets/img/the-block/top-banner-panel.jpg');
    background-color: #6c983a;
  }
}
@media all and (max-width: 600px) {
  #the_panel_banner {
    background-color: #89c54e;
  }
}
.ie6 #the_panel_banner, .ie7 #the_panel_banner, .ie8 #the_panel_banner {
  background-image: url('/assets/img/the-block/top-banner-panel.jpg');
  background-color: #6c983a;
}
#the_panel_banner h1 {
  margin: 28px 20px 20px;
  width: auto;
  font-size: 2em;
}
@media all and (max-width: 600px) {
  #the_panel_banner {
    height: auto;
  }
  #the_panel_banner h1 {
    margin-top: 25px;
  }
}

#panel_buttons {
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
#panel_buttons .ui_button {
  margin-right: 0;
  margin-left: -4px;
  border-left: 1px solid #eaeaea;
}
#panel_buttons .ui_button:first-child {
  border-left: none;
}

#q_n_a_section,
#about_panel_section,
#ask_the_panel {
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 1200ms, 0ms;
  -moz-transition-duration: 1200ms, 0ms;
  -o-transition-duration: 1200ms, 0ms;
  transition-duration: 1200ms, 0ms;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), linear;
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), linear;
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), linear;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  text-align: left;
}
#q_n_a_section .grid_header,
#about_panel_section .grid_header,
#ask_the_panel .grid_header {
  padding: 0;
}

#ask_panel_btn_container {
  text-align: center;
}

@media all and (max-width: 600px) {
  #ask_the_panel {
    margin-top: 13px;
  }
  #ask_the_panel #ask_panel_btn_container a {
    font-size: 1em;
  }
}
body {
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif !important;
}

/** dirty dirty code!!!! will tidy it up **/
body.revolution_landing {
  font-size: 15px;
}
body.revolution_landing h1 {
  font-size: 36px !important;
}
@media only screen and (max-width: 740px) {
  body.revolution_landing h1 {
    font-size: 30px !important;
  }
}
body.revolution_landing h2 {
  font-size: 28px;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing h2 {
    font-size: 24px;
  }
}
body.revolution_landing .smallprint p {
  font-size: 13px;
}
body.revolution_landing .j_block p,
body.revolution_landing .j_banner_text p {
  font-size: 18px;
  font-family: "ff-meta-serif-pro","Droid Serif",georgia,times,serif;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_block p,
  body.revolution_landing .j_banner_text p {
    font-size: 16px;
  }
}
body.revolution_landing .j_banner_wrapper {
  background-color: #eef1ea;
}
body.revolution_landing .j_banner {
  background-image: url("/assets/img/join/revolution/squares.png");
  background-position: top right;
  background-repeat: no-repeat;
  height: 434px;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_banner {
    background-position: 164% bottom;
    height: 396px;
  }
}
@media only screen and (max-width: 740px) {
  body.revolution_landing .j_banner {
    background-image: none;
    height: auto;
  }
}
body.revolution_landing .j_banner_text {
  max-width: 49%;
  padding-left: 5%;
  padding-top: 5%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_banner_text {
    max-width: 65%;
  }
  body.revolution_landing .j_banner_text p {
    max-width: 82%;
  }
}
@media only screen and (max-width: 740px) {
  body.revolution_landing .j_banner_text {
    max-width: 100%;
  }
}
body.revolution_landing .j_banner_text .ui_button {
  margin-top: 10%;
}
@media only screen and (max-width: 740px) {
  body.revolution_landing .j_banner_text .ui_button {
    margin-top: 5%;
    margin-bottom: 6%;
  }
}
body.revolution_landing .j_block {
  border-bottom: 1px solid #EBECEB;
  position: relative;
  display: block;
}
@media only screen and (min-width: 1140px) {
  body.revolution_landing .j_block {
    margin: 0 0;
  }
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_block {
    padding-top: 5%;
  }
}
body.revolution_landing .j_block, body.revolution_landing .smallprint, body.revolution_landing .j_action, body.revolution_landing .j_divider {
  margin: 0 40px;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_block, body.revolution_landing .smallprint, body.revolution_landing .j_action, body.revolution_landing .j_divider {
    margin: 0 0px;
  }
}
body.revolution_landing .j_block_text {
  width: 55%;
  /*425px*/
  padding: 6% 3%;
  margin: 0;
}
@media only screen and (min-width: 1140px) {
  body.revolution_landing .j_block_text {
    max-width: 60%;
  }
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_block_text {
    padding-top: 0;
  }
}
@media only screen and (max-width: 740px) {
  body.revolution_landing .j_block_text {
    width: 90%;
    float: none !important;
  }
}
body.revolution_landing .j_block_image {
  margin: 0;
}
@media only screen and (max-width: 740px) {
  body.revolution_landing .j_block_image {
    display: none;
  }
}
body.revolution_landing .j_intro .j_block {
  padding: 6% 3% 3% 3%;
  border-bottom: none;
}
body.revolution_landing .j_champion .j_block_image,
body.revolution_landing .j_adventures .j_block_image,
body.revolution_landing .j_battle .j_block_image,
body.revolution_landing .j_signature .j_block_image,
body.revolution_landing .j_rallying .j_block_image {
  position: absolute;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_champion .j_block_image,
  body.revolution_landing .j_adventures .j_block_image,
  body.revolution_landing .j_battle .j_block_image,
  body.revolution_landing .j_signature .j_block_image,
  body.revolution_landing .j_rallying .j_block_image {
    position: relative;
    bottom: auto;
    left: auto;
    top: auto;
    right: auto;
  }
}
body.revolution_landing .j_champion .j_block_image {
  bottom: -46px;
  left: 0%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_champion .j_block_image {
    max-width: 33%;
    bottom: auto !important;
  }
}
body.revolution_landing .j_adventures .j_block_image {
  bottom: 0;
  right: 10%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_adventures .j_block_image {
    max-width: 27%;
  }
}
body.revolution_landing .j_adventures .j_block_text {
  margin-top: 3%;
}
@media only screen and (min-width: 1140px) {
  body.revolution_landing .j_adventures .j_block_text {
    margin-top: 2%;
  }
}
body.revolution_landing .j_battle .j_block_text {
  padding: 8% 3%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_battle .j_block_text {
    padding-top: 0;
    margin-top: 3%;
  }
}
body.revolution_landing .j_battle .j_block_image {
  bottom: 10%;
  left: 8%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_battle .j_block_image {
    max-width: 27%;
  }
}
body.revolution_landing .j_signature .j_block_image {
  bottom: 6%;
  right: 0%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_signature .j_block_image {
    right: -30px;
    max-width: 30%;
  }
}
body.revolution_landing .j_rallying .j_block_image {
  bottom: 0%;
  left: 7%;
}
@media only screen and (max-width: 960px) {
  body.revolution_landing .j_rallying .j_block_image {
    max-width: 20%;
  }
}
body.revolution_landing .j_enquire p {
  color: #62A82E;
  float: left;
}
body.revolution_landing .icon_contact_phone {
  background: url("/assets/img/business-banking/icon-phone-green.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  width: 23px;
  float: left;
  margin-top: 8px;
}
.ie7 body.revolution_landing .grid_section .grid_section, .ie8 body.revolution_landing .grid_section .grid_section {
  width: 945px;
}
.ie7 body.revolution_landing, .ie8 body.revolution_landing {
  line-height: 1.4;
}
body.revolution_landing img {
  max-width: 100%;
}
body.revolution_landing .float_right {
  float: right;
}

.money_week_form {
  /**
   * ----------------------------------------------------------------------------
   * // money week tabs
   * ----------------------------------------------------------------------------
   */
  /**
   * ----------------------------------------------------------------------------
   * //accordian styles for money week stolen from business banking
   * ----------------------------------------------------------------------------
   */
}
.ie8 .money_week_form .money_week_banner_wrapper, .ie7 .money_week_form .money_week_banner_wrapper {
  background-color: #A1CA7E;
}
.money_week_form .h0 {
  color: #fff;
}
.money_week_form .right {
  float: right;
}
.money_week_form .left {
  float: left;
}
.money_week_form .money_week_block {
  max-width: 750px;
  margin: 0 auto;
}
.money_week_form .mb {
  margin-bottom: 40px;
}
.money_week_form .money_week_banner_text {
  padding: 5% 0;
}
.money_week_form .money_week_banner_text .secondary {
  text-align: left;
}
.money_week_form .money_week_banner_image .middle_image {
  margin: 0 6%;
}
.money_week_form .money_week_block_image img {
  padding: 0 10%;
}
.money_week_form .mw_header_block {
  border-bottom: 1px solid #ccc;
}
.money_week_form .q {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 10%;
  margin-top: 0;
  font-size: 22px;
}
.money_week_form .question {
  max-width: 90%;
}
.money_week_form .question h3 {
  margin-top: 0;
  font-size: 22px;
}
.money_week_form li.form-row {
  border-bottom: 1px dotted #ccc;
  padding: 35px 10px;
  margin: 0 5%;
}
.money_week_form .btn-next {
  cursor: pointer;
}
.money_week_form .button_wrapper {
  margin-right: 5%;
}
.money_week_form .btn-reset:hover {
  color: #000;
}
.money_week_form .mw_header_block .push_left {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 0;
  width: auto;
}
.money_week_form .mw_tab_wrapper {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}
.money_week_form .mw_tab {
  list-style-type: none;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  float: left;
  margin-bottom: -1px;
}
.money_week_form .mw_tab_link {
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  min-width: 150px;
  padding-bottom: 20px;
  margin-top: 0;
  color: #fff;
}
.money_week_form .ui-tabs-selected .mw_tab_link {
  background-color: #fff;
  border-color: #cccccc !important;
  color: #444;
}
.money_week_form .mw_tab_link:hover {
  text-decoration: none;
}
.money_week_form [class*="ui_accordion_toggle"] {
  border-top: 1px solid #E0E0E0;
  color: #3AA4CE;
  display: block;
  font-size: 14px;
  padding: 15px 0 13px;
  cursor: pointer;
}
.money_week_form .toggle_block {
  -moz-transition-delay: 0ms;
  -moz-transition-duration: 250ms, 0ms;
  -moz-transition-property: opacity, visibility;
  -moz-transition-timing-function: ease-in-out, linear;
  margin-bottom: 10px;
  margin-top: -10px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.money_week_form .active.toggle_block {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.money_week_form .accordian_wrapper .toggle_button:first-child {
  border-top: none;
}

.mw_results .mw_results_text {
  width: 70%;
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.mw_results .mw_results_image {
  width: 25%;
  margin-top: 30px;
  text-align: center;
  margin-left: 5%;
}
.mw_results .results-description-left,
.mw_results .results-description-right {
  width: 50%;
}
.mw_results .results-description-left .results_description_text {
  margin-right: 4%;
}
.mw_results .results-description-right .results_description_text {
  margin-left: 4%;
}

/**
 * kb is whack here are some interim fixes
 * ----------------------------------------------------------------------------
 */
body {
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif !important;
}

.main_navigation {
  margin-left: 0;
  display: block !important;
  padding-left: 57px;
}

#contentinfo ul li a {
  font-size: 14px;
  display: block;
  line-height: 19px;
  padding: 0 1.5em;
}

#kiwibank {
  display: inline-block;
  float: left;
}

.landing-page-template {
  /**
   * breakpoints
   * ----------------------------------------------------------------------------
   */
  /**
   * Grid - this is used with the inline grid in interim.scss .grid and .grid__item etc
   * I changed the names so they relate to the breakpoints above
   * ----------------------------------------------------------------------------
   */
  /**
   * Grid - Padding classes that relate to the grid breakpoints
   * ----------------------------------------------------------------------------
   */
  /**
   * Show hide on viewports helper classes
   * ----------------------------------------------------------------------------
   */
}
.landing-page-template .kb-grid-section {
  max-width: 1016px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 37.5em) {
  .landing-page-template .kb-grid-section {
    max-width: 600px;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .landing-page-template .kb-grid-section {
    max-width: 736px;
  }
}
@media only screen and (min-width: 71.3125em) {
  .landing-page-template .kb-grid-section {
    max-width: 1252px;
  }
}
.landing-page-template .g-d--1 {
  width: 100%;
}
.landing-page-template .g-d--2 {
  width: 50%;
}
.landing-page-template .g-d--4 {
  width: 25%;
}
.landing-page-template .g-d--3 {
  width: 33%;
}
.landing-page-template .g-d--60 {
  width: 60%;
}
.landing-page-template .g-d--40 {
  width: 40%;
}
@media only screen and (min-width: 71.3125em) {
  .landing-page-template .g-w--1 {
    width: 100%;
  }
  .landing-page-template .g-w--2 {
    width: 50%;
  }
  .landing-page-template .g-w--4 {
    width: 25%;
  }
  .landing-page-template .g-w--3 {
    width: 33%;
  }
  .landing-page-template .g-w--60 {
    width: 60%;
  }
  .landing-page-template .g-w--40 {
    width: 40%;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .landing-page-template .g-s--1 {
    width: 100%;
  }
  .landing-page-template .g-s--2 {
    width: 50%;
  }
  .landing-page-template .g-s--4 {
    width: 25%;
  }
  .landing-page-template .g-s--3 {
    width: 33%;
  }
  .landing-page-template .g-s--60 {
    width: 60%;
  }
  .landing-page-template .g-s--40 {
    width: 40%;
  }
}
@media only screen and (max-width: 37.5em) {
  .landing-page-template .g-m--1 {
    width: 100%;
  }
  .landing-page-template .g-m--2 {
    width: 50%;
  }
  .landing-page-template .g-m--4 {
    width: 25%;
  }
  .landing-page-template .g-m--3 {
    width: 33%;
  }
  .landing-page-template .g-m--60 {
    width: 60%;
  }
  .landing-page-template .g-m--60 {
    width: 40%;
  }
}
.landing-page-template .pr-d--0 {
  padding-right: 0;
}
.landing-page-template .pr-d--xxxs {
  padding-right: 0.5em;
}
.landing-page-template .pr-d--xxs {
  padding-right: 1em;
}
.landing-page-template .pr-d--xs {
  padding-right: 1.5em;
}
.landing-page-template .pr-d--s {
  padding-right: 2em;
}
.landing-page-template .pr-d--m {
  padding-right: 3em;
}
.landing-page-template .pr-d--l {
  padding-right: 4em;
}
.landing-page-template .pr-d--xl {
  padding-right: 5em;
}
.landing-page-template .pr-d--xxl {
  padding-right: 6em;
}
.landing-page-template .pr-d--xxxl {
  padding-right: 8em;
}
.landing-page-template .pl-d--0 {
  padding-left: 0;
}
.landing-page-template .pl-d--xxxs {
  padding-left: 0.5em;
}
.landing-page-template .pl-d--xxs {
  padding-left: 1em;
}
.landing-page-template .pl-d--xs {
  padding-left: 1.5em;
}
.landing-page-template .pl-d--s {
  padding-left: 2em;
}
.landing-page-template .pl-d--m {
  padding-left: 3em;
}
.landing-page-template .pl-d--l {
  padding-left: 4em;
}
.landing-page-template .pl-d--xl {
  padding-left: 5em;
}
.landing-page-template .pl-d--xxl {
  padding-left: 6em;
}
.landing-page-template .pl-d--xxxl {
  padding-left: 8em;
}
.landing-page-template .pt-d--0 {
  padding-top: 0;
}
.landing-page-template .pt-d--xxxs {
  padding-top: 0.5em;
}
.landing-page-template .pt-d--xxs {
  padding-top: 1em;
}
.landing-page-template .pt-d--xs {
  padding-top: 1.5em;
}
.landing-page-template .pt-d--s {
  padding-top: 2em;
}
.landing-page-template .pt-d--m {
  padding-top: 3em;
}
.landing-page-template .pt-d--l {
  padding-top: 4em;
}
.landing-page-template .pt-d--xl {
  padding-top: 5em;
}
.landing-page-template .pt-d--xxl {
  padding-top: 6em;
}
.landing-page-template .pt-d--xxxl {
  padding-top: 8em;
}
.landing-page-template .pb-d--0 {
  padding-bottom: 0;
}
.landing-page-template .pb-d--xxxs {
  padding-bottom: 0.5em;
}
.landing-page-template .pb-d--xxs {
  padding-bottom: 1em;
}
.landing-page-template .pb-d--xs {
  padding-bottom: 1.5em;
}
.landing-page-template .pb-d--s {
  padding-bottom: 2em;
}
.landing-page-template .pb-d--m {
  padding-bottom: 3em;
}
.landing-page-template .pb-d--l {
  padding-bottom: 4em;
}
.landing-page-template .pb-d--xl {
  padding-bottom: 5em;
}
.landing-page-template .pb-d--xxl {
  padding-bottom: 6em;
}
.landing-page-template .pb-d--xxxl {
  padding-bottom: 8em;
}
@media only screen and (min-width: 71.3125em) {
  .landing-page-template .pr-w--0 {
    padding-right: 0;
  }
  .landing-page-template .pr-w--xxxs {
    padding-right: 0.5em;
  }
  .landing-page-template .pr-w--xxs {
    padding-right: 1em;
  }
  .landing-page-template .pr-w--xs {
    padding-right: 1.5em;
  }
  .landing-page-template .pr-w--s {
    padding-right: 2em;
  }
  .landing-page-template .pr-w--m {
    padding-right: 3em;
  }
  .landing-page-template .pr-w--l {
    padding-right: 4em;
  }
  .landing-page-template .pr-w--xl {
    padding-right: 5em;
  }
  .landing-page-template .pr-w--xxl {
    padding-right: 6em;
  }
  .landing-page-template .pr-w--xxxl {
    padding-right: 8em;
  }
  .landing-page-template .pl-w--0 {
    padding-left: 0;
  }
  .landing-page-template .pl-w--xxxs {
    padding-left: 0.5em;
  }
  .landing-page-template .pl-w--xxs {
    padding-left: 1em;
  }
  .landing-page-template .pl-w--xs {
    padding-left: 1.5em;
  }
  .landing-page-template .pl-w--s {
    padding-left: 2em;
  }
  .landing-page-template .pl-w--m {
    padding-left: 3em;
  }
  .landing-page-template .pl-w--l {
    padding-left: 4em;
  }
  .landing-page-template .pl-w--xl {
    padding-left: 5em;
  }
  .landing-page-template .pl-w--xxl {
    padding-left: 6em;
  }
  .landing-page-template .pl-w--xxxl {
    padding-left: 8em;
  }
  .landing-page-template .pt-w--0 {
    padding-top: 0;
  }
  .landing-page-template .pt-w--xxxs {
    padding-top: 0.5em;
  }
  .landing-page-template .pt-w--xxs {
    padding-top: 1em;
  }
  .landing-page-template .pt-w--xs {
    padding-top: 1.5em;
  }
  .landing-page-template .pt-w--s {
    padding-top: 2em;
  }
  .landing-page-template .pt-w--m {
    padding-top: 3em;
  }
  .landing-page-template .pt-w--l {
    padding-top: 4em;
  }
  .landing-page-template .pt-w--xl {
    padding-top: 5em;
  }
  .landing-page-template .pt-w--xxl {
    padding-top: 6em;
  }
  .landing-page-template .pt-w--xxxl {
    padding-top: 8em;
  }
  .landing-page-template .pb-w--0 {
    padding-bottom: 0;
  }
  .landing-page-template .pb-w--xxxs {
    padding-bottom: 0.5em;
  }
  .landing-page-template .pb-w--xxs {
    padding-bottom: 1em;
  }
  .landing-page-template .pb-w--xs {
    padding-bottom: 1.5em;
  }
  .landing-page-template .pb-w--s {
    padding-bottom: 2em;
  }
  .landing-page-template .pb-w--m {
    padding-bottom: 3em;
  }
  .landing-page-template .pb-w--l {
    padding-bottom: 4em;
  }
  .landing-page-template .pb-w--xl {
    padding-bottom: 5em;
  }
  .landing-page-template .pb-w--xxl {
    padding-bottom: 6em;
  }
  .landing-page-template .pb-w--xxxl {
    padding-bottom: 8em;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .landing-page-template .pr-s--0 {
    padding-right: 0;
  }
  .landing-page-template .pr-s--xxxs {
    padding-right: 0.5em;
  }
  .landing-page-template .pr-s--xxs {
    padding-right: 1em;
  }
  .landing-page-template .pr-s--xs {
    padding-right: 1.5em;
  }
  .landing-page-template .pr-s--s {
    padding-right: 2em;
  }
  .landing-page-template .pr-s--m {
    padding-right: 3em;
  }
  .landing-page-template .pr-s--l {
    padding-right: 4em;
  }
  .landing-page-template .pr-s--xl {
    padding-right: 5em;
  }
  .landing-page-template .pr-s--xxl {
    padding-right: 6em;
  }
  .landing-page-template .pr-s--xxxl {
    padding-right: 8em;
  }
  .landing-page-template .pl-s--0 {
    padding-left: 0;
  }
  .landing-page-template .pl-s--xxxs {
    padding-left: 0.5em;
  }
  .landing-page-template .pl-s--xxs {
    padding-left: 1em;
  }
  .landing-page-template .pl-s--xs {
    padding-left: 1.5em;
  }
  .landing-page-template .pl-s--s {
    padding-left: 2em;
  }
  .landing-page-template .pl-s--m {
    padding-left: 3em;
  }
  .landing-page-template .pl-s--l {
    padding-left: 4em;
  }
  .landing-page-template .pl-s--xl {
    padding-left: 5em;
  }
  .landing-page-template .pl-s--xxl {
    padding-left: 6em;
  }
  .landing-page-template .pl-s--xxxl {
    padding-left: 8em;
  }
  .landing-page-template .pt-s--0 {
    padding-top: 0;
  }
  .landing-page-template .pt-s--xxxxs {
    padding-top: 0.33em;
  }
  .landing-page-template .pt-s--xxxs {
    padding-top: 0.5em;
  }
  .landing-page-template .pt-s--xxs {
    padding-top: 1em;
  }
  .landing-page-template .pt-s--xs {
    padding-top: 1.5em;
  }
  .landing-page-template .pt-s--s {
    padding-top: 2em;
  }
  .landing-page-template .pt-s--m {
    padding-top: 3em;
  }
  .landing-page-template .pt-s--l {
    padding-top: 4em;
  }
  .landing-page-template .pt-s--xl {
    padding-top: 5em;
  }
  .landing-page-template .pt-s--xxl {
    padding-top: 6em;
  }
  .landing-page-template .pt-s--xxxl {
    padding-top: 8em;
  }
  .landing-page-template .pb-s--0 {
    padding-bottom: 0;
  }
  .landing-page-template .pb-s--xxxs {
    padding-bottom: 0.5em;
  }
  .landing-page-template .pb-s--xxs {
    padding-bottom: 1em;
  }
  .landing-page-template .pb-s--xs {
    padding-bottom: 1.5em;
  }
  .landing-page-template .pb-s--s {
    padding-bottom: 2em;
  }
  .landing-page-template .pb-s--m {
    padding-bottom: 3em;
  }
  .landing-page-template .pb-s--l {
    padding-bottom: 4em;
  }
  .landing-page-template .pb-s--xl {
    padding-bottom: 5em;
  }
  .landing-page-template .pb-s--xxl {
    padding-bottom: 6em;
  }
  .landing-page-template .pb-s--xxxl {
    padding-bottom: 8em;
  }
  .landing-page-template .mt-s--0 {
    margin-top: 0;
  }
  .landing-page-template .s-text-align--center {
    text-align: center;
  }
}
@media only screen and (max-width: 37.5em) {
  .landing-page-template .pr-m--0 {
    padding-right: 0;
  }
  .landing-page-template .pr-m--xxxs {
    padding-right: 0.5em;
  }
  .landing-page-template .pr-m--xxs {
    padding-right: 1em;
  }
  .landing-page-template .pr-m--xs {
    padding-right: 1.5em;
  }
  .landing-page-template .pr-m--s {
    padding-right: 2em;
  }
  .landing-page-template .pr-m--m {
    padding-right: 3em;
  }
  .landing-page-template .pr-m--l {
    padding-right: 4em;
  }
  .landing-page-template .pr-m--xl {
    padding-right: 5em;
  }
  .landing-page-template .pr-m--xxl {
    padding-right: 6em;
  }
  .landing-page-template .pr-m--xxxl {
    padding-right: 8em;
  }
  .landing-page-template .pl-m--0 {
    padding-left: 0;
  }
  .landing-page-template .pl-m--xxxs {
    padding-left: 0.5em;
  }
  .landing-page-template .pl-m--xxs {
    padding-left: 1em;
  }
  .landing-page-template .pl-m--xs {
    padding-left: 1.5em;
  }
  .landing-page-template .pl-m--s {
    padding-left: 2em;
  }
  .landing-page-template .pl-m--m {
    padding-left: 3em;
  }
  .landing-page-template .pl-m--l {
    padding-left: 4em;
  }
  .landing-page-template .pl-m--xl {
    padding-left: 5em;
  }
  .landing-page-template .pl-m--xxl {
    padding-left: 6em;
  }
  .landing-page-template .pl-m--xxxl {
    padding-left: 8em;
  }
  .landing-page-template .pt-m--0 {
    padding-top: 0;
  }
  .landing-page-template .pt-m--xxxs {
    padding-top: 0.5em;
  }
  .landing-page-template .pt-m--xxs {
    padding-top: 1em;
  }
  .landing-page-template .pt-m--xs {
    padding-top: 1.5em;
  }
  .landing-page-template .pt-m--s {
    padding-top: 2em;
  }
  .landing-page-template .pt-m--m {
    padding-top: 3em;
  }
  .landing-page-template .pt-m--l {
    padding-top: 4em;
  }
  .landing-page-template .pt-m--xl {
    padding-top: 5em;
  }
  .landing-page-template .pt-m--xxl {
    padding-top: 6em;
  }
  .landing-page-template .pt-m--xxxl {
    padding-top: 8em;
  }
  .landing-page-template .pb-m--0 {
    padding-bottom: 0;
  }
  .landing-page-template .pb-m--xxxs {
    padding-bottom: 0.5em;
  }
  .landing-page-template .pb-m--xxs {
    padding-bottom: 1em;
  }
  .landing-page-template .pb-m--xs {
    padding-bottom: 1.5em;
  }
  .landing-page-template .pb-m--s {
    padding-bottom: 2em;
  }
  .landing-page-template .pb-m--m {
    padding-bottom: 3em;
  }
  .landing-page-template .pb-m--l {
    padding-bottom: 4em;
  }
  .landing-page-template .pb-m--xl {
    padding-bottom: 5em;
  }
  .landing-page-template .pb-m--xxl {
    padding-bottom: 6em;
  }
  .landing-page-template .pb-m--xxxl {
    padding-bottom: 8em;
  }
  .landing-page-template .mt-m--0 {
    margin-top: 0;
  }
  .landing-page-template .ml-0--m {
    margin-left: 0;
  }
  .landing-page-template .mr-0--m {
    margin-right: 0;
  }
  .landing-page-template .ml-s--m {
    margin-left: 2em;
  }
  .landing-page-template .mr-s--m {
    margin-right: 2em;
  }
  .landing-page-template .cf-m {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .landing-page-template .m-text-align--center {
    text-align: center;
  }
}
.landing-page-template .show-on-mobile-only,
.landing-page-template .show-on-skinny-only {
  display: none;
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .landing-page-template .show-on-skinny-only {
    display: block;
  }
  .landing-page-template .hide-on-skinny {
    display: none;
  }
}
@media only screen and (max-width: 37.5em) {
  .landing-page-template .show-on-mobile-only {
    display: block;
  }
  .landing-page-template .hide-on-mobile {
    display: none;
  }
  .landing-page-template .hh-mobile-image {
    float: none;
  }
}
.landing-page-template .text--sans-serif {
  font-family: helvetica,"helvetica neue",arial,sans-serif;
}

/**
 * specific page elements dirty i know but there are always some :)
 * ----------------------------------------------------------------------------
 */
.legal-conditions {
  color: #6C6C6C;
  font-size: 14px;
}

.happy2014--wide {
  width: 37%;
}

.happy2014-banner--wrapper {
  height: 366px;
}

.jessFix {
  padding-top: 20px;
}

@media only screen and (min-width: 71.3125em) {
  .happy2014--wide {
    width: 55%;
  }

  .jessFix {
    padding-top: 29px;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .happy2014-banner--wrapper {
    height: 500px;
  }

  .happy2014--wide {
    width: 56%;
  }

  .jessFix {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 37.5em) {
  .happy2014--wide {
    width: 75%;
  }

  h1.title--xl {
    font-size: 40px !important;
  }

  .happy2014-banner--wrapper {
    height: auto;
  }

  .clear-float--mobile {
    float: none !important;
  }

  .text-left--m {
    text-align: left !important;
  }

  .jessFix {
    padding-top: 0px;
  }
}
.happy2014--pc {
  color: #364d2b;
}

.title--xl {
  font-size: 50px !important;
}

.title--l {
  font-size: 38px !important;
}

/**
 * specific page elements dirty i know but there are always some :)
 * ----------------------------------------------------------------------------
 */
.homehunter h2 + p {
  margin-top: 8px !important;
}

.homehunter p,
.homehunter h2,
.homehunter h3 {
  color: #4d4d4d;
}

h1.hh-title {
  font-size: 31px;
}

.homehunter h2 {
  font-size: 21px;
}

.hh_descriptions {
  font-size: 17px;
}

@media only screen and (min-width: 71.3125em) {
  h1.hh-title {
    font-size: 38px !important;
  }
}
@media only screen and (min-width: 37.5625em) and (max-width: 60em) {
  .hh-image {
    display: none;
  }
}
@media only screen and (max-width: 37.5em) {
  .hh-image {
    display: none;
  }
}
.ie8 .kb-grid-section {
  width: 988px;
}

.ie8 .hh-ie8-hack {
  padding-top: 0;
}

.ie8 .grid {
  text-justify: auto;
}

.border-bottom {
  border-bottom: 1px solid #ebeceb;
}

.bg-pb-grey {
  background-color: #eff1ec;
}

.coming-soon .feature_banner_flex {
  position: relative;
  overflow: visible;
}
.coming-soon .feature_banner_flex li {
  -webkit-backface-visibility: hidden;
}
.coming-soon .button_container.bottom_center {
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin: 0 0 0 -32px;
}
.coming-soon .feature_banner_flex .banners {
  padding-bottom: 51.5%;
}

body.nzoty {
  /* buttons */
  /* end buttons */
}
body.nzoty .mobile_only {
  display: none;
}
body.nzoty .drop_down_block {
  display: none;
}
body.nzoty .active.drop_down_block {
  display: block;
}
body.nzoty .mt-0 {
  margin-top: 0;
}
body.nzoty .mt-l {
  margin-top: 2em;
}
body.nzoty .mt-m {
  margin-top: 1em;
}
body.nzoty .mt-s {
  margin-top: 0.75em;
}
body.nzoty .mb-s {
  margin-bottom: 0.75em;
}
body.nzoty .ml-s {
  margin-left: 0.875em;
}
body.nzoty .pt-m {
  padding-top: 1em;
}
body.nzoty .pt-l {
  padding-top: 2.5em;
}
body.nzoty .pb-m {
  padding-bottom: 1em;
}
body.nzoty .pb-0 {
  padding-bottom: 0;
}
body.nzoty .btn {
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  font-size: 100%;
  cursor: pointer;
  border: none;
  margin: inherit 0 0 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2.5;
  padding-right: 1.5em;
  padding-left: 1.5em;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
}
body.nzoty .btn__brand {
  font-family: "ff_meta_serif_regular_normal","ff-meta-serif-pro","Droid Serif",georgia,times,serif;
  font-size: 1rem;
  line-height: 2;
}
body.nzoty .btn_primary {
  background-color: #89c54e;
  color: #fff;
}
body.nzoty .btn_primary:hover {
  background-color: #70a937;
}
body.nzoty .btn__icon_rev {
  padding-right: 0.5em;
}
body.nzoty .btn, body.nzoty .btn:hover {
  text-decoration: none;
}
body.nzoty .icon_text__rev .i, body.nzoty .btn__icon_rev .i {
  margin-left: 0.46667em;
}
body.nzoty .icon_next_white {
  width: 14px;
  height: 16px;
  background: url(/assets/img/sprites/button/1x/ui-arrow-next.png) 0 0 no-repeat;
}
body.nzoty .i {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
body.nzoty .nzoty_dd_link {
  background-image: url("/images/first-home-buyers/dropdown.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #444;
  text-decoration: none;
}
body.nzoty .nzoty_dd_link.open {
  background-image: url("/images/first-home-buyers/dropdown-up.png");
  background-position: right center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  body.nzoty .hide_on_mobile {
    display: none !important;
  }
  body.nzoty .mobile_only {
    display: block;
  }
}
body.nzoty .nzoty_top-navigation {
  margin-top: 13px;
  margin-bottom: 10px;
  font-size: 17px;
}
body.nzoty .nzoty_top-navigation .active:hover {
  text-decoration: none;
  color: #444;
}
@media screen and (max-width: 600px) {
  body.nzoty .nzoty_top-navigation {
    background-color: #f2f2f2;
    margin-top: 0;
  }
}
body.nzoty .fluid_video_container.active, body.nzoty .active.fluid_video_container_full_width {
  margin-left: 1.3%;
  margin-right: 1.3%;
  margin-top: 2em;
}
body.nzoty .pt-0 {
  padding-top: 0 !important;
}
body.nzoty #masthead,
body.nzoty #navigation {
  background-color: #fff;
}
body.nzoty #masthead .grid,
body.nzoty #navigation .grid {
  margin-bottom: -1em;
}
body.nzoty .grid.no_bottom_margin {
  margin-bottom: 0;
}
body.nzoty .hall-of-fame .h_wrapper {
  padding-top: 20px;
  padding-bottom: 6px;
}
body.nzoty .hall-of-fame h1 {
  color: #184c22;
  font-size: 38px;
  margin-bottom: 0px;
  margin-top: 0;
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, serif !important;
}
body.nzoty .hall-of-fame .hp_divider {
  margin-bottom: 0;
  height: 13px;
}
body.nzoty .hall-of-fame .grid {
  margin-bottom: 0em;
}
body.nzoty .add_bottom {
  padding-bottom: 1.875em;
}
@media screen and (max-width: 960px) {
  body.nzoty .two-col-skinny .grid {
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 650px) {
  body.nzoty .two-col-skinny .grid {
    width: 100% !important;
  }
}
body.nzoty .standout_block {
  padding-bottom: 2em;
}
body.nzoty .standout_block .standout_block--content {
  font-family: "ff_meta_serif_regular_normal", "ff-meta-serif-pro", "Droid Serif", georgia, times, serif;
  font-size: 1.125em;
  line-height: 1.4;
  padding: 1.5em 2em;
  background: #E8EAE8;
}
body.nzoty .standout_block .button-intro {
  width: 100%;
}
body.nzoty .standout_block .button-text {
  width: 80%;
  float: left;
}
@media screen and (max-width: 960px) {
  body.nzoty .standout_block .button-text {
    width: 100%;
    border-bottom: 1px solid #c6c8c6;
    padding-bottom: .75em;
    margin-bottom: .5em;
  }
}
body.nzoty .standout_block .ui_button--enter {
  float: right;
  margin-top: 1.2em;
}
@media screen and (max-width: 960px) {
  body.nzoty .standout_block .ui_button--enter {
    float: left;
  }
}
@media screen and (max-width: 960px) {
  body.nzoty #about_and_categories .grid_content .grid.left,
  body.nzoty #about_and_categories .grid_content .grid.right {
    width: 100%;
  }
}
body.nzoty #about_and_categories .nominate_box {
  background-color: #f7f7f7;
  padding: 1.25em;
  border: 1px solid #f2f2f2;
  margin-bottom: 2.5em;
  margin-left: 0.875em;
  margin-right: 0.875em;
}
body.nzoty #about_and_categories .nominate_box div {
  float: left;
  display: inline-block;
}
body.nzoty #about_and_categories .nominate_box h2 {
  color: #6AB421;
}
body.nzoty #about_and_categories .nominate_box p {
  margin: 0;
  width: 71%;
  float: right;
  padding: 0.3125em 0;
}
@media screen and (min-width: 651px) and (max-width: 960px) {
  body.nzoty #about_and_categories .nominate_box p {
    width: 55%;
  }
}
@media screen and (max-width: 650px) {
  body.nzoty #about_and_categories .nominate_box p {
    padding-top: 0.5em;
    width: 100%;
  }
}
body.nzoty #about_and_categories ul {
  padding-left: 1.2em;
  margin-bottom: 0;
}
body.nzoty #about_and_categories ul li {
  padding-bottom: 0.5em;
}
body.nzoty span.hp_divider {
  border-top: 1px solid #E8E8E7;
  clear: both;
  display: block;
  height: 36px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -28px;
  width: 97.5%;
}
@media screen and (min-width: 601px) and (max-width: 960px) {
  body.nzoty span.hp_divider {
    width: 96%;
  }
}
@media screen and (max-width: 600px) {
  body.nzoty span.hp_divider {
    width: 95%;
  }
}
body.nzoty #video_section {
  padding-top: 0px;
  padding-bottom: 10px;
}
body.nzoty #video_section .grid .no-bottom {
  padding-bottom: 0;
}
body.nzoty #video_section article {
  padding-top: 0;
}
body.nzoty #video_section .grid_header {
  padding: 0;
}
body.nzoty #video_section #video_close {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
  top: -3px;
  right: 0;
}
body.nzoty #video_section .video_title strong {
  display: block;
}
@media screen and (max-width: 960px) {
  .modern body.nzoty #video_section .fluid_video_container.active, .modern body.nzoty #video_section .active.fluid_video_container_full_width {
    margin-bottom: 3.125em;
  }
}
body.nzoty .rm_short {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  body.nzoty .rm_short {
    display: block;
    margin-top: 10px;
  }
}
body.nzoty .media_box {
  margin-top: 0.5em;
  /*background: #f4f4f4;*/
}
body.nzoty .media_box .nzoty_image {
  max-width: 48%;
}
@media screen and (max-width: 600px) {
  body.nzoty .media_box .nzoty_image {
    max-width: 98%;
  }
}
body.nzoty .media_box .media {
  float: right;
  position: relative;
  max-width: 48%;
}
@media screen and (max-width: 600px) {
  body.nzoty .media_box .media {
    max-width: 98%;
  }
}
body.nzoty .media_box .media .ui_play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
body.nzoty .media_box .media img {
  float: left;
}
body.nzoty .media_box img.nzoty_image {
  display: inline-block;
  float: left;
  margin-right: 1.5625em;
}
body.nzoty .media_box figcaption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  display: inline-block;
  height: 10em;
}
@media screen and (max-width: 600px) {
  body.nzoty .media_box figcaption {
    display: inline-block;
    margin-top: 0.625em;
    width: 100%;
  }
  body.nzoty .media_box figcaption p {
    font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, "Droid Sans", serif !important;
    font-size: 1em !important;
  }
  body.nzoty .media_box figcaption a {
    font-size: 1em !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1140px) {
  body.nzoty .media_box figcaption {
    height: 10em;
    float: left;
    display: inline-block;
  }
}
@media screen and (min-width: 1141px) and (max-width: 1250px) {
  body.nzoty .media_box figcaption {
    float: left;
    display: inline-block;
  }
}
@media screen and (min-width: 1251px) {
  body.nzoty .media_box figcaption {
    float: left;
    display: inline-block;
  }
}
body.nzoty .media_box figcaption p {
  margin-top: 0;
  font-size: 0.8125em;
  line-height: 1.4375em;
  font-family: helvetica;
}
body.nzoty .media_box figcaption p a {
  font-size: 1.25em;
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, "Droid Sans", serif !important;
}
body.nzoty .media_box figcaption h3 {
  margin-top: 0em;
}
body.nzoty .media_box.media_left .media {
  margin-left: 0;
  margin-right: 1.5625em;
  float: left;
}
body.nzoty .video_link_wrap {
  margin: 0 0 1.4em;
}
body.nzoty .video_link {
  position: relative;
}
body.nzoty .video_link:hover {
  text-decoration: none;
}
body.nzoty .nzoty_award {
  margin-bottom: 0;
}
body.nzoty .nzoty_award_name {
  margin-bottom: 0;
  margin-top: 0;
}
body.nzoty .nzoty_awardee_name {
  color: #6ab421;
  margin-bottom: 0.7em;
  margin-top: 4px;
}
body.nzoty .nzoty_awardee_image {
  width: 100%;
  margin: 1.3em 0;
}
body.nzoty .nzoty_awardee_description {
  margin: 0 0 .5em;
}

.ie8 body.nzoty figcaption {
  /*height:10em;*/
}
.ie8 body.nzoty figcaption p a {
  padding-right: 5em;
}

.ie7 body.nzoty #video_section .left {
  height: 7.5em;
  width: 100%;
}
.ie7 body.nzoty #video_section .left p {
  width: 50%;
}
.ie7 body.nzoty figcaption {
  display: inline-block;
}

/*  -------------------------------------------
    NZOTY competition form
----------------------------------------------- */
.competition-terms {
  margin-left: 25px;
  margin-bottom: 20px;
}

.nzoty_intro {
  padding-right: 3em;
  padding-bottom: 1.5em;
  line-height: 1.375;
}
.nzoty_intro p {
  font-size: 1.5em;
}

.nzoty_form_wrapper {
  margin-top: 2.5em;
}
.nzoty_form_wrapper .rapper_header {
  padding: 1.75em 3% 1em;
  background-color: #89c54e;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.nzoty_form_wrapper .rapper_header h3 {
  margin-top: 0;
}
.nzoty_form_wrapper .rapper_body {
  padding: 0 3% 2.25em;
  background-color: #89c54e;
  border-bottom: 1px solid #d9e3ce;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.nzoty_form_wrapper .nzoty_form__fields label {
  font-weight: 700;
}

.nzoty_news_form {
  padding: 18px;
}

.nzoty__block_1_2 {
  width: 49.99%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.nzoty__block_1_2.left {
  padding-right: .75em;
}

@media screen and (max-width: 960px) {
  .nzoty_intro {
    padding-right: 0;
  }
  .nzoty_intro p {
    font-size: 1em;
  }

  .nzoty__block_full--q-skinny {
    width: 100%;
  }

  .nzoty__block_full--q-skinny.nzoty__block_1_2.left {
    padding-right: 0;
  }
}
.left {
  float: left;
}

.right {
  float: right;
}

.nzoty_form__fields {
  margin-bottom: 20px;
  width: 100%;
}

.nzoty_form__fields label {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

.nzoty_form__fields input {
  width: 100%;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E4ECDA;
  color: #4E4E4E;
  display: block;
  height: auto;
  margin: 0;
  min-height: 42px;
  line-height: 40px;
  padding: 0 12px;
}

.ie7 .nzoty_form__fields input, .ie8 .nzoty_form__fields input, .ie9 .nzoty_form__fields input {
  width: 95%;
}

.nzoty_form__button input {
  width: 100%;
  background: #69B61D;
  color: #FFFFFF;
  border: medium none;
  display: inline;
  font-weight: 700;
  font-family: "ff-meta-serif-pro","Droid Serif",georgia,times,serif;
  -webkit-font-smoothing: antialiased;
  min-height: 42px;
  line-height: 40px;
  margin: 0;
  padding: 2px 24px 0;
  text-align: center;
}
.nzoty_form__button input:hover {
  background: #508A16;
  cursor: pointer;
}

.nzoty_form__button--send input {
  width: auto;
}

.nzoty_form__button--send input.disabled,
.nzoty_form__button input.disabled {
  opacity: .8;
  outline: none;
}
.nzoty_form__button--send input.disabled:hover,
.nzoty_form__button input.disabled:hover {
  background: #69B61D;
  cursor: default;
}

/* form errors */
.nzoty_form__error .nzoty_form__error--msg {
  color: #353E28;
  display: block;
  float: left;
  padding-left: 1px;
  margin-top: 1em;
  margin-bottom: 0;
}

.nzoty_form__error--msg {
  display: none;
}

.nzoty_form__error input {
  border-color: #353E28;
}

.error_icon {
  background: url("/images/join/v2/es-sprite.png") no-repeat scroll 0 -70px transparent;
  display: inline-block;
  height: 12px;
  overflow: hidden;
  padding-right: 6px;
  text-indent: -9999px;
  width: 13px;
}

.hide {
  display: none;
}

.nzoty_response_text {
  margin: 1em;
  margin-bottom: .5em !important;
}

/* small print */
.smallprint h6,
.smallprint li {
  font-family: helvetica, "helvetica neue", arial, sans-serif;
  color: #6c6c6c;
  font-size: .8em;
  line-height: 1.5;
}

/*  -------------------------------------------
    Text Carrousel
----------------------------------------------- */
.text-carrousel {
  background: #E8EAE8;
  padding: 2.5em 2.5em 3.25em;
}

.text-carrousel h2,
.text-carrousel ul > li {
  font-size: 4.5em;
  line-height: 1.2;
  font-weight: 900;
  margin-bottom: 0;
}

.text-carrousel ul {
  list-style: none;
  height: 4.5em;
  position: relative;
}

.text-carrousel ul > li {
  display: none;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 600px) {
  .text-carrousel {
    padding: 1.5em 1.5em 2em;
  }

  .text-carrousel h2,
  .text-carrousel ul > li {
    font-size: 2.5em;
  }

  .text-carrousel ul {
    height: 2.5em;
  }
}
.ie7 #nzoty_banner_insert, .ie8 #nzoty_banner_insert {
  background-position: top center !important;
}
.ie7 #nzoty_banner_insert .banner_text, .ie8 #nzoty_banner_insert .banner_text {
  width: 535px !important;
  max-width: 535px !important;
  padding-top: 6em;
}

#nzoty_banner .grid_content {
  padding-top: 0;
  padding-bottom: 0;
}

#nzoty_banner_insert {
  background: white url("/assets/img/about-us/nzoty/banner-nzoty-nominations-open-2016.jpg") no-repeat top center;
  height: 338px;
  color: #fff;
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 601px) and (max-width: 960px) {
  #nzoty_banner_insert {
    background-image: url("/assets/img/about-us/nzoty/banner-nzoty-nominations-open-skinny-2016.jpg");
  }
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert {
    background: #1e2a26;
  }
}
#nzoty_banner_insert .banner_text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 495px;
  padding-top: 6.75em;
  margin: 0 auto;
  color: white;
  text-align: center;
  background: none;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  #nzoty_banner_insert .banner_text {
    max-width: 345px;
  }
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert .banner_text {
    padding: 2.5em 2em 0 2em;
  }
}
#nzoty_banner_insert .banner_text h1 {
  font-size: 2em;
  font-weight: 900;
  margin-bottom: 0.225em;
  margin-top: 0;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  #nzoty_banner_insert .banner_text h1 {
    font-size: 1.75em !important;
  }
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert .banner_text h1 {
    color: white;
    font-size: 1.5em;
    margin-bottom: 0.35em;
  }
}
#nzoty_banner_insert .banner_text span {
  color: #1d6913;
  font-style: italic;
  font-weight: 500;
  font-size: 0.625em;
  display: block;
  margin-bottom: 0.4em;
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert .banner_text span {
    color: #ffffff;
  }
}
#nzoty_banner_insert .banner_text p {
  font-size: 1.1875em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.27273em;
}
@media screen and (min-width: 601px) and (max-width: 1140px) {
  #nzoty_banner_insert .banner_text p {
    font-size: 1.0625em;
  }
}
#nzoty_banner_insert .banner_text p.mobile-on {
  display: none;
}
#nzoty_banner_insert .banner_text p.caption {
  font-size: 0.875em;
  margin-top: 65px;
}
@media screen and (min-width: 601px) and (max-width: 1140px) {
  #nzoty_banner_insert .banner_text p.caption {
    margin-top: 45px;
  }
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert .banner_text p.caption {
    display: none;
  }
}
#nzoty_banner_insert .banner_text a.btn {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  #nzoty_banner_insert {
    height: 248px;
  }
}
.ie9 #nzoty_banner_insert .grid_content {
  padding-bottom: 0.563em !important;
}

.chch_support .ac_header_lookalike, .chch_support .ac_header h2 {
  height: 25px;
  line-height: 25px;
  border: 0;
  background: url("/images/thead-bg.png") no-repeat left top;
  font-size: 16px;
  font-weight: bold;
  color: #314A46;
  padding: 5px 16px;
  margin-bottom: 0;
}

.chch_support .intro {
  font-family: "ff-meta-serif-pro", "Droid Serif", georgia, times, "Droid Sans", serif;
  font-size: 1.58333em;
  max-width: 25em;
  line-height: 1.42105;
  float: left;
}
.chch_support .illustration {
  float: right;
  margin-top: -5px;
  margin-right: 28px;
}
.chch_support .third {
  float: left;
  max-width: 31%;
  margin-left: 3.5%;
}
.chch_support .third.first {
  margin-left: 0;
}
.chch_support .ac_header.red_zone h2 {
  margin-top: 0.7em;
}
.chch_support .ac_header .content {
  background: #f4f4f4;
  padding: 1em 0;
  border-bottom: 1px solid #dfdfdf;
}
.chch_support .ac_header .first_offer,
.chch_support .ac_header .second_offer,
.chch_support .ac_header .third_offer {
  float: left;
  position: relative;
}
.chch_support .ac_header .first_offer p,
.chch_support .ac_header .second_offer p,
.chch_support .ac_header .third_offer p {
  font-size: 1.08333em;
  text-align: center;
  color: #434343;
  font-weight: bold;
}
.chch_support .ac_header .first_offer p.large,
.chch_support .ac_header .second_offer p.large,
.chch_support .ac_header .third_offer p.large {
  padding-top: 32px;
  font-size: 1.66667em;
  line-height: 25px;
}
.chch_support .ac_header .first_offer p.no_fees,
.chch_support .ac_header .second_offer p.no_fees,
.chch_support .ac_header .third_offer p.no_fees {
  padding-top: 19px;
  line-height: 18px;
}
.chch_support .ac_header .first_offer.insurance p.small,
.chch_support .ac_header .second_offer.insurance p.small,
.chch_support .ac_header .third_offer.insurance p.small {
  font-weight: normal;
  font-size: 0.9em;
}
.chch_support .ac_header .first_offer .icon,
.chch_support .ac_header .second_offer .icon,
.chch_support .ac_header .third_offer .icon {
  text-indent: -9999px;
  position: absolute;
  display: block;
  background: transparent url("/assets/img/personal/canterbury-support/canterbury-support-sprite.png") no-repeat -25px 0;
  width: 25px;
  height: 108px;
  top: 0;
  right: -13px;
}
.chch_support .ac_header .first_offer .icon.and,
.chch_support .ac_header .second_offer .icon.and,
.chch_support .ac_header .third_offer .icon.and {
  background-position: -50px 0;
}
.chch_support .ac_header .first_offer .icon.equals,
.chch_support .ac_header .second_offer .icon.equals,
.chch_support .ac_header .third_offer .icon.equals {
  background-position: 0 0;
}
.chch_support .ac_header .cleared_extra {
  clear: both;
  padding-top: 26px;
  margin-left: 16px;
}
.chch_support .ac_header .first_offer {
  width: 230px;
}
.chch_support .ac_header .second_offer {
  width: 230px;
}
.chch_support .ac_header .third_offer {
  width: 228px;
}
.chch_support .rate {
  position: relative;
  margin-top: 24px;
}
.chch_support .rate img {
  display: block;
  margin: 0 auto 5px;
}
.chch_support .rate .rate_text {
  color: #333;
  display: block;
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
}
.chch_support .ac_panel,
.chch_support .ac_panel_lookalike {
  background: #f4f4f4;
  padding: 1em 14px;
  border-bottom: 1px solid #dfdfdf;
}
.chch_support .ac_control {
  display: block;
  background-color: #ecf9fc;
  padding: 0.5em 14px;
  margin-bottom: 2em;
}
.ie7 .chch_support .ac_control {
  zoom: 1;
}
.ie7 .chch_support .ac_control .icon {
  top: 7px;
  right: 2px;
}
.chch_support .ac_control:hover, .chch_support .ac_control:focus, .chch_support .ac_control:active {
  text-decoration: none;
  background-color: #d6f2f9;
}
.chch_support .ac_control .icon_wrapper {
  position: relative;
  padding-right: 17px;
}
.chch_support .ac_control .icon {
  position: absolute;
  display: block;
  background: transparent url("/assets/img/personal/canterbury-support/canterbury-support-sprite.png") no-repeat -77px 0;
  height: 6px;
  width: 11px;
  top: 0.35em;
  right: 0;
}
.chch_support .ac_control.on .icon {
  background-position: -77px -7px;
}
.chch_support .teaser_title {
  font-weight: bold;
  color: #666;
}
.chch_support .underline + p {
  margin: 1em 0 1.5em;
}
.chch_support .mmm_img_container .mmm_contact {
  width: auto;
  border-color: #d4e5cd;
  background-color: #f1fcec;
}
.chch_support .mmm_img_container .mmm_contact dd,
.chch_support .mmm_img_container .mmm_contact dt {
  border-color: #d4e5cd;
}
.chch_support .mmm_img_container .mmm_contact dd {
  max-width: 260px;
}
.chch_support .mmm_img_container img {
  top: 10px;
  left: auto;
  right: 12px;
}

body.mobile_app .grid_content h2 {
  font-size: 1.25em;
  padding-bottom: 0.3em;
}
body.mobile_app h1 {
  line-height: 1.2;
}
body.mobile_app .twitter_name {
  margin-top: .8em;
}
body.mobile_app .twitter_uname {
  font-size: 0.875em;
}
body.mobile_app #business_app_info {
  position: relative;
}
body.mobile_app #business_app_info .grid_divider {
  padding: 0;
}
body.mobile_app .info_content {
  background-color: #f3fae8;
  font-size: 0.875em;
}
body.mobile_app .info_content .grid_section {
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 25px;
}
body.mobile_app .h_legal {
  font-size: 0.875em;
}

#iphone_app_video {
  float: right;
}

#app_video_container {
  position: relative;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie6 #app_video_container, .ie7 #app_video_container, .ie8 #app_video_container {
  width: auto;
}
#app_video_container h1 {
  font-size: 2.25em;
  margin-bottom: 0.4em;
  max-width: 350px;
  font-weight: 900;
  margin-top: 1em;
}
#app_video_container p {
  font-size: 1.1875em;
  margin-top: 0;
  margin-bottom: 1.89474em;
}
#app_video_container .video_no_flash {
  float: right;
  margin-right: 100px;
}
#app_video_container .video_complementary {
  position: absolute;
  left: 0;
  top: 0;
  width: 46%;
}
#app_video_container .video_complementary h1 {
  margin-top: 80px;
}
#app_video_container .video_steps_holder {
  position: absolute;
  top: 0;
  width: 100%;
}
.ie6 #app_video_container .video_steps_holder, .ie7 #app_video_container .video_steps_holder {
  left: 14px;
}
#app_video_container .video_steps li {
  list-style: none;
}
.ie7 #app_video_container .video_steps li {
  display: block;
}
#app_video_container .video_steps.active .video_steps_download {
  visibility: visible;
  opacity: 1;
  top: 480px;
}
@media screen and (max-width: 1140px) {
  #app_video_container .video_steps.active .video_steps_download {
    top: 400px;
  }
}
.ie8 #app_video_container .video_steps.active .video_steps_download, .ie7 #app_video_container .video_steps.active .video_steps_download, .ie6 #app_video_container .video_steps.active .video_steps_download {
  top: 400px;
}
@media screen and (max-width: 960px) {
  #app_video_container .video_steps.active .video_steps_download {
    top: 275px;
  }
}
@media screen and (max-width: 738px) {
  #app_video_container .video_steps.active .video_steps_download {
    top: 280px;
  }
}
#app_video_container .video_steps.active .video_steps_download a {
  background-position: 0 -2143px;
  padding-left: 31px;
  display: inline-block;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #app_video_container .video_steps.active .video_steps_download a {
    background-position: 0 -2001px;
  }
}
#app_video_container .video_steps.active .video_steps_download p.reference {
  font-size: 0.875em;
  margin-top: 2em;
  color: #a6a6a6;
}
#app_video_container .video_steps.active .video_steps_download p.reference a {
  background: none;
  padding: 0;
  display: inline;
}
#app_video_container .video_splash {
  height: 100%;
}
#app_video_container .video_splash p.reference {
  font-size: 0.875em;
  margin-top: 0.57143em;
  color: #a6a6a6;
}
#app_video_container .vjs-controls {
  display: none !important;
}
#app_video_container .vjs-big-play-button {
  left: auto;
  right: 29.6%;
  margin-right: -30px;
}
@media screen and (max-width: 960px) {
  #app_video_container p {
    font-size: 1em;
  }
  #app_video_container h1 {
    font-size: 1.8em;
  }
  #app_video_container .video_splash {
    visibility: visible;
    opacity: 1;
    border-top: 1px solid #EBECEB;
  }
  #app_video_container .video_splash .video_intro {
    -webkit-transition: opacity 500ms ease-out, visibility 500ms linear;
    -webkit-transition-delay: 0ms, 0ms;
    -moz-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
    -o-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
    transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms;
    visibility: hidden;
    opacity: 0;
  }
  #app_video_container .video_splash.active .video_intro {
    visibility: visible;
    opacity: 1;
    z-index: 2;
  }
  #app_video_container .video_complementary {
    position: static;
    width: 100%;
    padding: 0.875em 0;
  }
  #app_video_container .video_complementary .video_intro {
    width: 46%;
    position: absolute;
    top: 0;
  }
  #app_video_container .video_complementary .android_info {
    padding-top: 10px;
    position: static;
  }
}
@media screen and (max-width: 1140px) {
  #app_video_container .video_complementary h1 {
    margin-top: 46px;
  }
}
.ie8 #app_video_container .video_complementary h1, .ie7 #app_video_container .video_complementary h1, .ie6 #app_video_container .video_complementary h1 {
  margin-top: 46px;
}
@media screen and (max-width: 738px) {
  #app_video_container .video_splash .video_intro {
    visibility: visible;
    opacity: 1;
  }
  #app_video_container .video_steps_holder {
    top: 46px;
    width: 43%;
  }
  #app_video_container .video_complementary {
    padding-top: 30px;
  }
  #app_video_container .video_complementary .video_intro {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
  }
  #app_video_container .video_complementary .android_info {
    padding-top: 10px;
    padding-bottom: 30px;
    position: static;
  }
  #app_video_container .video_complementary h1 {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  #app_video_container .video_steps {
    display: none;
  }
  #app_video_container .video_complementary {
    padding-bottom: 0;
  }
  #app_video_container .video_complementary .android_info {
    padding-bottom: 0;
  }
  #app_video_container .vjs-poster {
    float: right;
  }
  #app_video_container .vjs-big-play-button {
    right: 50%;
  }
}

@media screen and (min-width: 960px) {
  .video_intro p {
    line-height: 1.368em;
  }
}
#video_section {
  position: relative;
}

#video_close {
  position: absolute;
  top: 14px;
  right: 56px;
  -webkit-transition: opacity 500ms ease-out, visibility 500ms linear, background-color 0.5s;
  -webkit-transition-delay: 0ms, 0ms, 0s;
  -moz-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms, background-color 0.5s;
  -o-transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms, background-color 0.5s;
  transition: opacity 500ms ease-out 0ms, visibility 500ms linear 0ms, background-color 0.5s;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}
.ipad #video_close {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#video_close.active {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 600px) {
  #video_close {
    right: 14px;
  }
}
@media screen and (min-width: 601px) {
  #video_close {
    right: 28px;
  }
}
@media screen and (min-width: 961px) {
  #video_close {
    right: 56px;
  }
}
@media screen and (min-width: 1141px) {
  #video_close {
    right: 84px;
  }
}
body.mobile_app .ui_arrow_next_green span {
  margin-left: 2px;
}

.android_info {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 480px;
}
.android_info a.toggle_button {
  display: inline-block;
  position: relative;
  padding-right: 21px;
}
.android_info a.toggle_button span {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  background-position: 0 -1831px;
  width: 13px;
  height: 8px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .android_info a.toggle_button span {
    background-position: 0 -1699px;
  }
}
.android_info a.toggle_button.active span {
  background-position: 0 -1911px;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .android_info a.toggle_button.active span {
    background-position: 0 -1817px;
  }
}
.android_info .sprite_android {
  float: left;
  margin-right: 12px;
}
.android_info h2 {
  padding-top: 6px;
  font-size: 1em;
  margin: 0;
  width: auto;
}
.android_info .toggle_content {
  margin-top: 18px;
  background: #E9E9E9;
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 700ms;
  -moz-transition-duration: 700ms;
  -o-transition-duration: 700ms;
  transition-duration: 700ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.android_info .toggle_content.active {
  height: 81px;
}
.android_info .toggle_content .toggle_content_inner {
  padding: 20px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  position: relative;
}
.android_info .toggle_content input.email_input {
  font-family: inherit;
  width: 100%;
  font-size: 1.125em;
  border: 1px solid #D0D0D0;
  height: 2.16667em;
  padding: 0 85px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.ie7 .android_info .toggle_content input.email_input, .ie6 .android_info .toggle_content input.email_input {
  line-height: 2.16667em;
  width: auto;
}
.android_info .toggle_content input[type=submit] {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 2.4375em;
  padding: 0.5em 1em;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.ie7 .android_info .toggle_content input[type=submit], .ie6 .android_info .toggle_content input[type=submit] {
  top: 21px;
  height: 2.5625em;
}
.android_info #android_error_text {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 14px;
}
.android_info #ajax_loader {
  margin: 25px 0 0 30px;
}
.android_info #android_thanks_text {
  margin: 30px 0 0 30px;
}

.sprite_android {
  background-position: 0 -565px;
  width: 43px;
  height: 63px;
}

.sprite_transfer {
  background-position: 0 -223px;
  width: 124px;
  height: 80px;
}

.sprite_payment {
  background-position: 0 -319px;
  width: 124px;
  height: 80px;
}

.sprite_future {
  background-position: 0 -127px;
  width: 124px;
  height: 80px;
}

.sprite_security {
  background-position: 0 0;
  width: 106px;
  height: 111px;
}

.sprite_keepsafe {
  background-position: 0 -415px;
  width: 157px;
  height: 134px;
}

.app_banner {
  background-color: #d8dad7;
}
.app_banner .banners {
  min-height: 735px;
}
.ie6 .app_banner .banners {
  height: 735px;
}
.app_banner .banners li .banner-content {
  min-height: 735px;
}
.ie6 .app_banner .banners li .banner-content {
  height: 735px;
}
.app_banner .banners.css li.active {
  -webkit-transition: opacity ease-in, visibility linear;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition: opacity ease-in, visibility linear;
  -o-transition: opacity ease-in, visibility linear;
  transition: opacity false ease-in false, visibility false linear false;
}
.app_banner, .no_media_queries .app_banner {
  position: relative;
}
.app_banner .banners.no-css li {
  background-color: none;
}
.app_banner > .banners > li .banner-content {
  min-height: 667px;
  margin: 0;
}
.ie6 .app_banner > .banners > li .banner-content {
  height: 667px;
}
.app_banner div.grid_header {
  padding: 35px 0 0;
  height: 33px;
}
.app_banner div.grid_header h1 {
  margin: 0;
}
.app_banner .feature_banner_header {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  z-index: 10;
}
.app_banner .banner_nav {
  text-align: center;
  margin: auto;
}
.app_banner .banner_nav li {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #a8b4b1;
  list-style: none;
  display: inline-block;
}
.app_banner .banner_nav li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.app_banner .banner_nav li a {
  color: #3e4636;
  text-decoration: none;
}
.app_banner .banner_nav li.active a {
  font-weight: bold;
}
.ie6 .app_banner .banner_nav, .ie7 .app_banner .banner_nav {
  width: 520px;
}
.ie6 .app_banner .banner_nav li, .ie7 .app_banner .banner_nav li {
  float: left;
}

.app_banner_inner .banners {
  min-height: 667px;
}
.ie6 .app_banner_inner .banners {
  height: 667px;
}
.app_banner_inner .banners li .banner-content {
  min-height: 667px;
}
.ie6 .app_banner_inner .banners li .banner-content {
  height: 667px;
}
.app_banner_inner .banners.css li {
  -webkit-transition: opacity 750ms ease-out, visibility 750ms ease-out;
  -webkit-transition-delay: 0, 0;
  -moz-transition: opacity 750ms ease-out 0, visibility 750ms ease-out 0;
  -o-transition: opacity 750ms ease-out 0, visibility 750ms ease-out 0;
  transition: opacity 750ms ease-out 0, visibility 750ms ease-out 0;
}
.app_banner_inner .banners.css li.active {
  -webkit-transition: opacity 750ms ease-in, visibility 750ms linear;
  -webkit-transition-delay: 0ms, 0ms;
  -moz-transition: opacity 750ms ease-in 0ms, visibility 750ms linear 0ms;
  -o-transition: opacity 750ms ease-in 0ms, visibility 750ms linear 0ms;
  transition: opacity 750ms ease-in 0ms, visibility 750ms linear 0ms;
}
.app_banner_inner .banners.css li.active.wait {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.app_banner_inner .banners.css li.wait {
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.app_banner_inner ul.no-css.banners li {
  background-color: transparent;
}
.app_banner_inner .banner-content {
  padding-top: 81px;
  height: 586px;
}
.app_banner_inner .banner-content .iphone {
  background: url('/assets/img/mobile-app/iphone.png') 0 0 no-repeat;
  height: 586px;
  width: 374px;
}
.app_banner_inner .banner-content .bubble {
  width: 320px;
  padding: 15px;
  background-color: #fff;
  margin-top: 184px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
  position: relative;
}
.ie8 .app_banner_inner .banner-content .bubble, .ie7 .app_banner_inner .banner-content .bubble, .ie6 .app_banner_inner .banner-content .bubble {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #f5f5f5;
  border-style: solid;
}
.app_banner_inner .banner-content .bubble h1 {
  font-size: 1.25em;
  margin-top: 0;
  margin-bottom: 0.35em;
}
.app_banner_inner .banner-content .bubble .arrow {
  position: absolute;
  top: 20px;
}
.app_banner_inner .banner-content .bubble .next {
  margin-top: 10px;
}
.app_banner_inner .banner-content .bubble p {
  margin: 0;
}
.app_banner_inner .banner-content .bubble_right .iphone {
  float: left;
  margin-left: 20%;
}
.app_banner_inner .banner-content .bubble_right .bubble {
  float: left;
}
.app_banner_inner .banner-content .bubble_right .bubble .arrow {
  background-position: 0 -644px;
  width: 10px;
  height: 16px;
  left: -10px;
}
.app_banner_inner .banner-content .bubble_left .iphone {
  float: right;
  margin-right: 20%;
}
.app_banner_inner .banner-content .bubble_left .bubble {
  float: right;
}
.app_banner_inner .banner-content .bubble_left .bubble .arrow {
  background-position: 0 -676px;
  width: 10px;
  height: 16px;
  right: -10px;
}
.app_banner_inner .banner-content .button_holder {
  position: relative;
  float: left;
}
.app_banner_inner .banner-content .button_holder .app_banner_arr {
  position: absolute;
  left: 0;
  top: 342px;
}
@media screen and (max-width: 960px) {
  .app_banner_inner .banner-content .bubble {
    width: 34%;
  }
  .app_banner_inner .banner-content .bubble_right .iphone {
    margin-left: 5%;
  }
  .app_banner_inner .banner-content .bubble_left .iphone {
    margin-right: 5%;
  }
  .app_banner_inner .banner-content .button_holder .ui_button {
    top: 363px;
  }
}
@media screen and (max-width: 738px) {
  .app_banner_inner .banner-content .bubble {
    width: 28%;
  }
  .app_banner_inner .banner-content .bubble_right .iphone {
    margin-left: 2%;
  }
  .app_banner_inner .banner-content .bubble_left .iphone {
    margin-right: 2%;
  }
  .app_banner_inner .banner-content .button_holder .ui_button {
    top: 385px;
  }
}
.ie6 .app_banner_inner .banner-content .bubble_right .iphone {
  margin-left: 5%;
}
.ie6 .app_banner_inner .banner-content .bubble_left .iphone {
  margin-right: 5%;
}

#app_banner_1, .ie6 #app_banner_1 .banners li, .ie7 #app_banner_1 .banners li, .ie8 #app_banner_1 .banners li {
  background-image: url('/assets/img/mobile-app/slider-bg-1.jpg');
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: transparent;
}

#app_banner_2, .ie6 #app_banner_2 .banners li, .ie7 #app_banner_2 .banners li, .ie8 #app_banner_2 .banners li {
  background-image: url('/assets/img/mobile-app/slider-bg-2.jpg');
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: transparent;
}

#app_banner_3, .ie6 #app_banner_3 .banners li, .ie7 #app_banner_3 .banners li, .ie8 #app_banner_3 .banners li {
  background-image: url('/assets/img/mobile-app/slider-bg-3.jpg');
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: transparent;
}

#app_banner_nav_1 {
  min-width: 89px;
}

#app_banner_nav_2 {
  min-width: 157px;
}

#app_banner_nav_3 {
  min-width: 101px;
}

.app_screen {
  display: block;
  width: 294px;
  height: 440px;
  margin-left: 41px;
  margin-top: 125px;
}

#orm-story-1-1 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-1-1.jpg');
  background-repeat: no-repeat;
}

#orm-story-1-2 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-1-2.jpg');
  background-repeat: no-repeat;
}

#orm-story-1-3 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-1-3.jpg');
  background-repeat: no-repeat;
}

#orm-story-2-1 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-2-1.jpg');
  background-repeat: no-repeat;
}

#orm-story-2-2 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-2-2.jpg');
  background-repeat: no-repeat;
}

#orm-story-2-3 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-2-3.jpg');
  background-repeat: no-repeat;
}

#orm-story-2-4 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-2-4.jpg');
  background-repeat: no-repeat;
}

#orm-story-3-1 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-3-1.jpg');
  background-repeat: no-repeat;
}

#orm-story-3-2 {
  background-image: url('/assets/img/mobile-app/app-screens/orm-story-3-2.jpg');
  background-repeat: no-repeat;
}

/*
----------------------------------
  Kiwibank Print Stylesheet
----------------------------------

- Latest revision: March 2012
- Structure:
	1. Reset
	2. Typography

----------------------------------
  Made with love by Springload
  www.springload.co.nz
----------------------------------

<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />

*/
@media print {
  .no_print {
    display: none !important;
  }

  .print_only {
    display: block;
  }

  body {
    background: none;
    overflow: visible;
    font-size: 75%;
  }

  /* appears to be causing print issues for kb staff
  body.leg_wrapper {
      font-size: 100%;
      color: #000;
  }
  */
  .ui-widget-overlay,
  .ui-dialog {
    display: none !important;
  }

  #tweets .tweet {
    display: none;
  }
  #tweets .tweet.active {
    display: inline;
  }
  #tweets .grid {
    display: none;
  }

  #masthead,
  #nav_level_3,
  #nav_right_bar,
  footer#contentinfo,
  nav.legal {
    display: none !important;
  }

  #print_logo {
    display: block !important;
    margin-bottom: 20px;
    position: relative;
    z-index: 999;
  }

  h1, h2, h3 {
    margin: 0.4em 0 0.2em;
    color: #88C83D;
  }

  h1,
  div#body_content > h1, div#videos > h1, div#pb_header > h1, div.content h1 {
    font-size: 2.3em;
  }

  p {
    margin: 0 0 0.5em !important;
  }

  a,
  a:visited,
  a:hover {
    color: black;
    text-decoration: none;
  }

  ul.list li {
    list-style: square;
  }

  table {
    margin-bottom: 10px;
  }

  /* Rates pages */
  table.rates,
  table.listing {
    line-height: 1.2em;
    margin-right: 4%;
    border: 1px solid #333;
  }
  table.rates tbody,
  table.listing tbody {
    visibility: visible;
    display: block;
  }
  table.rates .title_right,
  table.rates th span.toggle_rates,
  table.rates li.button,
  table.rates li.li_link,
  table.rates tfoot,
  table.listing .title_right,
  table.listing th span.toggle_rates,
  table.listing li.button,
  table.listing li.li_link,
  table.listing tfoot {
    display: none;
  }
  table.rates td,
  table.rates th,
  table.listing td,
  table.listing th {
    border-top: 1px solid #999;
    padding: 0px 4px;
  }
  table.rates th,
  table.listing th {
    white-space: nowrap;
    font-weight: 900;
  }
  table.rates thead th,
  table.listing thead th {
    border: none;
  }
  table.rates .title_left,
  table.listing .title_left {
    color: #88C83D;
    padding: 2px 0;
    white-space: nowrap;
    text-align: center;
  }
  table.rates .data_left,
  table.listing .data_left {
    font-weight: bold;
    min-width: 20%;
  }
  table.rates span.ndash,
  table.listing span.ndash {
    margin-right: 5px;
    font-weight: bold;
  }
  table.rates h2.specials_top,
  table.listing h2.specials_top {
    color: black;
    font-style: oblique;
    font-size: 1em;
  }

  a.inline_pdf_icon img {
    margin: 0 4px 0 2px;
    vertical-align: middle;
  }

  #everyday_banking_fee_table th,
  #savings_fee_table th {
    text-align: left;
  }
  #everyday_banking_fee_table .title_left,
  #savings_fee_table .title_left {
    text-align: center;
  }

  table.fx_rates_table tbody {
    display: table-row-group !important;
  }

  #fx_rates_tabs_want:before {
    content: "I want to buy:";
    font-weight: bold;
    font-size: 1.2em;
  }

  #fx_rates_tabs_have:before {
    content: "I have to sell:";
    font-weight: bold;
    font-size: 1.2em;
  }

  #fxr_calc_tabs {
    display: none;
  }

    /*

    ----------------------------------
      LEGACY: /css/print.css
    ----------------------------------

    */
  /*
      Copyright 2008
      springload.co.nz
  */
  body#visa_debit_card {
    font-size: 1em;
  }

  div#header, div#containing_div {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  div#header {
    height: 66px;
  }

  div#body_content {
    width: 100% !important;
    margin-top: 0;
  }

  div#containing_div {
    padding-bottom: 0;
    padding-top: 0.5em;
  }

  #footer, #main_nav,
  #header #header_links, #header form,
  #nav_level_3, #nav_right_bar, div.left_col, ul.carter_nav, div.globe, div.faqs_side, a.back, a.top {
    display: none !important;
  }

  #visa_debit_card h1, #visa_debit_card h2, #visa_debit_card h3 {
    width: 100%;
    height: auto;
    color: #000;
    margin: 5px 0;
    width: 100% !important;
    font-weight: bold;
  }

  #visa_debit_card h1 span, #visa_debit_card h2 span, #visa_debit_card h3 span {
    position: static;
    width: 100%;
  }

  #visa_debit_card div.right_col {
    float: none !important;
    padding-top: 10px;
    width: 100%;
  }

  #visa_debit_card p, #visa_debit_card p.intro, #visa_debit_card a, #visa_debit_card div.conditions h4, #visa_debit_card div.conditions p {
    font-family: Arial, sans-serif;
    line-height: 20px;
    width: 100% !important;
  }

  #visa_debit_card .content, #visa_debit_card div#body_content {
    padding: 0 !important;
    margin: 0 !important;
  }

  #visa_debit_card ul {
    margin-left: 0 !important;
  }

  #visa_debit_card ul li {
    padding-left: 0 !important;
    float: none !important;
    width: 100% !important;
  }

  #visa_debit_card ol {
    width: 100% !important;
  }

  table#term-deposit-rates th {
    white-space: normal;
  }

  table#term-deposit-rates {
    float: left;
  }

  td.data_right {
    width: 100%;
  }

  /* narrow tables */
  table#now-rates,
  table#freeup-rates,
  table#bill-blaster-rates,
  table#low-rate-mastercard-rates,
  table#mastercard-zero-rates,
  table#front-runner-rates,
  table#overdrafts-rates,
  table#online-call-rates,
  table#backup-rates,
  table#fast-forward-rates,
  table#first-saver-rates,
  table#mastercard-gold-rates,
  table#business-mastercard-rates,
  table#home-loans-rates,
  table#personal-load-rates,
  table#fx-us-rates,
  table#fx-uk-rates,
  table#fx-eu-rates,
  table#fx-jp-rates,
  table#fx-au-rates {
    width: 21%;
    float: left;
  }

  table#personal-load-rates {
    width: 33.3%;
  }

  table#now-rates,
  table#freeup-rates,
  table#first-saver-rates,
  table#online-call-rates {
    float: right;
  }

  #index-rates,
  #business-edge-rates {
    float: left;
  }

  table.rates tr.rate_special h2,
  table.rates tr.rate_special p {
    margin: 0;
  }

  td.title_left, th.title_left {
    line-height: 1.4em;
    font-size: 1.111em !important;
  }

  table#online-call-rates th {
    white-space: normal;
  }

  /* everyday banking, and savings and investments fees */
  table#everyday_banking_fee_table,
  table#savings_fee_table,
  table#setup_fee_table,
  table#penalty_fee_table,
  table#overdraft_fee_table,
  table#international_fees_table,
  table#branch_fees_table,
  table#atm_fees_table,
  table#service_fees_table {
    float: none;
    width: 100%;
  }

  table#everyday_banking_fee_table td.data_left {
    width: 30%;
  }

  table#everyday_banking_fee_table td.data_right {
    width: 20%;
  }

  table#savings_fee_table td.data_left {
    width: 30%;
  }

  table#savings_fee_table td.data_right {
    width: 20%;
  }

  #everyday_fees {
    clear: both;
    display: block !important;
  }

  #savings_fees {
    clear: both;
    display: block !important;
  }

  .td_tuesday h1 {
    text-indent: 0 !important;
    font-size: 26px;
  }

  .td_tuesday .find_out_more {
    display: none;
  }

  img#side_img {
    display: none;
  }

  /* =First Home Buyers Print Styles
  ---------------------------------------------
  */
  body.fhb {
    width: 100%;
    margin: 0;
    font-size: 10px;
  }

  div#promotional a.more,
  .fhb a.grey_more,
  .fhb a.arrow_right,
  .fhb div.button_shadow,
  .fhb div.divider_bottom,
  .fhb div.footer_nav,
  .fhb #header_shortcuts,
  .fhb #house_selector,
  div#h_page_indicator,
  .fhb div#apply_now ul,
  ul.call_to_action li span,
  a.more span,
  #section_nav li,
  div.jargon h3,
  a.float_right,
  div.illustration div.versus,
  ul.read_more li.disclosure h3,
  div.pullquote a.more,
  div.illustration.documents_to_sign div.doc div.doc_top,
  div.illustration.documents_to_sign div.doc div.doc_bottom,
  div.illustration span.image,
  div#fhb_jargon_nav_wrapper,
  ul.call_to_action,
  div.tabbed_list ul.tabs,
  .fhb_home .fhb_title,
  div.main_story p a.more {
    display: none !important;
  }

  #section_nav li.talk {
    display: block !important;
  }

  #containing_div,
  #wrapper,
  div.h_container,
  .fhb #inner_wrapper,
  .fhb div#splash_area,
  .fhb div.story_container,
  .fhb div.wrapper_888,
  .fhb div.common_footer,
  .fhb div.divider_bottom,
  .fhb div.footer_nav,
  .fhb .wrapper,
  .fhb div#promotional,
  .fhb div#apply_now,
  .fhb div#tools,
  .fhb div.legal,
  .fhb ul.call_to_action,
  .fhb div.legal p,
  div.main_story,
  ul.jargon_list {
    margin: 0;
    width: auto !important;
    max-width: 100% !important;
    padding-bottom: 16px;
    border: 0;
    overflow: visible !important;
  }

  div.h_container div.h_body {
    margin-top: 0px !important;
  }

  .fhb div#splash_area,
  .fhb div#house_selector {
    min-height: 0;
  }

  .fhb div#splash_wrapper {
    padding-bottom: 20px;
  }

  .fhb div#splash_area h1,
  .fhb div#splash_area p {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .fhb div#apply_now h3 {
    color: inherit !important;
    font-size: inherit !important;
  }

  div#header,
  div#containing_div,
  div.narrow_display_fix,
  div.narrow_display_fix2 {
    margin-left: 0;
    margin-right: 0;
  }

  div.story_right div.main_story,
  div.story_right div.jargon,
  div.jargon p {
    width: 100% !important;
    float: left;
    text-align: left !important;
    border: 0 !important;
    margin: 0 !important;
  }

  div.story_right div.jargon {
    border-top: solid 1px #ddd !important;
    padding-bottom: 16px;
  }

  div.illustration.documents_to_sign,
  div.requirements_checklist div.illustration {
    width: 100% !important;
    float: left !important;
    margin-left: 0 !important;
    margin-bottom: 30px !important;
  }

  .fhb div.illustration.documents_to_sign div.doc {
    width: 45% !important;
  }

  .fhb div.illustration.documents_to_sign div.document_padding {
    min-height: 0 !important;
    background: none !important;
  }

  .fhb ul.read_more li.dropdown_content {
    display: block !important;
  }

  .fhb .tabbed_list .things {
    display: block !important;
  }

  .fhb div.pullquote {
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: left !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    font-weight: bold !important;
  }

  div.tabbed_list {
    border: 0 !important;
    width: 100% !important;
  }

  div.requirements_checklist ul {
    height: auto !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
  }

  div.requirements_checklist ul li {
    margin: 0 !important;
  }

  div.main_story h2 {
    margin-top: 2.6em;
  }

  div.fhb_title {
    border-bottom: solid 1px #ccc !important;
    height: 60px !important;
    margin-bottom: 40px !important;
  }

  div.fhb_title h1 {
    font-size: 24px !important;
    font-family: "DIN-Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif !important;
  }

  div.fhb_title h1 a {
    color: #009de5 !important;
  }

  div#main_nav_wrapper {
    display: none;
  }
}