/* generic table CSS instead of a per-page table css to use in future */
table {margin-bottom: 25px;}
.white-table {background: #fff;}
.white-table tr {border-top: 1px solid #ebebeb;}
.white-table th {color: #fff; }
.white-table td, .white-table th {padding: 15px 30px; vertical-align: top;}
.white-table th:first-child {background: #09818F;}
.white-table th:nth-child(2) {background: #38A2A2;}
.white-table th:nth-child(3) {background: #16C0C0;}
.white-table th:nth-child(4) {background: #61d6d6;}
.white-table td:first-child {min-width: 255px; }

/**
 * Global.
 */
body { -webkit-font-smoothing: antialiased; }
h1 { font: 40px/52px 'YogaWebPro'; margin-bottom: 40px; }
h2 { font: 24px/36px 'YogaWebPro'; margin-bottom: 10px; }
h3 { font: 24px/36px 'freightsansbook'; margin-bottom: 10px; }
h4 { font: 20px/30px 'YogaWebPro'; margin-bottom: 20px; }
h5 { font: 14px/21px 'freightsansbook'; margin-bottom: 15px; }
p { font: 19px/26px 'freightsansbook'; margin-bottom: 15px; }
.page-header { margin-top: 30px; border: 0 none; padding: 0; }
.btn-lg { border-radius: 6px; padding: 20px; font: 24px/24px 'YogaWebPro'; }
.btn { border-radius: 6px; border: 0; padding: 16px 20px 14px; font: 18.5px/18px 'YogaWebPro'; }
.btn-sm { border-radius: 2px; padding: 12px 10px 10px; font: 16.5px/16px 'YogaWebPro'; }
.btn-xs { border-radius: 2px; padding: 7px 10px 9px; font: 16.5px/16px 'freightsansbook'; }
a,
.bb,
.btn { transition: 0.3s; }
a:hover,
a:focus,
.bb:hover,
.bb:focus,
.btn:focus,
.btn:hover { -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out false; -o-transition: all 240ms ease-out false; transition: all 240ms ease-out; }
a { border-bottom: 1px solid #c6c6c6 ;color: #333333; text-decoration: none; }
a[href='#nolink'] { opacity: 0.5; cursor: not-allowed; }
a:hover, a:focus { border-color: #333333; color: #333333; text-decoration: none; }
a.logo { margin-right: 10px; border-bottom: none; }
.domain-dev-mysuper-co-nz a.logo {position: relative;}
.domain-dev-mysuper-co-nz a.logo:after {position: absolute; right: -20px; bottom: 0; content: 'dev'; color: #80b640; font-size: 16px; font-weight: bold;}
label { font-family: YogaWebPro; font-weight: normal; font-style: normal; font-size: 24px; }
hr { border-top-color: #ccc; }
.not-front .main-content { padding-top: 55px; }

.slogan { float: left; position: relative; top: -15px; font-size: 14px; color: #80B640; font-weight: bold; }

.font-yoga { font-family: 'FontFontYogaPro'; }
.font-freight { font-family: 'freightsansbook'; }
.font-freight-bold { font-family: 'freightsansbook'; font-weight: bold; }

.contextual-links-wrapper.contextual-links-processed a.contextual-links-trigger { border: none; padding: 0 4px; background-color: #fff; }
.contextual-links-wrapper.contextual-links-processed a,
.contextual-links-wrapper.contextual-links-processed a:hover,
.contextual-links-wrapper.contextual-links-processed a:focus { border-bottom: none; }

.front .alert { margin: 20px 0; }
.bb { border-bottom: 1px solid; }

.alert .close { line-height: 20px; }

.slicknav_menu a { border: 0 none; }

@media (max-width: 768px){
  .container > .navbar-header { margin-left: 0; }
}

/* Tabs. */

.tabs--primary { margin: 20px 0; }
.quicktabs-hide { display: block; overflow: hidden; max-height: 0; }

.nav-tabs { border-color: #ccc; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { background: #F6F6F6; }

.nav-tabs > li.active > a .element-invisible { display: none; }

ul.quicktabs-tabs.quicktabs-style-basic { display: block; margin: 0; border: 0; padding: 0 0 10px; height: auto; overflow-x: auto; overflow-y: hidden; }
ul.quicktabs-tabs.quicktabs-style-basic li,
ul.quicktabs-tabs.quicktabs-style-basic li.active { position: relative; display: table-cell; margin: 0; border: 0; padding: 0; width: 1%; text-align: center; }
ul.quicktabs-tabs.quicktabs-style-basic a { display: block; border-bottom: 0; padding: 15px; background: #666666; color: #fff; }
ul.quicktabs-tabs.quicktabs-style-basic a { font: 14px/18px 'freightsansbook' !important; }
ul.quicktabs-tabs.quicktabs-style-basic li:hover { border: 0 none; }
ul.quicktabs-tabs.quicktabs-style-basic li.active a,
ul.quicktabs-tabs.quicktabs-style-basic a:hover { color: #fff; }
ul.quicktabs-tabs.quicktabs-style-basic li.active:after { position: absolute; bottom: -10px; left: 50%; content: ''; margin-left: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: transparent; height: 10px; width: 20px; }
ul.quicktabs-tabs.quicktabs-style-basic li.active:after { border-top-color: #666666; z-index: 2; }
.quicktabs_main.quicktabs-style-basic { border: 0; padding: 0; }

/* Classes. */

.mt-30 { margin-top: 30px; }
.m-0 { margin: 0; }
.mb-0 { margin-bottom: 0; }

/* Font colors. */

.black { color: #000; }
.white { color: #fff; }
.gray { color: #999; }
.gray-second { color: #666; }
.green { color: #80B640; }
.orange { color: #ED9B1D; }
.purple { color: #A479B7; }
.red { color: #EE7171; }

/* Fund colors. */

.field-name-field-cash-fund .slider-handle {background-color: #7ab542 !important; background-image: none;}
.cash-fund {background-color: #7ab542}
.field-name-field-cash-fund .slider.slider-horizontal .slider-selection {background-color: #3f8411 !important; background-image: none;}
.cash-fund-dark {background-color: #3f8411;}
.field-name-field-conservative-fund .slider-handle {background-color: #ffa700 !important; background-image: none;}
.conservative-fund {background-color: #ffa700;}
.field-name-field-conservative-fund .slider.slider-horizontal .slider-selection {background-color: #f66b08 !important; background-image: none;}
.conservative-fund-dark {background-color: #f66b08;}
.field-name-field-balanced-fund .slider-handle {background-color: #a478b7 !important; background-image: none;}
.balanced-fund {background-color: #a478b7;}
.field-name-field-balanced-fund .slider.slider-horizontal .slider-selection {background-color: #724884 !important; background-image: none;}
.balanced-fund-dark {background-color: #724884;}
.field-name-field-growth-fund .slider-handle {background-color: #ff6666 !important; background-image: none;}
.growth-fund {background-color: #ff6666;}
.field-name-field-growth-fund .slider.slider-horizontal .slider-selection {background-color: #de3d3b !important; background-image: none;}
.growth-fund-dark {background-color: #de3d3b;}

.kiwisaver-average { background-color: #5B5B5B; }

.lifestages-option.border {border-left: 5px solid #fff;}
.cash-fund.border {border-left: 5px solid #7ab542;}
.conservative-fund.border {border-left: 5px solid #ffa700;}
.balanced-fund.border {border-left: 5px solid #a478b7;}
.growth-fund.border {border-left: 5px solid #ff6666;}

a.cash-fund.border:hover {border-left: 5px solid #3f8411;}
a.conservative-fund.border:hover {border-left: 5px solid #f66b08;}
a.balanced-fund.border:hover {border-left: 5px solid #724884;}
a.growth-fund.border:hover {border-left: 5px solid #de3d3b;}

/* Admin menu fix. */

@media (max-width: 1024px){
  body.admin-menu.adminimal-menu:before { height: 0; }
}

/* Tables. */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 20px; font: 18.5px/24px 'freightsansbook'; }

/**
 * Regions.
 */

/* Flyout region. */

.flyout-bottom-block { position: absolute; top: 0; left: 0; width: 280px; z-index: 200; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; }

#page-wrapper { position: relative; overflow: hidden; }

#dismiss { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; }
.flyout-open #dismiss { display: block; left: -270px; }

#flyout { position: absolute; right: 0; top: 0; border-left: 1px solid #f5f5f5; height: 100%; width: 270px; overflow: hidden; z-index: 10; background: #fff; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
.flyout-open #flyout,
#flyout .main-menu-flyout .menu { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.flyout-open #container,
#flyout .main-menu-flyout .menu.menu-second-level { -webkit-transform: translate3d(-270px,0,0); -moz-transform: translate3d(-270px,0,0); -ms-transform: translate3d(-270px,0,0); transform: translate3d(-270px,0,0); }
#flyout .main-menu-flyout .menu.menu-third-level { -webkit-transform: translate3d(-540px,0,0); -moz-transform: translate3d(-540px,0,0); -ms-transform: translate3d(-540px,0,0); transform: translate3d(-540px,0,0); }

#container { position: relative; top: 0; left: 0; height: 100%; }
#flyout,
#flyout .main-menu-flyout .menu,
#container { -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; }
.flyout-open #container:after { content: ''; position: absolute; top: 0; right: 0; bottom:0; left: 0; background: rgba(255, 255, 255, 0.5); z-index: 10; }


.main-menu-flyout ul.menu { position: relative; margin: 0; padding: 0; width: 810px; list-style: none; z-index: 1; }
.main-menu-flyout ul.menu li { width: 270px; }
.main-menu-flyout ul.menu li:first-child a { padding-top: 30px; }
.main-menu-flyout ul.menu li .nolink,
.main-menu-flyout ul.menu li a { display: inline-block; margin: 0 0 0 20px; border: 0 none; padding: 15px 0; font: 20px/24px 'YogaWebPro'; }
.main-menu-flyout ul.menu li .nolink:hover,
.main-menu-flyout ul.menu li a:hover { color: #7ab542; }
.main-menu-flyout ul.menu li a:active,
.main-menu-flyout ul.menu li a:focus { outline: none; }

.main-menu-flyout ul.menu .sublevel { opacity: 0; display: block; position: absolute; top: 0; left: 270px; margin: 0; border: 0 none; padding: 0; width: 270px; background: transparent; box-shadow: none; list-style: none;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.main-menu-flyout ul.menu .sublevel .sublevel { left: 540px; }
.main-menu-flyout ul.menu.menu-second-level .sublevel,
.main-menu-flyout ul.menu.menu-third-level .sublevel { left: 270px; }
.main-menu-flyout ul.menu.menu-second-level .sublevel.active,
.main-menu-flyout ul.menu.menu-third-level .sublevel.active { opacity: 1; z-index: 1; }

.main-menu-flyout ul.menu .sublevel li a { margin-left: 50px; margin-right: 20px; padding: 10px 0; font: 18.5px/24px 'freightsansbook'; }
.main-menu-flyout ul.menu .sublevel li.first a { padding-top: 20px; }
.main-menu-flyout ul.menu .sublevel .back-wrapper a { margin: 0; border-bottom: 1px solid #ccc; padding: 20px 0; width: 200px; font: 20px/24px 'YogaWebPro'; }

.main-menu-flyout ul.menu .sublevel li a.right-arrow-link,
.main-menu-flyout ul.menu a.right-arrow-link,
.main-menu-flyout ul.menu .sublevel a.left-arrow-link { margin: 0; border: none; font-size: 11px; line-height: 11px; }
.main-menu-flyout ul.menu .sublevel li a.right-arrow-link,
.main-menu-flyout ul.menu a.right-arrow-link { padding: 20px; float: right; }
.main-menu-flyout ul.menu .sublevel .back-wrapper a.left-arrow-link { float: left; padding: 25px 20px; width: auto; }
.main-menu-flyout ul.menu .sublevel li a.right-arrow-link:hover ,
.main-menu-flyout ul.menu a.right-arrow-link:hover,
.main-menu-flyout ul.menu a.left-arrow-link:hover { color: #7ab542; cursor: pointer; }

.main-menu-flyout ul.menu .menu-mlid-727 > a:first-child { margin-right: 0; max-width: 140px; }
.main-menu-flyout ul.menu .menu-mlid-727 > a.right-arrow-link { margin-top: 10px; }

/* Navbar region. */

.navbar { margin: 0; padding: 50px 0 40px; min-height: inherit; }
.navbar-toggle { margin: 0 15px 0 0; border-color: #75AC37; }
.navbar-toggle .icon-bar { background: #75AC37; }
.navbar-btn { margin: 0; }

@media (max-width: 767px){
  .navbar { padding: 20px 0; }
}

/* Navbar region: navbar menu. */

.nolink { display: inline-block; opacity: 0.5; } /* Remove after add links. */
.navbar-menu ul.menu li { float: left; list-style: none; }
.navbar-menu ul.menu li.first {margin-right: 35px; border-right: 0px;}
.navbar-menu ul.menu li .nolink,
.navbar-menu ul.menu li a { display: inline-block; margin: 5px 10px 0 0; padding: 0 20px 0 10px; color: #666; font-size: 16px; border-right: 1px solid #cacaca;}
.navbar-menu ul.menu li .nolink,
.navbar-menu ul.menu li a:not(.btn) { border-bottom: 0px solid #CCC; line-height: 1.2em; }
.navbar-menu ul.menu li a:not(.btn):hover { border-bottom: 0; text-decoration: underline; color: #666666;}
.navbar-menu ul.menu li a.btn { margin: 0 10px 0 0; color: #FFF; }
.navbar-menu ul.menu li.last a.btn { margin: 0 ; }
.navbar-menu ul.menu li a.btn-xs { padding: 2px 15px 4px 15px; font: 16.5px/24px 'freightsansbook' }

@media (min-width: 768px) {
  .navbar-right { margin-right: 0; }
}

/* Header bottom region. */

.header-bottom { position: relative; height: 355px; background: #6CA03A; }
.header-bottom .container { position: relative; }
@media (max-width: 767px){
  .header-bottom { height: auto; }
}

/* Header bottom: icecream block. */

.icecream-block { height: 355px; }
.icecream-block p { margin: 0; }
.icecream-block .icecream-img { position: absolute; left: 30px; bottom: 0; z-index: 10; }

/* Sidebar region. */

.region-sidebar .block-menu, .region-sidebar .padded-block { margin: 0 30px; border-top: 1px solid #ccc; padding-bottom: 32px; }
.region-sidebar .padded-block h2 { margin-top: 10px; }
.region-sidebar .block-menu h2 { margin-top: 0; margin-bottom: 20px; font-size: 24px; font-family: YogaWebPro; }
.region-sidebar .block-menu .menu { list-style: none; padding-left: 0; }
.region-sidebar .block-menu .menu li, .region-sidebar .padded-block a { margin-bottom: 5px; }
@media (max-width: 767px){
  .container .col-xs-12.col-sm-5.col-md-4.col-lg-3.pull-left { padding: 0; }
  .container .col-xs-12.col-sm-5.col-md-4.col-lg-3.pull-left .region-sidebar { box-shadow: none; }
  .page-node-8 .container .col-xs-12.col-sm-5.col-md-4.col-lg-3.pull-left .region-sidebar { border-bottom: 1px solid #e5e5e6; }
}

/* Main content region. */

.main-content { background: #F1f1f1; }
.not-front .main-content {background: #f2f2f2;}
.front .main-content { position: relative; background: #FFF; z-index: 10; }
.not-front .main-content .block-system { margin-bottom: 40px; }
.bg-pencils .main-content { background: url("../images/content_pancils_bg.png") 0 90% no-repeat #F1f1f1; }
@media (max-width: 1700px){
  .bg-pencils .main-content { background-position-x: -275px; }
}
@media (max-width: 767px){
  .bg-pencils .main-content { background-image: none; }
}
@media (max-width: 767px){
  .not-front .main-content { padding-top: 30px; }
}

/* Main content region: breadcrumbs. */

.breadcrumb { line-height: 1; padding: 0; background-color: transparent; }
.breadcrumb > li + li:before { content: "\e258"; padding: 0 5px 0 0; color: #7ab542; font-family: 'Glyphicons Halflings'; font-size: 10px; }
.breadcrumb > li a { color: #333; border-bottom: 1px solid #d2d2d2; font-size: 14px; }
.breadcrumb > li a:hover, .breadcrumb > li a:focus { color: #333; border-bottom: 1px solid #333; text-decoration: none; }
.breadcrumb > .active { color: #333; font-size: 14px; }

/* Bottom red region. */

.bottom-red { background: #EA6566; }
.region-bottom-red .red-label { color: #fff; font-size: 24px; padding-top: 58px; padding-right: 0; padding-left: 0; line-height: 1.5; font-family: YogaWebPro; }
.region-bottom-red .red-text { color: #fff; font-size: 16.5px; padding-top: 58px; padding-right: 10px; padding-bottom: 58px; padding-left: 10px; line-height: 1.5; }
@media (max-width: 767px) {
  .region-bottom-red .red-label { padding-top: 20px; }
  .region-bottom-red .red-text { padding-top: 10px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
}

/* Bottom turquoise region. */

.bottom-turquoise { position: relative; background: url("../images/bottom_turquoise_bg.png") left top repeat transparent; }
.bottom-turquoise .pencils-img { position: absolute; right: 0; bottom: 0; z-index: 5; }

/* Bottom turquoise region: investment performance block. */

.bottom-turquoise .investment-performance-block { color: #FFF; }
.bottom-turquoise .investment-performance-block h3 { margin: 45px 0 35px; font-size: 24px; line-height: 24px; }
.bottom-turquoise .investment-performance-block h3 a,
.bottom-turquoise .investment-performance-block p a { border-color: #9ed1d1; color: #FFF; }
.bottom-turquoise .investment-performance-block h3 a:hover,
.bottom-turquoise .investment-performance-block p a:hover { border-color: #FFF; }
.bottom-turquoise .investment-performance-block p { font-size: 18.5px; line-height: 27px; }
.bottom-turquoise .investment-performance-block .nolink.find-more,
.bottom-turquoise .investment-performance-block a.find-more { display: inline-block; font-size: 16.5px; line-height: 24px; }
.bottom-turquoise .investment-performance-block .nolink.find-more,
.bottom-turquoise .investment-performance-block a.find-more { margin: 20px 0 35px; }

@media (max-width: 767px){
  .bottom-turquoise .investment-performance-block .nolink.find-more,
  .bottom-turquoise .investment-performance-block a.find-more { margin-bottom: 10px; }
}

/* Bottom turquoise region: bottom turquoise right block. */

.bottom-turquoise-right-block { color: #FFF; z-index: 10; }
.bottom-turquoise-right-block ul.menu { margin: 0; padding: 0; list-style: none; }
.bottom-turquoise-right-block ul.menu li { margin: 40px 0; overflow: hidden; }
.bottom-turquoise-right-block ul.menu li .nolink,
.bottom-turquoise-right-block ul.menu li a { margin-top: 10px; min-width: 120px; border-color: #205858; }
.bottom-turquoise-right-block .large-text { font: 70px/70px 'YogaWebPro'; vertical-align: middle; }
.bottom-turquoise-right-block .btn-xs { margin-top: 15px; border: none !important; padding: 5px 0 6px; width: 120px; background: #45b3b3 !important; cursor: default !important; font-size: 14px; text-align: center; }

@media (max-width: 767px){
  .bottom-turquoise-right-block ul.menu li { margin: 20px 0; }
}
@media (max-width: 480px){
  .bottom-turquoise-right-block ul.menu li .nolink,
  .bottom-turquoise-right-block ul.menu li a { margin-top: 15px; }
  .bottom-turquoise-right-block .large-text { font-size: 50px; }
}

/* Footer region. */

/* Footer region: footer menu block 1. */

.footer .footer-menu-block-1 .menu .footer-logo-text { margin-bottom: 40px; border-bottom: 0 none; font-size: 40px; opacity: 1; }

@media (max-width: 767px){
  .footer-menu-block-1 .menu .footer-logo-text { margin-bottom: 20px; }
}

/* Footer region: footer menu block 2. */
/* Footer region: footer text block. */

.footer-menu-block-2,
.footer-text-block { margin-top: 97px; }
.footer-text-block p.title { margin-bottom: 10px; }

@media (max-width: 991px){
  .footer-text-block { margin-top: 40px; }
}
@media (max-width: 767px){
  .footer-text-block { margin-top: 20px; }
  .footer-menu-block-2 { margin-top: 0; }
}

/* Footer region: copyright. */

@media (max-width: 991px){
  .footer .copyright { margin-top: 40px; padding-bottom: 30px; }
}
@media (max-width: 767px){
  .footer .copyright { margin-top: 20px; padding: 15px; }
}

.footer { padding-top: 70px; box-shadow: 0 20px 20px #eaeaea inset; }
.footer { background: #f2f2f2; height: auto; }
.footer .menu { list-style: none; padding-left: 0; }
.footer .menu a,
.footer .menu .nolink { color: #636466; border-bottom: 1px solid #d4d4d5; font-size: 16.5px; line-height: 1.4; display: inline-block; margin-bottom: 5px; }
.footer .menu a:hover, .footer .menu a:focus { color: #636466; border-bottom: 1px solid #636466; text-decoration: none; }
.footer .menu .margin-top { margin-top: 10px; display: inline-block; }
.footer p { color: #636466; font-size: 16.5px; line-height: 1.7; margin: 0; }

.footer .footer-text p { margin-bottom: 7px; }

.footer .copyright { margin-top: 60px; padding-top: 30px; padding-bottom: 60px; border-top: 1px solid #e5e5e6; }
.footer .copyright p { font-size: 14px; display: inline-block; margin-bottom: 5px; line-height: 1.4; }
.footer .copyright p a,
.footer .copyright p .nolink { color: #636466; border-bottom: 1px solid #d4d4d5; }
.footer .copyright p a:hover, .footer .copyright p a:focus { color: #636466; border-bottom: 1px solid #636466; text-decoration: none; }
.footer .copyright .copyright-company { margin-right: 7px; }
.footer .copyright .margin-right { margin-right: 7px; }
.footer .copyright .delimiter { margin-right: 7px; }
@media (max-width: 991px){
  .footer { padding-top: 40px; }
}

@media (max-width: 797px){
  .footer { padding-top: 20px; }
}

/**
 * How mysuper works.
 */

.how-mysuper-works h1 { margin-bottom: 38px; }
.how-mysuper-works p { font-size: 20px; line-height: 1.6; }

/**
 * Misc styles.
 */

div.krumo-root { color: #333; }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { pointer-events: auto; }

.has-error .help-block { color: #999; }
.has-error.form-type-radios label,
.has-error .help-block.with-errors li { color: #e74c3c; }

/**
 * Node content.
 */

/* Node: Fund. */

.node-fund.view-mode-full .field-name-body > p { font-family: 'YogaWebPro'; font-size: 20px; line-height: 28px; }
.node-fund.view-mode-full .field-name-body > h2 { margin-bottom: 40px; }
.node-fund.view-mode-full .field-name-body > div.custom-code { margin-bottom: 95px; }
.node-fund.view-mode-full .field-name-body .block-wrapper { clear: both; overflow: hidden; margin-bottom: 40px; }
.node-fund.view-mode-full .field-name-body .block-wrapper img { float: left; width: 100px; }
.node-fund.view-mode-full .field-name-body .block-wrapper .text-wrapper { margin-left: 135px; }
.node-fund.view-mode-full .field-name-body .block-wrapper .text-wrapper h3 { margin: 0 0 10px; font-size: 20px; font-weight: bold; line-height: 1.3; }
.node-fund.view-mode-full .group-performance { overflow: hidden; padding: 3% 5.4%; color: #fff; }
.node-fund.view-mode-full .group-performance::after { /* TODO: remove */
  content: " ";
  display: table;
  clear: both;
}
.node-fund.view-mode-full .group-performance.cash-fund { background: #7ab542; }
.node-fund.view-mode-full .group-performance h2 { float: left; margin: 0; width: 37%; font-size: 24px; line-height: 1.2; }
/*.node-fund.view-mode-full .group-performance .fund-performance { float: left; width: 37%; }*/
.node-fund.view-mode-full .group-performance .fund-performance { /* TODO: remove */
  width: auto;
  margin-right: 2%;
  float: right; }
/*.node-fund.view-mode-full .group-performance .kiwisaver-performance { float: left; width: 24%; }*/
.node-fund.view-mode-full .group-performance .kiwisaver-performance { /* TODO: remove */
  display: none;
  float: left;
  width: 24%;
}
.node-fund.view-mode-full .group-performance .data { margin-bottom: 0.1em; font: 60px/1 'FontFontYogaPro'; }
.node-fund.view-mode-full .group-performance .title { font-size: 17px; }
.node-fund.view-mode-full .group-over-time { background: #fff; }
.node-fund.view-mode-full .group-over-time > div { overflow: hidden; }
.node-fund.view-mode-full .group-over-time .over-time-padding { display: flex; justify-content: center; overflow: hidden; padding: 25px 10px; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link { position: relative; padding: 1% 5.4% 1.8%; background: #3f8410; }
.node-fund.view-mode-full .group-over-time.conservative-fund .field-name-over-time-link { background: #cc8500; }
.node-fund.view-mode-full .group-over-time.balanced-fund .field-name-over-time-link { background: #9044b1; }
.node-fund.view-mode-full .group-over-time.growth-fund .field-name-over-time-link { background: #de3232; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link-wrapper { margin: 0; line-height: 1; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.6); color: #fff; font-size: 14px; line-height: 1; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link:hover,
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link:focus { border-color: #fff; text-decoration: none; color: #fff; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link[aria-expanded=false]:after { top: 13px; margin-right: 12px; content: '\e252'; font-size: 14px; }
.node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link:after { position: absolute; top: 1px; right: 0; margin-right: 12px; content: '×'; color: #fff; font-family: 'Glyphicons Halflings'; font-size: 26px; line-height: 1; }
.node-fund.view-mode-full .group-over-time .over-time-wrapper { float: left; width: 16.66%; text-align: center; }
.node-fund.view-mode-full .group-over-time .over-time-wrapper .data { margin-bottom: 0.1em; font: 1.5em/1 'FontFontYogaPro'; }
.node-fund.view-mode-full .group-over-time .over-time-wrapper .title { font-size: 14px; line-height: 1; }
.node-fund.view-mode-full .group-over-time .field-name-field-fund-performance-footnote { padding: 0 5.4% 4.2%; }
.node-fund.view-mode-full .group-over-time .field-name-field-fund-performance-footnote p { margin-bottom: 0; font-size: 0.9em; line-height: 1.4; }
@media (max-width: 991px) {
  .node-fund.view-mode-full .group-over-time .field-name-field-fund-performance-footnote { padding: 0 20px 20px; }
}
.node-fund.view-mode-full .field-name-risk-indicator { margin-top: 40px; padding: 15px 35px; background: #fff; }
.node-fund.view-mode-full .field-name-risk-indicator .label-above { margin: 5px 0 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url(../images/border_bg.png) 0 0 2 0 repeat repeat; padding-bottom: 10px; font: 24px/28px 'YogaWebPro'; }
.node-fund.view-mode-full .risk-indicator .title-top,
.node-fund.view-mode-full .risk-indicator .title-bottom { clear: both; overflow: hidden; }
.node-fund.view-mode-full .risk-indicator span { color: #ccc; }
.node-fund.view-mode-full .risk-indicator span.left { float: left; }
.node-fund.view-mode-full .risk-indicator span.right { float: right; }
.node-fund.view-mode-full .risk-indicator .risk-indicator-list { overflow: hidden; margin: 5px 0; padding: 0; }
.node-fund.view-mode-full .risk-indicator .risk-indicator-list li { float: left; margin-left: 2%; padding: 10px 0; width: 12.5%; list-style: none; text-align: center; color: #666; background: #e2e2e2; line-height: 1; }

.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.node-fund.view-mode-full .field-name-risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7) {color: #fff; background: #666;  }

.node-fund.view-mode-full .risk-indicator .risk-indicator-list li:first-child { margin-left: 0; }
.node-fund.view-mode-full .risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.node-fund.view-mode-full .risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.node-fund.view-mode-full .risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.node-fund.view-mode-full .risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.node-fund.view-mode-full .risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.node-fund.view-mode-full .risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.node-fund.view-mode-full .risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7),
.node-fund.view-mode-full .risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.node-fund.view-mode-full .risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.node-fund.view-mode-full .risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.node-fund.view-mode-full .risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.node-fund.view-mode-full .risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.node-fund.view-mode-full .risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.node-fund.view-mode-full .risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7) { color: #fff; background: #666; }

.node-fund.view-mode-full .field-name-risk-info { margin: 6px 0 20px; background: #fff; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper { position: relative; margin: 0; padding: 15px 35px 17px; line-height: 18px; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper .risk-link { border-bottom: 1px solid #add2d2; cursor: pointer; color: #3da3a3; font: 16.5px/1.2 'freightsansbook'; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper .risk-link:before { float: left; margin-top: -2px; margin-right: 13px; margin-left: -5px; content: '\e085'; font-family: 'Glyphicons Halflings'; font-size: 24px; line-height: 1; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper .risk-link:after { position: absolute; top: 8px; right: 15px; content: '×'; color: rgb(204, 204, 204); font-family: 'Glyphicons Halflings'; font-size: 26px; line-height: 1; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper .risk-link[aria-expanded=false]:after { top: 20px; content: '\e252'; font-size: 14px; }
.node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper .risk-link:hover { border-bottom: 1px solid #3da3a3; }
.node-fund.view-mode-full .field-name-risk-info .over-time-padding { padding: 10px 35px 20px; }
.node-fund.view-mode-full .field-name-risk-info .over-time-padding p { font-size: 16.5px; line-height: 24px; }
.node-fund.view-mode-full .field-name-risk-info .over-time-padding p a { font-weight: bold; }

.node-fund.view-mode-full .field-name-risk-info .risk-indicator { margin-top: 30px; margin-bottom: 30px; }
.node-fund.view-mode-full .field-name-risk-info .risk-indicator span { color: #333; font-size: 14px; }
.node-fund.view-mode-full .field-name-risk-info .risk-indicator span.left:before { position: relative; top: 4px; padding-right: 10px; content: '\69'; text-transform: none !important; font-family: 'super-icons' !important; font-size: 18px; font-weight: normal !important; font-style: normal !important; font-variant: normal !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; }
.node-fund.view-mode-full .field-name-risk-info .risk-indicator span.right:after { position: relative; top: 4px; padding-left: 10px; content: '\6a'; text-transform: none !important; font-family: 'super-icons' !important; font-size: 18px; font-weight: normal !important; font-style: normal !important; font-variant: normal !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; }
.node-fund.view-mode-full .group-assets { overflow: hidden; margin: 40px 0 10px; padding: 10px 0; background: #fff; }
.node-fund.view-mode-full .group-assets h3 { margin: 5px 40px 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url(../images/border_bg.png) 0 0 2 0 repeat repeat; padding-bottom: 10px; font: 24px/28px 'YogaWebPro'; }
.node-fund.view-mode-full .group-assets .field { position: relative; float: left; padding: 0 20px; width: 20%; text-align: center; font-size: 14px; line-height: 16px; }
.node-fund.view-mode-full .group-assets .field .label-above { position: absolute; right: 1.5em; bottom: 0; left: 1.5em; font-weight: normal; }
.node-fund.view-mode-full .group-assets .field .field-item { margin-bottom: 0.8em; font: 50px/1 'FontFontYogaPro'; }

.node-fund.view-mode-full .group-assets .field.field-name-assets-modal { margin: 30px 0 10px; padding: 0; width: 100%; text-align: center; font-size: 14px; line-height: 16px; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .assets-link { border-bottom: 1px solid #add2d2; cursor: pointer; color: #3da3a3; font: 16.5px/1.2 'freightsansbook'; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .assets-link:hover { border-bottom: 1px solid #3da3a3; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .close { position: relative; opacity: 1; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .modal-header { border-bottom: 0; padding: 50px 50px 10px; text-align: left; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .modal-header .modal-title { font: 22px/32px 'YogaWebPro'; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .modal-body { padding: 10px 50px 50px; font: 18px/26px 'YogaWebPro'; text-align: left; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .close { position: absolute; top: 16px; right: 30px; }
.node-fund.view-mode-full .group-assets .field.field-name-assets-modal .modal .close span { opacity: 1; color: #000; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 36px; font-weight: 100; }

.node-fund.view-mode-full .group-fees { overflow: hidden; margin: 40px 0 10px; padding: 10px 0 0; background: #fff; }
.node-fund.view-mode-full .group-fees > h3 { margin: 5px 40px 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url(../images/border_bg.png) 0 0 2 0 repeat repeat; padding-bottom: 10px; font: 24px/28px 'YogaWebPro'; }
.node-fund.view-mode-full .group-fees > .description { margin: 5px 40px 30px; font-size: 16px; }
.node-fund.view-mode-full .group-fees > .help-text { padding: 20px 20px; font-size: 14px; }

.fund-fees .views-row { margin-bottom: 1px; }
.fund-fees .group-fees-percentage,
.fund-fees .bottom-text,
.node-fund.view-mode-full .group-fees-percentage { position: relative; overflow: hidden; padding: 3% 5.4%; color: #fff; }
.fund-fees .group-fees-percentage h2,
.node-fund.view-mode-full .group-fees-percentage h2 { float: left; margin: 0; width: 37%; font-size: 24px; line-height: 1.2; }
.fund-fees .group-fees-percentage .fund-fee,
.node-fund.view-mode-full .group-fees-percentage .fund-fee { float: left; width: 37%; }
.fund-fees .group-fees-percentage .kiwisaver-fee,
.node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee { position: absolute; top: 0; right: 0; padding: 3% 5.4%; width: 36%; height: 100%; color: #333; }
.fund-fees .group-fees-percentage.cash-fund .kiwisaver-fee,
.node-fund.view-mode-full .group-fees-percentage.cash-fund .kiwisaver-fee { background: #e4efd7; }
.fund-fees .group-fees-percentage.conservative-fund .kiwisaver-fee,
.node-fund.view-mode-full .group-fees-percentage.conservative-fund .kiwisaver-fee { background: #ffead0; }
.fund-fees .group-fees-percentage.balanced-fund .kiwisaver-fee,
.node-fund.view-mode-full .group-fees-percentage.balanced-fund .kiwisaver-fee { background: #e2dced; }
.fund-fees .group-fees-percentage.balanced-fund .kiwisaver-fee,
.fund-fees .group-fees-percentage.growth-fund .kiwisaver-fee,
.node-fund.view-mode-full .group-fees-percentage.growth-fund .kiwisaver-fee { background: #fce2dd; }
.node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee .data,
.node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee .title,
.fund-fees .group-fees-percentage .kiwisaver-fee .data,
.fund-fees .group-fees-percentage .kiwisaver-fee .title { color: #636466; }
.fund-fees .group-fees-percentage .data,
.node-fund.view-mode-full .group-fees-percentage .data { margin-bottom: 0.1em; font: 60px/1 'FontFontYogaPro'; }
.fund-fees .group-fees-percentage .title,
.node-fund.view-mode-full .group-fees-percentage .title { font-size: 17px; }
.fund-fees .bottom-text { padding: 2% 5.4%; background-color: #fff; color: #333; }
.fund-fees .bottom-text .title { width: 36%; float: left; font: 24px/31px 'YogaWebPro'; }
.fund-fees .bottom-text .description { margin-left: 37%; font-size: 17px; line-height: 26px; }

.node-fund.view-mode-full .group-updates { position: relative; margin-top: 40px; padding: 10px 40px 20px; color: #fff; background: #a8a8a8; }
.node-fund.view-mode-full .group-updates h2 { margin: 10px 0 10px; width: 50%; font-family: freightsansbook; font-size: 20px; line-height: 26px; }
.node-fund.view-mode-full .group-updates .description { width: 50%; }
.node-fund.view-mode-full .group-updates .field-name-field-fund-updates,
.node-fund.view-mode-full .group-updates .field-name-field-information-updates-files { position: absolute; top: 41px; right: 40px; border-radius: 0; background: transparent; }
.node-fund.view-mode-full .group-updates .field-name-field-fund-updates .btn.btn-default,
.node-fund.view-mode-full .group-updates .field-name-field-information-updates-files .btn.btn-default { border-radius: 4px; padding: 18px 20px 16px 20px; font-family: freightsansbook; font-size: 18px; line-height: 24px; }
.node-fund.view-mode-full .group-updates .field-name-field-fund-updates .btn.btn-default .caret,
.node-fund.view-mode-full .group-updates .field-name-field-information-updates-files .btn.btn-default .caret { margin-left: 40px; border-top: 10px dashed; border-top: 10px solid \9; border-right: 10px solid transparent; border-left: 10px solid transparent; color: #929292; }
.node-fund.view-mode-full .group-updates .field-name-field-fund-updates .dropdown-menu a,
.node-fund.view-mode-full .group-updates .field-name-field-information-updates-files .dropdown-menu a { border: 0; }
.node-fund.view-mode-full .field-name-retirement-info { margin-top: 35px; }
.node-fund.view-mode-full .field-name-retirement-info .label-above { margin-bottom: 10px; font-weight: bold; }
.node-fund.view-mode-full .field-name-retirement-info .text-small { font-size: 14px; line-height: 18px; }

.fund-view-only {
  display: none;
}

.view-funds .fund-view-only {
  display: block;
}

@media (max-width: 1199px) {
  .node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link[aria-expanded=false]:after { top: 11px; }
  .node-fund.view-mode-full .group-over-time .field-name-over-time-link .over-time-link:after { top: -1px; }
  .node-fund.view-mode-full .group-updates .field-name-field-fund-updates .btn.btn-default .caret,
  .node-fund.view-mode-full .group-updates .field-name-field-information-updates-files .btn.btn-default .caret { margin-left: 20px; }
}
@media (max-width: 991px) {
  .node-fund.view-mode-full .group-performance { text-align: center; }
  .node-fund.view-mode-full .group-performance h2 { margin-bottom: 15px; width: 100%; }
  /*.node-fund.view-mode-full .group-performance .fund-performance { float: left; width: 50%; }*/
  .node-fund.view-mode-full .group-performance .fund-performance { /* TODO: remove */
    width: 100%;
    text-align: center;
    float: none;
  }
  .node-fund.view-mode-full .group-performance .kiwisaver-performance { float: left; width: 50%; }
  .node-fund.view-mode-full .group-over-time .field-name-over-time-link { padding: 6px 33px 11px; }
  .node-fund.view-mode-full .group-over-time .over-time-padding { display: block; }
  .node-fund.view-mode-full .group-over-time .over-time-wrapper { float: none; margin-bottom: 20px; width: 100%; }
  .node-fund.view-mode-full .field-name-risk-indicator { padding: 15px 20px; }
  .node-fund.view-mode-full .field-name-risk-info .risk-link-wrapper { padding: 15px 20px 17px 30px; }
  .node-fund.view-mode-full .field-name-risk-info .over-time-padding { padding: 10px 20px 20px; }
  .node-fund.view-mode-full .risk-indicator span { font-size: 16.5px; line-height: 24px; }
  .node-fund.view-mode-full .risk-indicator .risk-indicator-list li { padding: 10px 0 12px; }
  .node-fund.view-mode-full .group-assets h3 { margin: 5px 20px 30px; }
  .node-fund.view-mode-full .group-assets .field { margin-bottom: 20px; width: 100%; }
  .node-fund.view-mode-full .group-assets .field .field-item { margin-bottom: 0.5em; }

  .node-fund.view-mode-full .group-fees > h3 { margin: 5px 20px 10px; }
  .node-fund.view-mode-full .group-fees > .description { margin: 5px 20px 30px; }

  .node-fund.view-mode-full .group-updates { padding: 10px 20px 20px; }
  .node-fund.view-mode-full .group-updates h2 { width: 100%; }
  .node-fund.view-mode-full .group-updates .description { width: 100%; }
  .node-fund.view-mode-full .group-updates .field-name-field-fund-updates,
  .node-fund.view-mode-full .group-updates .field-name-field-information-updates-files { position: relative; top: 0; left: 0; margin: 20px 0 0; }
  .node-fund.view-mode-full .group-updates .field-name-field-fund-updates .btn.btn-default,
  .node-fund.view-mode-full .group-updates .field-name-field-information-updates-files .btn.btn-default { padding: 14px 20px 14px 20px; font-size: 16px; line-height: 22px; }
  .fund-fees .group-fees-percentage,
  .node-fund.view-mode-full .group-fees-percentage { text-align: center; }
  .fund-fees .group-fees-percentage h2,
  .node-fund.view-mode-full .group-fees-percentage h2 { margin-bottom: 15px; width: 100%; }
  .fund-fees .group-fees-percentage .fund-fee,
  .node-fund.view-mode-full .group-fees-percentage .fund-fee { float: left; width: 50%; }
  .fund-fees .group-fees-percentage .fund-fee,
  .fund-fees .group-fees-percentage .kiwisaver-fee,
  .node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee { position: static; float: left; padding: 0; width: 50%; color: #fff; background: transparent !important; }

  .node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee .data,
  .node-fund.view-mode-full .group-fees-percentage .kiwisaver-fee .title,
  .fund-fees .group-fees-percentage .kiwisaver-fee .data,
  .fund-fees .group-fees-percentage .kiwisaver-fee .title { color: #fff; }
}
@media (max-width: 767px) {
  .node-fund.view-mode-full .group-performance .data { font-size: 2em; }
  .node-fund.view-mode-full .group-performance .title { font-size: 0.8em; }
  .node-fund.view-mode-full .group-over-time .over-time-padding { display: flex; }
  .node-fund.view-mode-full .group-over-time .over-time-wrapper { float: left; margin-bottom: 0; width: 16.66%; }
  .node-fund.view-mode-full .risk-indicator .risk-indicator-list li { padding: 10px 0; }
  .node-fund.view-mode-full .group-assets h3 { margin-bottom: 10px; }
  .node-fund.view-mode-full .group-assets .field { margin-bottom: 0; width: 20%; }
  .node-fund.view-mode-full .group-assets .field .field-item { margin-bottom: 0.8em; }

  .fund-fees .group-fees-percentage .data,
  .node-fund.view-mode-full .group-fees-percentage .data { font-size: 36px; }
  .fund-fees .group-fees-percentage .title,
  .node-fund.view-mode-full .group-fees-percentage .title { font-size: 14.4px; }
}
@media (max-width: 624px) {
  .node-fund.view-mode-full .group-assets h3 { margin-bottom: 30px; }
  .node-fund.view-mode-full .group-assets .field { margin-bottom: 20px; width: 100%; }
  .node-fund.view-mode-full .group-assets .field .field-item { margin-bottom: 0.5em; }
}
@media (max-width: 560px) {
  .node-fund.view-mode-full .group-over-time .over-time-padding { display: block; }
  .node-fund.view-mode-full .group-over-time .over-time-wrapper { float: none; margin-bottom: 20px; width: 100%; }
  .node-fund.view-mode-full .risk-indicator .risk-indicator-list li { padding: 10px 0 12px; }
}
@media (max-width: 480px) {
  .node-fund.view-mode-full .field-name-body .block-wrapper img { display: block; float: none; margin: 0 auto 10px; }
  .node-fund.view-mode-full .field-name-body .block-wrapper .text-wrapper { margin-left: 0; }
  .node-fund.view-mode-full .risk-indicator span.left { display: none; }
  .node-fund.view-mode-full .risk-indicator span.right { display: none; }
}


/* Node: how-it-works. */

.page-node-8 .main-content { background: url("../images/content_pancils_bg.png") left 640px no-repeat #f7f7f7; }
.page-node-3 .main-content .block-system,
.page-node-8 .main-content .block-system { margin-bottom: 0; }
.page-node-8 h2.node-title { margin: 20px 0 30px; font: 42px/50px 'YogaWebProBold'; }
.page-node-8 .field-name-body > p { margin: 50px 0; font: 20px/32px 'freightsansbook'; }
.page-node-8 .field-name-body ul { margin: 0; padding: 0; list-style: none; }
.page-node-8 .field-name-body ul li { position: relative; }
.page-node-8 .field-name-body ul li h3 { margin-top: 0; font: 20px/30px 'YogaWebPro'; }
.page-node-8 .field-name-body ul li p { font: 16.5px/24px 'freightsansbook'; }
.page-node-8 .field-name-body ul li .nolink,
.page-node-8 .field-name-body ul li a { display: block; border-bottom: 1px solid #CCC; padding: 30px 70px; overflow: hidden; background: url("../images/green_arrow.png") right center no-repeat; color: #333; }
.page-node-8 .field-name-body ul li.first a { border-top: 1px solid #CCC; }
.page-node-8 .field-name-body ul li .nolink:hover,
.page-node-8 .field-name-body ul li a:hover { border-bottom-color: #FFF; background-color: #FFF; text-decoration: none; }
.page-node-8 .field-name-body ul li:before { position: absolute; top: 10px; left: 20px; font: 42px/50px 'freightsansbook'; }
.page-node-8 .field-name-body ul li.first:before { content: '1.'; }
.page-node-8 .field-name-body ul li.second:before { content: '2.'; }
.page-node-8 .field-name-body ul li.third:before { content: '3.'; }
.page-node-8 .field-name-body ul li.fourth:before { content: '4.'; }
.page-node-8 .field-name-body .nolink.btn,
.page-node-8 .field-name-body a.btn { margin-right: 10px; border-color: #333; background-color: #FFF; color: #333; }
.page-node-8 .field-name-body .nolink.btn:hover,
.page-node-8 .field-name-body a.btn:hover { border-color: #80b640; background-color: #80b640; color: #FFF; }
.page-node-8 .field-name-body p.buttons { margin: 85px 0; }
@media (max-width: 1650px){
  .page-node-8 .main-content { background-image: none; }
}
@media (max-width: 991px){
  .page-node-8 .field-name-body p.buttons { margin: 40px 0; }
}
@media (max-width: 480px){
  .page-node-8 .field-name-body ul li .nolink,
  .page-node-8 .field-name-body ul li a { padding: 20px 0; background: none; }
  .page-node-8 .field-name-body ul li:before { display: none; }
  .page-node-8 .field-name-body .nolink.btn,
  .page-node-8 .field-name-body a.btn { margin-bottom: 20px; }
  .page-node-8 .field-name-body p.buttons { margin-bottom: 20px; }
}

/* Node: withdraw */

.page-node-11 .field-name-body p { margin: 2em 0; font: 22px/30px 'freightsansbook'; }
ul.advanced-link-list { margin: 0 0 50px; padding: 0; list-style: none; }
ul.advanced-link-list li a:not([href$=".pdf"]) { display: block; padding: 40px 80px 40px 40px; width: 100%; font: 16.5px/24px 'freightsansbook'; background: url("../images/green_arrow.png") 100% center no-repeat; }
ul.advanced-link-list li a strong { font-family: 'freightsansbook'; font-weight: bold; }
ul.advanced-link-list li a[href$=".pdf"] { display: block; padding: 40px 80px 40px 40px; width: 100%; font: 16.5px/24px 'freightsansbook'; background: url("../images/pdf_bg.png") 100% center no-repeat; }
ul.advanced-link-list li a:hover,
ul.advanced-link-list li a:focus { border-color: #c6c6c6; background-color: #fff; }
ul.advanced-link-list li:first-child a { border-top: 1px solid #c6c6c6; }
ul.advanced-link-list li a span.title { display: block; margin-bottom: 15px; font: 22px/30px 'YogaWebPro'; }
@media (max-width: 480px){
  ul.advanced-link-list li a:not([href$=".pdf"]) { padding: 20px 45px 20px 15px; background: url("../images/green_arrow.png") 105% center no-repeat; }
  ul.advanced-link-list li a[href$=".pdf"] { padding: 20px 50px 20px 15px; background: url("../images/pdf_bg.png") 104% center no-repeat; }
  ul.advanced-link-list li a strong { margin-bottom: 5px; }
  ul.advanced-link-list li a:hover,
  ul.advanced-link-list li a:focus { border-color: #c6c6c6; background-color: #fff; }
}

/* Node: performance. */

.page-node-17 .field-name-body p.description { margin: 40px 0; }
.page-node-17 .field-name-body .table-wrapper { margin: 0 0 30px; padding: 0 30px; background: #fff; }
.page-node-17 .field-name-body .table { margin-bottom: 0; }
.page-node-17 .field-name-body .table caption { margin: 0; border-bottom: 1px solid #ccc; padding: 30px 0 25px; font: 18.5px/24px 'YogaWebPro'; }
.page-node-17 .field-name-body .table > thead > tr > th { border: 0 none; }
.page-node-17 .field-name-body .table > tbody > tr > td { border-top: 1px dotted #dcdcdc; font-size: 16.5px; }
.page-node-17 .field-name-body .table > tbody > tr > td .percent { font-size: 30px; }
.page-node-17 .field-name-body .table > thead > tr > th:first-child,
.page-node-17 .field-name-body .table > tbody > tr > td:first-child { padding-left: 0; }

.page-node-17 .main-content .block-system { margin-bottom: 0; }
.page-node-17 .quicktabs_main { margin: 0; border: 0 none; padding: 0; }
@media (max-width: 767px){
  .page-node-17 .field-name-body .table-responsive { border: 0 none; }
}

.page-node-17 .performance-results-page { padding-top: 0; }

/* Node: investment. */

.page-node-22 h1.page-header { display: none; }
.page-node-22 .field-name-body h2 { margin: 35px 0 15px; }
.page-node-22 .field-name-body h2.page-header { margin: 30px 0; font: 40px/52px 'YogaWebPro' }
.page-node-22 .quicktabs_main p { font-size: 16.5px; line-height: 24px; }

/* Node: interim interest rates. */

table {margin-bottom: 25px;}
.interest-table {background: #fff; border-collapse: inherit; font-size: 16.5px;}
.interest-table tr {border-top: 1px solid #ebebeb;}
.interest-table th {color: #fff; font-weight: normal;}
.interest-table td, .interest-table th {padding: 15px 30px; vertical-align: middle;}
.interest-table th:first-child {background: #fff; color: #999}
.interest-table th:nth-child(2) { background: #80b640; }
.interest-table th:nth-child(3) { background: #ef9c00; }
.interest-table th:nth-child(4) { background: #a578b9; }
.interest-table th:nth-child(5) { background: #f0706e; }
.interest-table td { border-top: 1px dotted #dcdcdc;  }
.interest-table td:first-child {min-width: 165px; }
@media (max-width: 1199px){
.interest-table {min-width: 100%; margin-bottom: 0px !important;}
.interest-table td, .interest-table th {padding: 15px 10px; font-size: 12px;}
.interest-table td:first-child {max-width: 100px;}
}
@media (max-width: 480px){
.interest-table td, .interest-table th {padding: 10px 7px; font-size: 10px;}
.interest-table td:first-child {max-width: 85px; }
}

/* How it works: new page. */

.page-node-26 .node h2 strong { margin-right: 20px; font: normal 42px 'YogaWebPro'; }
.page-node-26 .savings-calc-block .block-title { display: none; }
.page-node-26 .savings-calc-block .savings-calc { margin-bottom: 20px; }

/**
 * CKEditor.
 */

.cke_editable { padding: 15px; }
.cke_editable .custom-code { position: relative; overflow: hidden; margin-bottom: 15px; border: 1px solid #FF8C5A; padding: 20px 5px 15px; }
.cke_editable .custom-code::before { content: 'Edit carefully'; position: absolute; top: 0; left: 0; display: block; padding: 0 5px 0 25px; font: 12px/18px 'freightsansbook'; background: #FF8C5A; color: #fff; }
.cke_editable .custom-code::after { content: '\e209'; position: absolute; top: 0; left: 0; display: block; padding: 0 5px; font: 11px/18px 'Glyphicons Halflings'; color: #fff; }

/**
 * Chart.
 */

.block-panel { margin: 0 0 30px; border: 0 none; border-radius: 0; padding: 30px; background: #fff; }
.block-panel h2 { margin: 0 0 20px; border-bottom: 1px solid #ccc; padding: 0 0 20px; }

/* Chart: performance page. */

.min-val,
.max-val { position: absolute; font-size: 24px; line-height: 1em; }
.min-val span,
.max-val span { font-size: 14px; }
.min-val { left: 0; text-align: left; }
.max-val { right: 0; text-align: right; }
.table-to-chart-block .quicktabs-tabpage { position: relative; }
.table-to-chart-block .table-to-chart { display: block; width: 100%; height: 0; overflow: hidden; }
.table-to-chart-block .chart { height: 300px; width: 100%; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic { display: block; margin: 0; border: 0; padding: 0 0 10px; height: auto; overflow-x: auto; overflow-y: hidden; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active { margin: 0; border: 0; padding: 0; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active:after { position: absolute; bottom: -10px; left: 50%; content: ''; margin-left: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: transparent; height: 10px; width: 20px; }
/*.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:first-child.active:after { border-top-color: #80B640; }*/
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(1).active:after { border-top-color: #ED9B1D; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after { border-top-color: #A479B7; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:last-child.active:after { border-top-color: #EE7171; }
/*.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:first-child a { background: #80B640; }*/
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(1) a { background: #ED9B1D; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background: #A479B7; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:last-child a { background: #EE7171; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li { position: relative; display: table-cell; margin: 0; border: 0; padding: 0; width: 1%; text-align: center; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:hover { border: 0; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active a { color: #fff; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li a { display: block; border-bottom: 0; padding: 25px 15px; color: #fff; font-family: Verdana !important; }
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li a:hover { border-bottom: 0; color: #fff; }

/**
 * Blocks.
 */

/* Blocks: block-main-menu */

.block-main-menu .menu .sublevel { display: none; }
.block-main-menu .menu .sublevel.open { display: block; }
.block-main-menu .menu .expanded  { position: relative; }
.block-main-menu .menu .expanded .expand-link { position: relative; float: right; top: 4px; right: 0; padding: 10px; display: block; width: 10px; height: 10px; overflow: hidden; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.block-main-menu .menu .expanded .expand-link::before,
.block-main-menu .menu .expanded .expand-link::after { content: ''; position: absolute; height: 1px; width: 11px; top: 10px; left: 5px; margin-top: -1px; background: #000; }
.block-main-menu .menu .expanded .expand-link::before { left: 10px; top: 5px; width: 1px; height: 11px; }
.block-main-menu .menu .expanded .expand-link:hover::before,
.block-main-menu .menu .expanded .expand-link:hover::after { background-color: #7ab542; }
.block-main-menu .menu .expanded .expand-link:hover { cursor: pointer; }
.block-main-menu .menu .expanded .expand-link.open { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/* Blocks: performance tabs statistic title block. */

.perf-tabs-stat-title.block-panel { position: relative; bottom: -1px; margin: 0; padding-bottom: 0; }

/* Blocks: performance block. */

.performance-block { position: relative; }
.performance-block .table-to-chart-wrapper { position: relative;  clear: both; }
.performance-block.total-assets-block .title-bottom { margin-bottom: 40px; border-bottom: 2px dotted #D4D4D4; padding-bottom: 10px; overflow: hidden; }
.performance-block .left-element { width: 50%; float: left; }
.performance-block .center-element { position: absolute; bottom: 30px; width: 100%; opacity: 0.3; }
.performance-block .right-element { margin: 10px 0 0; width: 50%; float: right; }
.performance-block.total-assets-block .right-element { margin: 10px 0; }
.performance-block .big { font: 50px/50px 'YogaWebPro'; }
@media (max-width: 767px){
  .performance-block .left-element,
  .performance-block .right-element { width: 100%; }
  .performance-block .center-element { position: relative; bottom: 0; margin: 15px 0 0; color: #ccc; opacity: 1; }
  .performance-block .big { font-size: 30px; }
}

/* Blocks: read annual report block. */

.read-annual-report-block ul.read-annual-report-list { margin: 0 0 30px; padding: 0; list-style: none; }
.read-annual-report-block ul.read-annual-report-list li { display: block; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 40px 80px 40px 40px; width: 100%; font: 18.5px/28px 'YogaWebPro'; background: url("../images/pdf_bg.png") right center no-repeat; }
.read-annual-report-block ul.read-annual-report-list li a { font: 14px/24px 'freightsansbook';}
.read-annual-report-block .annual-report-links { display: inline; margin: 0 10px; }
.read-annual-report-block ul.read-annual-report-list li span { margin-right: 30px; }
.read-annual-report-block select.form-control { display: inline; border: 0 none; width: auto; box-shadow: none; font-family: 'freightsansbook'; }
.read-annual-report-block ul.read-annual-report-list li .delimiter { margin: 0; }
@media (max-width: 600px){
  .read-annual-report-block ul.read-annual-report-list li .delimiter { display: block; width: 100%; }
}
@media (max-width: 480px){
  .read-annual-report-block .annual-report-links { margin: 0 0 0 10px; }
  .read-annual-report-block ul.read-annual-report-list li { padding: 20px 0; background-image: none; }
}

/* Blocks: read annual report block (disclose) */

.page-node-52 .read-annual-report-block {
	border-top: 0;
	margin-top: -40px;
	margin-bottom: 30px;
}

.page-node-52 ul.read-annual-report-list { margin: 0 0 0; padding: 0; list-style: none; }
.page-node-52 ul.read-annual-report-list li { display: block; border-top: 0; padding: 40px 80px 40px 40px; width: 100%; font: 16.5px/24px 'freightsansbook'; background: url("../images/pdf_bg.png") right center no-repeat; }
.page-node-52 .annual-report-links { display: inline; margin: 0 10px; }
.page-node-52 ul.read-annual-report-list li span { margin-right: 30px; }
.page-node-52 select.form-control { display: inline; border: 0 none; width: auto; box-shadow: none; font-family: 'freightsansbook'; }
.page-node-52 ul.advanced-link-list {margin: 0 0 0;}
@media (max-width: 480px){
.page-node-52  .read-annual-report-block ul.read-annual-report-list li { padding: 20px 15px; background-image: none; }
}

/* Blocks: account structure block. */

.account-structure-block { margin: 0 0 70px; background: #fff; }
.account-structure-block ul.quicktabs-tabs.quicktabs-style-basic { overflow: inherit; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic a { position: relative; padding: 20px 0; height: 58px; font-size: 16.5px !important; line-height: 18px !important; z-index: 10; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic a i { position: relative; top: 3px; margin-right: 10px; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:first-child a { background: #09818F; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li.first:after,
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:first-child .active:after { border-top-color: #09818F; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background: #38A2A2; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after { border-top-color: #38A2A2; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(3) a { background: #16C0C0; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(3).active:after { border-top-color: #16C0C0; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li::before { content: ''; display: block; position: absolute; top: 0; width: 100%; height: 11px; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; z-index: 5; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:first-child::before { background: #09818F; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2)::before { background: #38A2A2; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(3)::before { background: #16C0C0; }
.account-structure-block .quicktabs-tabs.quicktabs-style-basic li.active::before { top: -10px; }


.account-structure-block ul.quicktabs-tabs.quicktabs-style-basic li { display: inline-block; float: left; width: 33%; }
.account-structure-block ul.quicktabs-tabs.quicktabs-style-basic li.last { display: inline-block; float: left; width: 34%; }

.account-structure-block .box-calculate-result { font: 16.5px/1 'YogaWebPro'; }
.account-structure-block .box-calculate-result .result-wrapper { border-top: 1px solid #D3D3D3; padding: 0; }
.account-structure-block .box-calculate-result .result-wrapper .description,
.account-structure-block .box-calculate-result .result-wrapper .result-value { display: inline-block; }
.account-structure-block .box-calculate-result .result-wrapper .description { width: 80%; }
.account-structure-block .box-calculate-result .result-wrapper .tax-credit .description { padding: 20px 0 0 6%; color: #8E8E8E; font: 16.5px/1 'YogaWebPro'; }
.account-structure-block .box-calculate-result .result-wrapper .result-value { width: 18%; font-family: 'freightsansbook'; }
.account-structure-block .box-calculate-result .result-wrapper .tax-credit .result-value { color: #8E8E8E; }
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked,
.account-structure-block .box-calculate-result .result-wrapper .tax-credit,
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked { margin: 0; padding: 30px 30px 30px 80px; }
.account-structure-block .box-calculate-result .result-wrapper .tax-credit,
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked { background: #ececec; }
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked { padding-bottom: 0; }
.account-structure-block .box-calculate-result .total-fortnightly-contribution { border-top: 0 none; border-bottom: 1px solid #D3D3D3; padding: 30px; font-size: 24px; }
.account-structure-block .box-calculate-result .result-wrapper .tax-credit { padding-top: 0; }
.account-structure-block .box-calculate-result .result-wrapper .description i { display: inline-block; font-family: 'freightsansbook'; font-size: 16.5px; font-weight: bold; font-style: normal; color: #5A5A5A; }
.account-structure-block .box-calculate-result .result-wrapper .description i::before { position: relative; top: 3px; margin: 0 15px 0 5px; font-family: 'super-icons'; font-style: normal; font-weight: normal; }
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked .description i::before { content: '\62'; }
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked .description i::before { content: '\61'; }
.account-structure-block .box-calculate-result .result-wrapper .result-value::before { content: '$'; }
.account-structure-block .box-calculate-result .total-annual-contribution { padding: 30px 30px; font-size: 24px; background: #ECECEC; }

.account-structure-block table { margin-bottom: 25px; }
.account-structure-block table caption { margin: 40px 30px; padding: 0; font: 18.5px/26px 'freightsansbook'; color: #333; font-weight: bold; }
.account-structure-block table tr { border-top: 1px solid #ebebeb; }
.account-structure-block table tr td { padding: 15px 30px; vertical-align: top; font: 16.5px/24px 'freightsansbook'; }
.account-structure-block table tr td:first-child { min-width: 255px; font: 18.5px/24px 'freightsansbook'; }

.account-structure-block .box { margin: 40px 30px; }
.account-structure-block .box h4 { font-size: 20px; line-height: 24px; }
.account-structure-block .box p { font-size: 16.5px; line-height: 24px; }
.account-structure-block .red-box { margin: 20px 15px; padding: 15px; background: #ed7171; color: #fff; clear: both; }
.account-structure-block .red-box h4 { margin: 5px 0 10px; font-size: 20px; line-height: 24px; }
.account-structure-block .red-box p { font-size: 16.5px; line-height: 24px; }

.account-structure-block form.account-structure-calculator { padding: 0; }
.account-structure-block form.account-structure-calculator .field { padding: 30px; }
.account-structure-block form.account-structure-calculator .field-annual-salary { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; background: #DBDBDB; }
.account-structure-block form.account-structure-calculator .field-percent-slider { border-bottom: 1px solid #D3D3D3; padding-bottom: 30px; background: #379393; color: #fff; }
.account-structure-block form.account-structure-calculator .field-percent-slider label { margin-bottom: 15px; }
.account-structure-block form.account-structure-calculator label { margin: 0; padding: 7px 0; font-size: 20px; }
.account-structure-block form.account-structure-calculator .field-annual-salary label { width: 55%; }
.account-structure-block form.account-structure-calculator .field-percent-slider-extra-input { float: right; }
.account-structure-block form.account-structure-calculator .field-percent-slider-extra .suffix { display: inline-block; margin: 0 0 0 -4px; border-radius: 0 2px 2px 0;  padding-top: 8px; width: 42px; height: 42px; text-align: center; vertical-align: top; font: 30px/30px 'YogaWebPro'; background: #636466; color: #ffffff; }
.account-structure-block form.account-structure-calculator .field-hours-per-week input,
.account-structure-block form.account-structure-calculator .field-percent-slider-extra input,
.account-structure-block form.account-structure-calculator input[name="field_annual_salary"] { display: inline-block; position: relative; left: -4px; border: 0 none; height: 42px; font-size: 25px; background: #f7f7f7; color: #555; outline: none; box-shadow: none; }
.account-structure-block form.account-structure-calculator input[name="field_annual_salary"] { border-radius: 0 2px 2px 0; padding: 0 15px 5px; width: 250px; }
.account-structure-block form.account-structure-calculator .field-percent-slider-extra input { border-radius: 2px 0 0 2px; padding: 0 15px 5px; width: 70px; text-align: center; }
.account-structure-block form.account-structure-calculator .prefix { display: inline-block; border-radius: 2px 0 0 2px; padding-top: 8px; width: 42px; height: 42px; text-align: center; vertical-align: top; font: 30px/30px 'YogaWebPro'; background: #636466; color: #fff; }
.account-structure-block form.account-structure-calculator .description { display: inline-block; width: 62%; }
.account-structure-block form.account-structure-calculator .annual-total-container { margin: 0 -20px; padding: 20px 25px; background: #f8f8f8; font-size: 24px; line-height: 24px; }
.account-structure-block form.account-structure-calculator .annual-total-container .annual-total { display: inline-block; width: 62%; font: 20px/20px 'YogaWebPro'; }
.account-structure-block form.account-structure-calculator input.error { box-shadow: 0 0 0 2px #EA6566 inset; }
.account-structure-block form.account-structure-calculator .field-percent-slider-extra { display: none; padding: 15px 30px; background: #FFD186; overflow: hidden; }
.account-structure-block form.account-structure-calculator .field-annual-salary-input { float: right; }
.account-structure-block form.account-structure-calculator .field-percent-slider-extra label { font-family: 'freightsansbook'; }
.account-structure-block form.account-structure-calculator .field-working-time { margin: 0; overflow: hidden; }
.account-structure-block form.account-structure-calculator .field-working-time label { width: inherit; }
.account-structure-block form.account-structure-calculator .field-hours-per-week,
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radios { margin: 0; padding: 30px;  overflow: hidden; background: #ECECEC; }
.account-structure-block form.account-structure-calculator .field-working-time .form-radios { float: right; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio { display: inline-block; margin: 0; padding: 0; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio.first { margin-right: 10px; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio label { display: inline-block; margin-top: 0; padding: 9px 15px; border-radius: 3px; width: auto; background: #767676; color: #fff; font: 18.5px/24px 'freightsansbook'; transition: 0.3s; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio label:hover { background: #cccccc; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio .form-radio { position: absolute; top: 0.5em; left: 2em; z-index: -1; }
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio .form-radio:checked + label { background: #3da3a3; }
.account-structure-block form.account-structure-calculator .field-hours-per-week input { float: right; padding: 0 15px 5px; width: 70px; }
.account-structure-block form.account-structure-calculator .field-hours-per-week { display: none; border-top: 1px solid #D3D3D3; }

.account-structure-block form.account-structure-calculator .slider { margin: 20px 0 50px !important; }
.account-structure-block form.account-structure-calculator .slider .slider-track { background: #fff; }
.account-structure-block form.account-structure-calculator .slider .slider-tick-label { padding-top: 10px; font-size: 14px; }
.account-structure-block form.account-structure-calculator .slider .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }
.account-structure-block form.account-structure-calculator .slider .slider-handle { background: #fff; z-index: 1; }
.account-structure-block form.account-structure-calculator .slider .tooltip.top { margin-top: -12px; cursor: pointer; }
.account-structure-block form.account-structure-calculator .slider .tooltip.tooltip-main .tooltip-inner { padding: 5px 11px; background: transparent; font-size: 16.5px; color: #585858; }
.account-structure-block form.account-structure-calculator .slider .tooltip.top .tooltip-arrow { border-color: transparent; }
.account-structure-block form.account-structure-calculator .slider .slider-tick-label:nth-child(2):after { content: "(Minimum)"; position: absolute; margin-left: 5px; }
.account-structure-block form.account-structure-calculator .slider-track { border-radius: 5px; }
.account-structure-block form.account-structure-calculator .slider-track::before,
.account-structure-block form.account-structure-calculator .slider-track::after { position: absolute; top: 0; width: 10%; height: 10px; content: ""; }
.account-structure-block form.account-structure-calculator .slider-track::before { left: 0; border-radius: 4px 0 0 4px; background: #A8A8A8; }
.account-structure-block form.account-structure-calculator .slider-track::after { right: 0; border-radius: 0 4px 4px 0;background: #FFD18B; }

@media (max-width: 1200px){
  .account-structure-block table tr td:first-child { min-width: inherit; }
  .account-structure-block form.account-structure-calculator input[name="field_annual_salary"] { width: 200px; }
}
@media (max-width: 991px){
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked,
  .account-structure-block .box-calculate-result .result-wrapper .tax-credit,
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked { padding-left: 30px; }
  .account-structure-block .box-calculate-result .result-wrapper .tax-credit .description { padding-left: 0; }
  .account-structure-block .box-calculate-result .result-wrapper .description,
  .account-structure-block .box-calculate-result .result-wrapper .result-value { width: 100%; }
  .account-structure-block .box-calculate-result .result-wrapper .result-value { margin: 10px 0 0 0; }
  .account-structure-block .box-calculate-result .result-wrapper .description i::before { margin-left: 0; }
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked .result-value,
  .account-structure-block form.account-structure-calculator .field-hours-per-week input,
  .account-structure-block form.account-structure-calculator .field-working-time .form-radios,
  .account-structure-block form.account-structure-calculator .field-annual-salary-input,
  .account-structure-block form.account-structure-calculator .field-percent-slider-extra input { float: none; }
  .account-structure-block form.account-structure-calculator .field-annual-salary label,
  .account-structure-block form.account-structure-calculator label { margin-bottom: 5px; width: 100%; }
  .account-structure-block form.account-structure-calculator .field-working-time label { float: none; }
}
@media (max-width: 480px){
  .account-structure-block table tr td { padding: 15px 10px; }
  .account-structure-block form.account-structure-calculator input[name="field_annual_salary"] { width: 160px; }
  .account-structure-block form.account-structure-calculator .annual-total-container .annual-total,
  .account-structure-block form.account-structure-calculator .description { width: 100% }
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:first-child,
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:nth-child(2):after,
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:last-child { display: none; }
}

/* Blocks: investment block. */

.investment-block { margin: 0 0 70px; background: #fff; }
/*.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background: #80B640; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after { border-top-color: #80B640; }*/
.investment-block .quicktabs-tabs.quicktabs-style-basic { overflow: inherit; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li::before { content: ''; display: block; position: absolute; top: 0; width: 100%; height: 11px; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; z-index: 5; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child::before { background: #ED9B1D; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child a { background: #ED9B1D; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child.active:after { border-top-color: #ED9B1D; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li::before { background: #EE7171; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background: #EE7171; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after { border-top-color: #EE7171; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child::before { background: #A479B7; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child a { background: #A479B7; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child.active:after { border-top-color: #A479B7; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li.active::before { top: -10px; }

.investment-block ul.quicktabs-tabs.quicktabs-style-basic li { display: inline-block; float: left; width: 33.33%; }
.investment-block ul.quicktabs-tabs.quicktabs-style-basic li a { padding: 15px 0; }

.investment-block-body .element-container { border-bottom: 1px solid #E8E8E8; padding: 15px 30px; overflow: hidden; }
.investment-block-body .element-container h3 { margin: 15px 0; }
.investment-block-body .element-container .left-element { width: 80%; }
.investment-block-body .element-container .right-element { width: 20%; }
.investment-block-body .element-container .left-element { float: left; text-align: left; }
.investment-block-body .element-container .right-element { float: right; text-align: right; color: #666666; }
.investment-block-body .digit { float: left; margin-right: 2%; padding: 10px; width: 12.5%; background: #E2E2E2; color: #BCBCBC; text-align: center; font-size: 18.5px; line-height: 18px; }
.investment-block-body .digit.orange { background: #ED9B1D; color: #AE6D08; }
.investment-block-body .digit.green { background: #80B640; color: #5B802E; }
.investment-block-body .digit.purple { background: #A479B7; color: #7D598F; }
.investment-block-body .digit.red { background: #EE7171; color: #A34F4F; }
.investment-block-body .element-container .digit.last { margin-right: 0; }
.investment-block-body .element-container.bb { border-bottom: 1px solid #C2C2C2; }
.investment-block-body .element-container.bb .left-element,
.investment-block-body .element-container.bb .right-element { margin: 15px 0; width: 50%; font-size: 14px; }
.investment-block-body .element-container.last { margin-bottom: 40px; border-bottom: 0 none; padding-bottom: 40px; background: #ffffff; }
.investment-block-body .element-container .percent { float: left; padding: 0 20px; width: 20%; border-right: 2px dotted #9C9C9C; text-align: center; font-size: 14px; line-height: 20px; color: #666; }
.investment-block-body .element-container .percent .value { display: block; margin-bottom: 10px; font-size: 50px; line-height: 50px; font-family: 'FontFontYogaPro'; }
.investment-block-body .element-container .percent:last-child { border-right: 0 none; }
@media (max-width: 1199px){
  .investment-block-body .element-container .percent { padding: 0 5px; min-height: 100px; }
  .investment-block-body .element-container .percent .value { font-size: 40px; line-height: 40px; }
}
@media (max-width: 991px){
  .investment-block-body .element-container .percent { margin-bottom: 20px; padding: 0 5px 20px; border-right: 0 none; border-bottom: 2px dotted #9C9C9C; width: 100%; min-height: inherit; }
  .investment-block-body .element-container .percent .value { margin-bottom: 0; }
  .investment-block-body .element-container .percent:last-child { border-bottom: 0 none; }
  .investment-block-body .element-container.last { margin-bottom: 0; padding-bottom: 0; }
}
@media (max-width: 767px){
  .investment-block { margin-bottom: 40px; }
}
@media (max-width: 560px){
  .investment-block-body .element-container .left-element,
  .investment-block-body .element-container .right-element { float: none; width: 100%; text-align: left; }
}

/* Blocks: investment bottom block. */

.sipo-block { margin: 14px 0 50px; padding: 15px 30px; background: #e2e2e2; }
.sipo-block p,
.sipo-block .block-title { margin: 10px 0; }
.sipo-block p { font-size: 16.5px; }
.sipo-block .block-title { font-size: 20px; }
@media (max-width: 767px){
  .sipo-block { margin-bottom: 40px; }
}

/* Blocks: Fees calculator. */

.fees-page .fees-calculator h2 { margin: 50px 0 14px; }
.fees-page .fees-calculator h2 + p { margin-bottom: 28px; font: 16.5px/24px 'freightsansbook'; }
.fees-calculator { margin-bottom: 20px; }
.fees-calculator form { position: relative; }
.fees-calculator .top { position: relative; padding: 14px 30px 18px; background-color: #666; }
.fees-calculator .top::before { position: absolute; content: ""; left: 32px; bottom: -16px; border: 8px solid transparent; border-top: 8px solid #666; z-index: 5; }
.fees-calculator .top label { margin: 5px; font: 20px/26px 'YogaWebPro'; color: #fff; }
.fees-calculator .top .input-wrap { float: right; line-height: 0; font-size: 0; }
.fees-calculator .top .input-wrap .input-addon { display: inline-block; border: none; border-radius: 4px 0 0 4px; padding: 7px 0 3px; min-width: 42px; background: #414141; color: #fff; font: normal 30px/30px YogaWebPro; text-align: center; vertical-align: top; }
.fees-calculator .top .input-wrap .fund-balance { display: inline-block; border: none; border-radius: 0 4px 4px 0; padding: 0 10px; width: 165px; height: 40px; font-size: 18px; color: #878787; vertical-align: top; line-height: 1; }
.fees-calculator .bottom select:focus,
.fees-calculator .bottom select:active,
.fees-calculator .top .input-wrap input:focus,
.fees-calculator .top .input-wrap input:active { outline: none; }
.fees-calculator form .bottom { padding: 10px 30px 20px; background-color: #999; color: #fff; }
.fees-calculator .bottom .item { display: inline-block; margin-right: 5%; width: 29%; vertical-align: top; }
.fees-calculator .bottom .item.first .title { margin: 10px 0 23px; font: 20px/26px 'FontFontYogaPro'; }
.fees-calculator .bottom .item.last { margin-right: 0; }
.fees-calculator .bottom .item .title { font-size: 16.5px; line-height: 21px; }
.fees-calculator .bottom .item .select-wrap { position: relative; display: inline-block; border-radius: 4px; background-color: #fff; }
.fees-calculator .bottom .item .select-wrap::before { content: ''; position: absolute; top: 1em; right: 0.7em; border: 5px solid transparent; border-top: 5px solid #878787; z-index: 1; }
.fees-calculator .bottom .item .select-wrap select { position: relative; border: 0 none; padding: 0.4em 2em 0.5em 0.8em; color: #333; font-size: 0.9em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; z-index: 2; }
.fees-calculator .bottom .item .data { margin-bottom: 8px; font: 50px/1 'FontFontYogaPro'; overflow: hidden; text-overflow: ellipsis; }
.fees-calculator .bottom .item.mysuper .name { text-transform: capitalize; }
.fees-calculator .growth-fund .bottom { background-color: #ff6666; }
.fees-calculator .balanced-fund .bottom { background-color: #a478b7; }
.fees-calculator .conservative-fund .bottom { background-color: #ffa700; }
.fees-calculator .cash-fund .bottom { background-color: #7ab542; }

/* responsive */
@media (max-width: 1199px){
  .fees-calculator .top { padding-bottom: 20px; text-align: center; }
  .fees-calculator .top .input-wrap { float: none; }
  .fees-calculator .top::before { bottom: -16px; left: 50%; margin-left: -4px; }
  .fees-calculator form .bottom { padding-top: 10px; text-align: center; }
  .fees-calculator .bottom .item { margin-right: 0;  width: 100%; }
  .fees-calculator .bottom .item.first .title { margin-bottom: 10px; }
  .fees-calculator .bottom .item.first { margin-bottom: 20px; }
  .fees-calculator .bottom .item.mysuper,
  .fees-calculator .bottom .item.last { width: 100%; }
  .fees-calculator .bottom .item.mysuper {margin-bottom: 20px;}
  .fees-calculator .bottom .item .data { margin-bottom: 10px; font-size: 40px; }
}

/* Fancy select. */

div.fancy-select div.trigger { border: 0 none; border-radius: 0; padding: 15px; width: 100%; font-family: Verdana; outline: none; color: #fff; text-transform: none; box-shadow: none; font-weight: 500; }

div.fancy-select div.trigger:before { content: ''; position: absolute; top: 25px; right: 30px; display: block; border: none; height: 1px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
div.fancy-select div.trigger:after { content: ''; position: absolute; top: 25px; right: 20px; display: block; border: none; height: 1px; width: 15px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
div.fancy-select div.trigger.open:before { right: 25px; }
div.fancy-select div.trigger.open:after { right: 25px; }

div.fancy-select div.trigger.open,
div.fancy-select div.trigger.open:focus { border:  0 none; color: #fff; outline: none; }
div.fancy-select select:focus + div.trigger { box-shadow: none; }
div.fancy-select div.trigger.open:after { border-top-color: #fff; color: #fff; }
div.fancy-select ul.options.open,
div.fancy-select ul.options { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
div.fancy-select ul.options.open,
div.fancy-select ul.options { top: 49px; margin: 0; border: 0 none; border-radius: 0; padding: 0; width: 100%; max-height: inherit; }
div.fancy-select ul.options li { padding: 15px; color: #fff; text-transform: none; font: 13px/18px Verdana; }
div.fancy-select ul.options li:hover { text-decoration: underline; }
div.fancy-select ul.options li.selected { color: #fff; text-decoration: underline; }

/* Select2. */

.select2-container--default .select2-selection--single { border: 0 none; height: 43px; }
.has-error .select2-container--default .select2-selection--single { box-shadow: 0 0 0 2px #EA6566 inset; }
.select2-container--default .select2-selection--single:active,
.select2-container--default .select2-selection--single:focus { outline: none; }
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 2.3em; color: #555; padding-right: 0;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 14px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border: 0 none; box-shadow: 0 0 0 1px #aaa inset; }
.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #767676; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 0 none; }
.select2-container--default .select2-dropdown .select2-results__option { padding: 6px 6px 6px 14px; }

/* Pages: how-mysuper-works/structuring-your-account (node/21). */

.page-node-21.not-front .main-content .block-system,
.page-node-21 .block-system .account-structure-block { margin-bottom: 0; }

/* Pages: my-investment-options. */

.my-investment-options .advanced-link-list li {border-bottom: 1px solid #c6c6c6;}
.my-investment-options .advanced-link-list li:first-child {border-top: 1px solid #c6c6c6;}
.my-investment-options .advanced-link-list li:first-child a {border-top: 0 none;}
.my-investment-options ul.advanced-link-list li a {border-top-width: 0; border-bottom-width: 0; background-image: url("../images/gray_arrow.png");}
.my-investment-options ul.advanced-link-list li a span.title {font-family: 'freightsansbook'; font-weight: 500;}
.my-investment-options ul.advanced-link-list li a span.title strong {font-weight: 600;}

/* Pages: /fees. */

.fees-page #block-system-main { margin-bottom: 10px; }
.fees-page #block-system-main .field-name-body p:first-child { font: 20px/30px 'YogaWebPro'; }

/* Pages: /performance. */

.fund-inv-return h2 { margin-top: 0; }

.inv-returns-container { margin: 37px 0 0; font-size: 18.5px; }
.inv-returns-container .top { padding: 3% 4.4% 2.9%; }
.inv-returns-container .description { padding: 2.1% 5.4% 4.2%; }
.inv-returns-container .top { color: #fff; }
.inv-returns-container select { position: relative; border: 0 none; padding: 0.4em 2em 0.5em 0.8em; color: #333; font-size: 0.9em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; z-index: 2; }
.fees-calculator .bottom .item .select-wrap select::-ms-expand,
.inv-returns-container select::-ms-expand { display: none; }
.inv-returns-container select:focus,
.inv-returns-container select:active { outline: none; background-color: transparent; }
.fees-calculator .bottom .item .select-wrap select:active::-ms-value,
.fees-calculator .bottom .item .select-wrap select:focus::-ms-value,
.inv-returns-container select:active::-ms-value,
.inv-returns-container select:focus::-ms-value { background-color: transparent; color: #333; }
.inv-returns-container .select-wrap { position: relative; display: inline-block; border-radius: 4px; background-color: #fff; }
.inv-returns-container .select-wrap::before { content: ''; position: absolute; top: 1em; right: 0.7em; border: 5px solid transparent; border-top: 5px solid #878787; z-index: 1; }
.inv-returns-container .top .item { display: inline-block; margin-right: 5%; width: 29%; vertical-align: top; }
/*.inv-returns-container .top .item.mysuper-fund { width: 35%; }*/
.inv-returns-container .top .item.mysuper-fund { /* TODO: remove */
  width: auto;
  margin-right: 2%;
  float: right; }
.inv-returns-container .top .item.kiwisaver-average { display: none; } /* TODO: remove */
.inv-returns-container .top .item .data { margin-bottom: 0.2em; font: 3.2em/0.8 'FontFontYogaPro'; }
.inv-returns-container .top .item .title { font-size: 1em; }
.inv-returns-container .top .item.first .title { margin-bottom: 1em; font: 1.25em/1 'YogaWebPro'; }
.inv-returns-container .top .item.last { margin-right: 0; width: 24%; }
.inv-returns-container .description { background-color: #fff; }
.inv-returns-container .description p { margin-bottom: 0; font-size: 0.9em; line-height: 1.4; }
.inv-returns-container .kiwisaver-average { background-color: transparent; }
.inv-returns-container .growth-fund + .over-time-container .over-time-link-wrapper { background-color: #de3232; }
.inv-returns-container .balanced-fund + .over-time-container .over-time-link-wrapper { background-color: #9044b1; }
.inv-returns-container .conservative-fund + .over-time-container .over-time-link-wrapper { background-color: #cc8500; }
.inv-returns-container .cash-fund + .over-time-container .over-time-link-wrapper { background-color: #3f8410; }
.inv-returns-container .over-time-container .over-time-link-wrapper { position: relative; padding: 1% 5.4% 1.8%; line-height: 1; }
.inv-returns-container .over-time-container .over-time-link { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.6); color: #fff; font-size: 14px; line-height: 1; }
.inv-returns-container .over-time-container .over-time-link:hover,
.inv-returns-container .over-time-container .over-time-link:focus { border-color: #fff; text-decoration: none; color: #fff; }
.inv-returns-container .over-time-container .over-time-link[aria-expanded=false]:after { top: 13px; margin-right: 12px; content: '\e252'; font-size: 14px; }
.inv-returns-container .over-time-container .over-time-link:after { position: absolute; top: 1px; right: 0; margin-right: 12px; content: '×'; color: #fff; font-family: 'Glyphicons Halflings'; font-size: 26px; line-height: 1; }
.inv-returns-container .over-time-container .over-time-padding { display: flex; justify-content: center; overflow: hidden; padding: 25px 10px; background-color: #fff; }
.inv-returns-container .over-time-container .over-time-wrapper { float: left; width: 16.66%; text-align: center; }
.inv-returns-container .over-time-container .over-time-wrapper .data { margin-bottom: 0.1em; font: 1.5em/1 'FontFontYogaPro'; }
.inv-returns-container .over-time-container .over-time-wrapper .title { font-size: 14px; line-height: 1; }

/* responsive */
@media (max-width: 1199px){
  .inv-returns-container .top .item { margin-right: 2%; width: 35%; }
  .inv-returns-container .over-time-container .over-time-link:after { top: -1px; }
  .inv-returns-container .over-time-container .over-time-link[aria-expanded=false]:after { top: 11px; }
}
@media (max-width: 991px){
  .inv-returns-container .top { padding: 20px 0 10px; text-align: center; }
  .inv-returns-container .top .item { margin-right: 0; width: 100%; }
  /*.inv-returns-container .top .item,*/
  /*.inv-returns-container .top .item.mysuper-fund,*/
  /*.inv-returns-container .top .item.last { width: 45%; }*/
  .inv-returns-container .top .item,
  .inv-returns-container .top .item.mysuper-fund,
  .inv-returns-container .top .item.last { /* TODO: remove */
    width: 100%;
    text-align: center; }
  .inv-returns-container .top .item.first { margin-bottom: 15px; width: 100%; }
  .inv-returns-container .top .item.last { margin-bottom: 0; border: 0 none; padding-bottom: 0; }
  .inv-returns-container .top .item.first .title { margin-bottom: 10px; font-size: 1.25em; }
  .inv-returns-container .top .item .title { font-size: 17px; }
  .inv-returns-container .description { padding: 20px; }
  .inv-returns-container .over-time-container .over-time-padding { display: block; }
  .inv-returns-container .over-time-container .over-time-link-wrapper { padding: 6px 33px 11px; }
  .inv-returns-container .over-time-container .over-time-wrapper { float: none; margin-bottom: 20px; width: 100%; }
  .inv-returns-container .over-time-container .over-time-wrapper.since-inception { margin-bottom: 0; }
}
@media (max-width: 767px){
  .inv-returns-container .top .item .data { font-size: 2em; }
  .inv-returns-container .top .item .title { font-size: 0.8em; }
  .inv-returns-container .over-time-container .over-time-padding { display: flex; }
  .inv-returns-container .over-time-container .over-time-wrapper { float: left; margin-bottom: 0; width: 16.66%; }
}
@media (max-width: 600px){
  .inv-returns-container .over-time-container .over-time-padding { display: block; }
  .inv-returns-container .over-time-container .over-time-wrapper { float: none; margin-bottom: 20px; width: 100%; }
}

/**
 * Global.
 */

.learn-more:focus { outline: none; }
.form-disabled { color: #ccc; }
.email-list li { margin-bottom: 15px; font: 18.5px/26px 'freightsansbook'; }

/**
 * Navbar.
 */

.navbar a.logo img {opacity: 1; transition: 0.3s; width: 180px; height: 34px;}
.navbar a.logo:hover img {opacity: 0.7; transition: 0.3s;}

/**
 * Page 49.
 */

.page-node-49 .field-name-body ul { margin: 0; padding-left: 17px; }
.page-node-49 .field-name-body ul li { padding-bottom: 20px; padding-left: 17px; font: 18.5px/26px 'freightsansbook'; }
.page-node-49 .field-name-body ul li ul { padding-top: 20px; }

@media (max-width: 480px){
  .page-node-49 .field-name-body ul li { padding-left: 0; }
}

/**
 * Page 26.
 */

.page-node-26 .button-wrapper-margin { padding: 25px 0; }
.page-node-26 .button-wrapper-margin a { margin: 0 15px 10px 0; border-radius: 7px; padding: 16px 25px 14px; font-weight: bold; font-size: 18.5px; }

/**
 * Page 20.
 */

.page-node-20 .field-name-body p.description { margin: 0 0 40px 0; }
.page-node-20 .field-name-body .table-wrapper { margin: 0 0 30px; padding: 0 30px; background: #fff; }
.page-node-20 .field-name-body .table { margin-bottom: 0; }
.page-node-20 .field-name-body .table caption { margin: 0; border-bottom: 1px solid #ccc; padding: 30px 0 25px; font: 18.5px/24px 'YogaWebPro'; }
.page-node-20 .field-name-body .table > thead > tr > th { border: 0 none; }
.page-node-20 .field-name-body .table > tbody > tr > td { border-top: 1px dotted #dcdcdc; font-size: 16.5px; }
.page-node-20 .field-name-body .table > tbody > tr > td .percent { font-size: 30px; }
.page-node-20 .field-name-body .table > thead > tr > th:first-child,
.page-node-20 .field-name-body .table > tbody > tr > td:first-child { padding-left: 0; }
.page-node-20 .main-content .block-system { margin-bottom: 0; }
.page-node-20 .quicktabs_main { margin: 0; border: 0 none; padding: 0; }

.gray-bg { margin: 0 0 30px; padding: 12px 30px; border-radius: 8px; background-color: #999; }
.gray-bg h4,
.gray-bg p { color: #fff; }

@media (max-width: 767px){
  .page-node-20 .field-name-body .table-responsive { border: 0 none; }
}

/**
 * Breadcrumbs.
 */

.breadcrumb > li { margin-bottom: 5px; }

/**
 * Panels.
 */

.panel-info { border: none; border-radius: 0; box-shadow: none; }
.panel-info > .panel-heading { position: relative; border: none; border-radius: 0; padding: 16px 42px; color: #fff; background-color: #3da3a3; font-size: 20px; line-height: 1.2; }
.panel-info > .panel-heading:before { position: absolute; margin-right: 13px; margin-left: -32px; content: "\e101"; font-family: 'Glyphicons Halflings'; font-size: 24px; line-height: 1; }
.panel-info .panel-body { padding: 24px 35px; }
.panel-info .panel-body p,
.panel-info .panel-body ul li { font-size: 16.5px; color: #666; }
.panel-info .panel-body ul li { padding-bottom: 20px; padding-left: 17px; }
.panel-info .panel-body ul { margin: 0; padding-left: 17px; }

@media (max-width: 480px){
  .panel-info .panel-body ul li { padding-left: 0; }
}

/* Investment block */

.investment-block .dark-border { border-bottom: 1px solid #C2C2C2; }
.investment-block .value-info { font-size: 16.5px;  }
.investment-block-body .lifestages-wrapper { position: relative; margin: 40px 0 0; border: none; background: #ECECEC; overflow: visible; }
.investment-block-body .lifestages-wrapper:after { position: absolute; content: ""; left: 49%; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #ECECEC; }
.investment-block-body .lifestages-wrapper label { font-size: 16.5px; font-family: 'freightsansbook'; }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal { margin-top: 60px; }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal .slider-track { background: #666; }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal .slider-track .slider-handle { background: #80b640; /*width: 35px; height: 35px;*/ }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main { margin-top: -14px; cursor: pointer; }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main .tooltip-arrow { display: none; }
.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 18.5px; }

@media (max-width: 991px){
  .investment-block-body .lifestages-wrapper { margin:0; }
}

/**
 * Slider.
 */

.slider.slider-horizontal { width: 100%; margin-bottom: 30px !important; }
.slider.slider-horizontal .slider-tick { display: none; width: 10px; height: 10px; margin-top: 0 !important; margin-left: -5px !important; background: #444 !important; box-shadow: none; opacity: 1; }
.slider.slider-horizontal .slider-handle { width: 40px; height: 40px; margin-left: -20px !important; margin-top: -15px !important; background: #fff; border-radius: 50% !important; }
.slider.slider-horizontal .slider-selection { background: none !important; box-shadow: none !important; }
.slider.slider-horizontal .slider-selection.slider-range { left: 9%; width: 82%; border-radius: 5px; background: #767676 !important; }
.slider.slider-horizontal .tooltip.top { margin-top: -43px; }
#percentage-of-salary-data.slider.slider-horizontal .slider-track { background: #444 !important; box-shadow: none !important; }

/* Bottom black region. */

.bottom-black { padding: 35px 0 25px;  background: #666; color: #FFF; }

/* Bottom black region: bottom black left block. */

.bottom-black-left-block h3 { margin: 28px 0 24px; font-size: 24px; font-family: 'YogaWebPro'; line-height: 1; }
.bottom-black-left-block h3 strong { font-family: 'YogaWebPro'; }
.bottom-black-left-block h3 a.link { margin-bottom: 0; border-color: #a2a3a3; font-size: 24px; color: #FFF; }
.bottom-black-left-block p { margin-bottom: 78px; font-size: 16.5px; line-height: 1.5; }
.bottom-black-left-block p.find-more { margin-bottom: 0; font-family: 'YogaWebPro'; }
.bottom-black-left-block p.find-more .link { font-size: 18.5px; line-height: 1; }
.bottom-black-left-block a.link { display: inline-block; border-color: #999c9b; font-size: 16.5px; color: #FFF; }
.bottom-black-left-block a.link:hover { border-bottom-color: #FFF; }
@media (max-width: 991px){
  .bottom-black-left-block h3 .work { display: block; margin-top: 5px; }
  .bottom-black-left-block p { margin-bottom: 30px; }
}
@media (max-width: 767px){
  .bottom-black-left-block h3 .work { display: inline; margin-top: 0; }
  .bottom-black-left-block .nolink,
  .bottom-black-left-block a.find-more { margin-bottom: 0; }
}

/* Bottom black region: bottom black right block. */

.bottom-black-right-block ul.menu { margin: 28px 0 0; padding: 0; overflow: hidden; list-style: none; }
.bottom-black-right-block ul.menu li { margin-bottom: 32px; }
.bottom-black-right-block ul.menu li .nolink,
.bottom-black-right-block ul.menu li a { padding: 27px; width: 100%; background-color: #ed7171; color: #FFF; font: 17px/24px 'YogaWebPro'; text-align: left; }
.bottom-black-right-block ul.menu li .nolink:hover,
.bottom-black-right-block ul.menu li a:hover { background-color: #de3d3b; }
.bottom-black-right-block ul.menu li a:after { position: absolute; top: 44%; right: 12%; line-height: 1; font-family: 'Glyphicons Halflings'; content: "\e258"; font-size: 11px; }
/*.bottom-black-right-block ul.menu li a:hover .bb { border-color: #FFF; border-bottom: 1px solid #fff; }
.bottom-black-right-block ul.menu li a .bb { border-color: #f09393; border-bottom: 0; }*/
@media (max-width: 560px){
  .bottom-black-right-block ul.menu li { width: 100%; }
}

@media (max-width: 767px){
  .bottom-black { padding: 0; }
}

/* Bottom region. */

.bottom { padding: 55px 0 40px; background: #f2f2f2; }
.not-front .bottom { background: #f7f7f7; }
.not-front .bottom .region-bottom .bottom-label { font-size: 24px; padding-top: 30px; }
.not-front .bottom .region-bottom .bottom-text { font-size: 18.5px; padding-top: 34px; padding-bottom: 30px; line-height: 1.5; }
.not-front .bottom .region-bottom .bottom-text a,
.not-front .bottom .region-bottom .bottom-text .nolink { color: #636466; border-bottom: 1px solid #d4d4d5; display: inline-block; }
.not-front .bottom .region-bottom .bottom-text a:hover,
.not-front .bottom .region-bottom .bottom-text a:focus { color: #636466; border-bottom: 1px solid #636466; text-decoration: none; }

/* Bottom region: bottom left block. */
/* Bottom region: bottom right block. */

.bottom .block h3 { margin: 34px 0 20px; font-size: 24px; font-family: 'YogaWebPro'; line-height: 36px; }
.bottom .block strong { font-family: 'YogaWebPro'; }
.bottom .block p { margin: 20px 0 42px; font-size: 16.5px; line-height: 24px; }
.bottom .block .nolink,
.bottom .block a.link { display: inline-block; margin: 0 0 45px; }
@media (max-width: 767px){
  .bottom  .bottom-left-block p { margin-bottom: 0; }
  .bottom-left-block.block .nolink,
  .bottom-left-block.block a.link { margin-bottom: 0; }
}

@media (max-width: 767px) {
  .not-front .bottom .region-bottom .bottom-label { padding-top: 20px; }
  .not-front .bottom .region-bottom .bottom-text { padding-top: 10px; padding-bottom: 0; font-size: 16.5px; }
  .not-front .bottom .region-bottom .bottom-text:last-child { padding-bottom: 20px; }
}

@media (max-width: 991px){
  .bottom { padding: 0; }
}

/**
 * Views.
 */

/* Front items. */

.front-items .field-name-field-front-item-image img { width: 160px; height: 170px; }
.front-items .field-name-field-front-item-description { margin: 0 auto; max-width: 240px; height: 135px; font-size: 14px; }
.front-items .view-header h2 { margin-top: 80px; margin-bottom: 30px; font-size: 24px; line-height: 0.8em; }
.front-items .view-header h2 strong { font-family: 'YogaWebPro'; }
.front-items .field-name-field-front-item-description .nolink,
.front-items .field-name-field-front-item-description a { border-color: #CCC; line-height: 1.2em; color: #333; }
.front-items .field-name-field-front-item-description .nolink:hover,
.front-items .field-name-field-front-item-description a:hover { border-color: #333; }
.front-items .view-content p { font: 16.5px/20px 'freightsansbook'; line-height: 1.5; }
.front-items .view-footer .nolink,
.front-items .view-footer a { display: inline-block; margin-bottom: 68px; font: 18.5px 'YogaWebPro'; }
@media (max-width: 767px){
  .front-items .view-header h2 { margin-top: 40px; padding: 0 15px; }
}
@media (max-width: 480px){
  .front-items .views-row { width: 100%; }
  .front-items .field-name-field-front-item-description { max-width: inherit; height: 70px; }
}

/* Bottom white region. */

.bottom-white { background: #FFF; }

/* Bottom white region: fancy chat block. */

.fancy-chat-block { margin: 85px 0 100px; }
.fancy-chat-block h2,
.fancy-chat-block p,
.fancy-chat-block a,
.fancy-chat-block .nolink { color: #636466; }
.fancy-chat-block a,
.fancy-chat-block .nolink { border-bottom: 1px solid #d4d4d5; }
.fancy-chat-block a:hover, .fancy-a-chat a:focus { color: #636466; border-bottom: 1px solid #636466; text-decoration: none; }
.fancy-chat-block p { margin-bottom: 20px; font-size: 24px; }
.fancy-chat-block h2 { font-family: YogaWebPro; font-size: 40px; margin-top: 20px; margin-bottom: 22px; }
.fancy-chat-block a.bb
.fancy-chat-block .nolink.bb { border-color: #b1b1b2; }
.fancy-chat-block a.btn.btn-primary.btn-lg { margin-top: 56px; border: none; padding: 10px 16px; font: 24px/41px 'YogaWebPro'; color: #fff; }
.fancy-chat-block .cup-img { position: absolute; top: -80px; left: -110px; }

@media (max-width: 991px){
  .fancy-chat-block { margin: 40px 0; }
}
@media (max-width: 767px){
  .fancy-chat-block { margin: 20px 0 40px; }
  .fancy-chat-block a.btn.btn-primary.btn-lg { margin-top: 20px; }
}

/* Header top region. */

.header-top { position: relative; padding: 55px 0 20px; background: #80b640; }
@media (max-width: 767px){
  .header-top { padding: 0; }
}

/* Header top region: snappy headline block. */

.snappy-headline-block { margin: 0; color: #FFF; }
.snappy-headline-block h1 { margin: 0 0 20px; font: 32px 'YogaWebPro'; }
.snappy-headline-block h1 strong { font-family:  'YogaWebProBold'; }
.snappy-headline-block .btn-wrapper { margin-bottom: 32px; font-size: 24px; line-height: 1.5em; }
.snappy-headline-block .btn { margin: 0 10px 10px 0; border: 1px solid #fff; border-radius: 7px; padding: 16px 25px 13px; font: 18.5px/1em 'YogaWebPro'; background: #FFF; color: #7AB542; font-weight: bold; }
.snappy-headline-block .btn:hover { background: #eef7e3; }
.snappy-headline-block .btn:last-child { color: #fff; background: transparent; }
.snappy-headline-block .btn:last-child:hover { color: #7AB542; background: #fff; }


@media (max-width: 767px){
  .snappy-headline-block { margin-bottom: 0; }
  .snappy-headline-block h1 { margin-top: 35px; }
  .snappy-headline-block .btn-wrapper { margin-bottom: 35px; }
}

/* Header top region: header menu. */

.header-menu { margin-bottom: 35px;  }
.header-menu ul.menu { display: inline-table; margin: 0; padding: 0; list-style: none; text-align: right; }
.header-menu ul.menu li { display: inline-block; }
.header-menu ul.menu li a { display: inline-block; margin: 0 0 7px 7px; border: 0 none; padding: 12px 15px 14px; background: #fff; color: #000; font-size: 16.5px; }
.header-menu ul.menu li a strong { line-height: 16px; }
.header-menu ul.menu li a:hover { border-bottom: none; background: #eef7e3;text-decoration: none; }
@media (max-width: 767px){
  .header-menu ul.menu { text-align: left; }
  .header-menu ul.menu li a { margin: 0 7px 7px 0; }
}

/**
 * Performance results block.
 */

.performance-results-block { padding-top: 38px; }
.performance-results-block p { margin-bottom: 42px; text-align: center; color: #fff; font-size: 24px; }
.performance-results-block .link { color: #fff; border-bottom-color: #CADABB; }
.performance-results-block .link:hover { border-bottom-color: #fff; }
.performance-results-block .performance-container { border-radius: 6px; background: #88bc57; color: #fff; padding: 22px 0 0; overflow: hidden; }
.performance-results-block .performance-container .conservative .percent,
.performance-results-block .performance-container .balanced .percent, .performance-results-block .performance-container .cash .percent { border-right: 2px dotted #fff; }
.performance-results-block .performance-container div { width: 25%; font-size: 14px; text-align: center; line-height: 1; float: left; }
.performance-results-block .performance-container div .percent { display: block; margin: 10px 0; padding: 10px 0 30px; font-size: 38px; }
.performance-results-block .performance-container .kiwi { width: 100%; display: block; padding: 14px 10px 17px; background: #fff; color: #88BC57; }
.performance-results-block .performance-container .kiwi .kiwi-percent { font-size: 17px; font-weight: bold; }
.performance-results-block .find-more { margin-top: 34px; clear: both; font-family: 'YogaWebPro'; font-size: 18.5px; line-height: 1; }
.performance-results-block .find-more .link { color: #fff; border-bottom: 1px solid #BACEA7; }
.performance-results-block .find-more .link:hover { border-bottom: 1px solid #fff; }

@media (max-width: 991px){
  .performance-results-block { padding-top: 30px; }
  .performance-results-block p { font-size: 20px; }
  .performance-results-block .performance-container div .percent { font-size: 28px; }
  .performance-results-block .performance-container div { font-size: 12px;}
}

@media (max-width: 767px){
  .performance-results-block p { font-size: 24px; }
  .performance-results-block .performance-container { margin-bottom: 20px; }
  .performance-results-block .performance-container .kiwi { font-size: 11px; }
  .performance-results-block .performance-container .kiwi .kiwi-percent { font-size: 12px; font-weight: bold; }
  /*.additional-content {margin-bottom: 20px; margin-top: 0;}*/
}

@media (max-width: 540px){
  .performance-results-block .performance-container .kiwi .kiwi-percent { display: block; }
}

@media (max-width: 430px){
  .performance-results-block .performance-container { padding: 0 0; }
  .performance-results-block .performance-container div { padding: 15px 0 0; width: 100%; font-size: 14px; text-align: center; line-height: 1; float: none; }
  .performance-results-block .performance-container div .percent { font-size: 28px; margin-bottom: 15px; padding: 0; }
  .performance-results-block .performance-container .conservative .percent,
  .performance-results-block .performance-container .balanced .percent, .performance-results-block .performance-container .cash .percent  { border: none; }
  .performance-results-block .performance-container .kiwi .kiwi-percent { display: inline; }
}

.performance-results-block .performance-container .additional-content {margin: 0; padding: 15px; width: 100%; background: #fff;}
.additional-content p {font-size: 12px; margin-bottom: 0; line-height: 1; color: #88BC57;}


/**
 * Calculator: How much to contribute.
 */

.savings-calc { margin-bottom: 75px; }
/*.savings-calc .result { display: none; }*/
.savings-calc.calculated .form-horizontal.calc .form-group.btn-calculate { display: none; }
/*.savings-calc.calculated .result { display: block; margin-left: -15px; margin-right: -15px; }*/
.savings-calc .result { margin-left: -15px; margin-right: -15px; }

.savings-calc .group-yellow { display: none; margin-bottom: 0; padding: 15px 30px; overflow: hidden; background: #FFD186; }
.savings-calc .field-percent-slider-extra label { margin: 0; padding: 7px 0; width: inherit; font-size: 20px; font-family: 'freightsansbook'; }
.savings-calc .field-percent-slider-extra .input-wrapper { float: right; position: relative; }
.savings-calc .field-percent-slider-extra .input-wrapper input { display: inline-block; position: relative; left: -4px; margin: 0; border: 0 none; border-radius: 2px; padding: 0 30px 5px 15px; width: 70px; height: 42px; font-size: 20px; background: #f7f7f7; color: #555; outline: none; box-shadow: none; text-align: right; }
.savings-calc .field-percent-slider-extra .input-wrapper .suffix { position: absolute; top: 12%; right: 25%; font-size: 20px; }

.savings-calc .form-horizontal.calc .form-control.error:focus { box-shadow: 0 0 0 2px #EA6566 inset; }
.savings-calc .form-horizontal.calc .error { box-shadow: 0 0 0 2px #EA6566 inset; }
.savings-calc .form-horizontal.calc .form-group.group-light-green { background: #3da3a3; color: #fff; margin-bottom: 0; padding: 16px 31px; border-top-right-radius: 8px; border-top-left-radius: 8px; }
.savings-calc .form-horizontal.calc .form-group.group-dark-green { background: #379393; color: #fff; margin-bottom: 0; padding: 20px 0 38px 0; }
.savings-calc .form-horizontal.calc .form-group.group-light-green label { display: inline-block; margin: 7px 0; padding: 0; }
.savings-calc .form-horizontal.calc .form-group.group-dark-green .control-label { float: none; padding: 7px 0 0 31px; width: 100%; line-height: 1; }
.savings-calc .form-horizontal.calc .form-group.group-light-green .input-group { width: inherit; }
.savings-calc .form-horizontal.calc .form-group.group-dark-green .input-group { margin-left: -15px; }
.savings-calc .form-horizontal.calc .form-group.group-light-gray { background: #636466; color: #fff; margin-bottom: 0; }
.savings-calc .form-horizontal.calc .form-group .input-group { width: 100%; }
.savings-calc .form-horizontal.calc .form-group .input-group input { height: 42px; border: none; font-size: 18px; padding: 4px 0 8px 12px; color: #878787; width: 100%; }
.savings-calc .form-horizontal.calc .form-group .input-group .input-group-addon { border: none; background: #636466; color: #fff; font-family: YogaWebPro; font-weight: normal; font-style: normal; font-size: 30px; min-width: 42px; padding: 6px 0 0 0; }
.savings-calc .form-horizontal.calc .form-group .input-group input[data-calc-input="percentage-of-salary-input"] { display: inline !important; max-width: 70px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.savings-calc .form-horizontal.calc .form-group .input-group .slider.slider-horizontal { width: 100%; margin-top: 30px; }
.savings-calc .form-horizontal.calc .form-group .control-label { text-align: left; }
.savings-calc .form-horizontal.calc .form-group .append-slider { margin: 40px 15px 0 15px; }
.savings-calc .form-horizontal.calc .form-group .append-slider .tooltip.top { margin-top: -12px; cursor: pointer; }
.savings-calc .form-horizontal.calc .form-group .append-slider .margin-left .tooltip.tooltip-main { margin-left: -20px !important; }
.savings-calc .form-horizontal.calc .form-group .append-slider .tooltip.tooltip-main .tooltip-arrow { display: none; }
.savings-calc .form-horizontal.calc .form-group .append-slider .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 18.5px; color: #585858; }
.savings-calc .form-horizontal.calc .form-group .append-slider .slider-range-low { left: 0; width: 10%; background: #a8a9a9 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.savings-calc .form-horizontal.calc .form-group .append-slider .slider-range-high { left: 90%; width: 10%; background: #ffd18b !important; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-track { background: #fff !important; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-track .slider-handle { width: 40px; height: 40px; margin-left: -20px !important; margin-top: -15px !important; background: #fff; border-radius: 50% !important; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-track .slider-handle.error { background: #EA6566; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label { padding-top: 10px; width: 87px !important; margin-left: -43.5px!important; font-size: 14px; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label.label-minimum:after { content: "(Minimum)"; position: absolute; margin-left: 5px; }
.savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label-container .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }

.savings-calc .form-horizontal.calc .form-group.btn-calculate { text-align: right; }
.savings-calc .form-horizontal.calc .form-group.btn-calculate { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.savings-calc .form-horizontal.calc .form-group.btn-calculate button { margin: 18px 25px 20px 25px; padding: 6px 14px 8px; font-size: 15px; font-weight: bold; border: 0; font-family: freightsansbook; }

.savings-calc .result .group-light-gray { background: #59595B; color: #fff; margin-bottom: 0; }
.savings-calc .result .group-light-gray:first-child { border-bottom: 2px dotted #414143; }
.savings-calc .result .group-light-gray:first-child h4 { font-family: YogaWebPro; font-size: 20px; padding: 30px 31px 26px; line-height: 1; margin: 0; color: #8E8E8E; }

.savings-calc .result p { margin-bottom: 0; font-size: 16.5px; line-height: 1; color: #fff; }
.savings-calc .result .label { display: inline-block; margin: 0; padding: 0; width: 70%; text-align: left; font-weight: normal; }
.savings-calc .result .result-wrapper { display: inline-block; }
.savings-calc .result .result-wrapper .red { position: absolute; left: 66%; }
.savings-calc .result .group-your { padding: 25px 30px 10px 70px; line-height: 1; }
.savings-calc .result .group-acc { padding: 10px 30px 10px 70px; line-height: 1; }
.savings-calc .result .group-tax { padding: 10px 30px 25px 70px; line-height: 1; }
.savings-calc .result .group-tax .white { position: absolute; left: 69.5%; }

.savings-calc .result .group-total { padding: 0 15px; }
.savings-calc .result .group-total p { font-size: 24px; font-family: 'FontFontYogaPro'; color: #C5C5C5; white-space: normal; }

.savings-calc .result .group-dark-gray { margin-bottom: 0; border-top: 2px dotted #414143; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 30px 15px 34px; background: #505051; color: #fff; }
.savings-calc .result .group-dark-gray h4 p { font-size: 24px; font-family: YogaWebPro; margin: 24px 0 0 0; }

.savings-calc .result .help-block { margin-top: 30px; margin-bottom: -30px; }
.savings-calc .result .help-block p { font-size: 14px; line-height: 1.3em; color: #636466; margin: 0 0 8px; }

@media (max-width: 991px) {
  .savings-calc .result .label { width: 100%; }
  .savings-calc .result .result-wrapper .red { position: relative; left: 0; }

  .savings-calc .field-percent-slider-extra .input-wrapper { float: none; }
  .savings-calc .field-percent-slider-extra label { margin-bottom: 5px; width: 100%; }
  .savings-calc .field-percent-slider-extra .input-wrapper .suffix { top: 0; }
  .savings-calc .result .group-your { padding: 20px 30px 10px; }
  .savings-calc .result .group-acc { padding: 10px 30px 10px; }
  .savings-calc .result .group-tax { padding: 10px 30px 20px; }
  .savings-calc .result .group-tax .white { position: static; }
}

@media (max-width: 767px) {
  .savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label.label-minimum:after,
  .savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label:first-child,
  .savings-calc .form-horizontal.calc .form-group .append-slider #percentage-of-salary-data .slider-tick-label:last-child { display: none; }
  .savings-calc { margin-bottom: 20px; }
}

/**
 * Entitytype.
 */
/* Entitytype: investment_option: full. */
.entity-investment-option.view-mode-full { margin-bottom: 36px; }
.entity-investment-option.view-mode-full,
.entity-investment-option.view-mode-full p { font-size: 16.5px; line-height: 24px; }

.entity-investment-option.view-mode-full .group-header,
.entity-investment-option.view-mode-full .group-main,
.entity-investment-option.view-mode-full .group-footer { padding: 15px 30px; background: #fff; }
.entity-investment-option.view-mode-full .group-footer { margin: 6px 0 20px; padding: 0 30px; }
.entity-investment-option.view-mode-full .group-footer .field-group-format-wrapper { overflow: hidden; }

.entity-investment-option.view-mode-full.investment-option-investment-option-1 .group-header { background: #80b640; }
.entity-investment-option.view-mode-full.investment-option-investment-option-2 .group-header { background: #ef9c00; }
.entity-investment-option.view-mode-full.investment-option-investment-option-3 .group-header { background: #a578b9; }
.entity-investment-option.view-mode-full.investment-option-investment-option-4 .group-header { background: #f0706e; }

.entity-investment-option.view-mode-full .field-name-title h3 { display: inline; }
.entity-investment-option.view-mode-full .field-name-title,
.entity-investment-option.view-mode-full .field-name-title h3 { color: #fff; font-size: 16.5px; line-height: 1.4; }
.entity-investment-option.view-mode-full .field-name-field-brief-description .brief-description-label { margin-bottom: 15px; padding-bottom: 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url('../images/border_bg.png') 0 0 2 0 repeat repeat; }
.entity-investment-option.view-mode-full .field-name-field-brief-description .brief-description-label .label-above { max-width: 180px; font-size: 14px; color: #999; }
.entity-investment-option.view-mode-full .field-name-field-brief-description .content { max-width: 65%; }
.entity-investment-option.view-mode-full .field-name-field-brief-description .content p { margin-bottom: 10px; }

.entity-investment-option.view-mode-full .group-main { position: relative; }

.entity-investment-option.view-mode-full .field-name-field-investment-management-fee { position: absolute; top: 15px; right: 30px; max-width: 100px; }
.entity-investment-option.view-mode-full .field-name-field-investment-management-fee .investment-management-fee-label .label-above { font-size: 14px; color: #999; }
.entity-investment-option.view-mode-full .field-name-field-investment-management-fee .content { margin-top: 25px; font: 30px/30px 'FontFontYogaPro'; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .label-above,
.entity-investment-option.view-mode-full .field-name-risk-indicator .label-above { margin: 20px 0 10px; padding-bottom: 5px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url('../images/border_bg.png') 0 0 2 0 repeat repeat; color: #999; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .label-above { margin-top: 30px; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .title-top,
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .title-bottom,
.entity-investment-option.view-mode-full .field-name-risk-indicator .title-top,
.entity-investment-option.view-mode-full .field-name-risk-indicator .title-bottom { overflow: hidden; clear: both; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator span,
.entity-investment-option.view-mode-full .field-name-risk-indicator span { color: #ccc; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator span.left,
.entity-investment-option.view-mode-full .field-name-risk-indicator span.left { float: left; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator span.right,
.entity-investment-option.view-mode-full .field-name-risk-indicator span.right { float: right; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-list,
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-list { overflow: hidden; margin: 5px 0; padding: 0; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-list li,
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-list li { float: left; margin-left: 2%; padding: 10px 0; width: 12.5%; background: #e2e2e2; line-height: 1; text-align: center; list-style: none; color: #666; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-list li:first-child,
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-list li:first-child { margin-left: 0; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.entity-investment-option.view-mode-full .field-name-risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7) { background: #666; color: #fff; }

.entity-investment-option.view-mode-full .group-footer h3 { position: relative; margin: 0; padding: 15px 0 19px; font: 16.5px/1.2 'freightsansbook'; color: #3da3a3; }
.entity-investment-option.view-mode-full .group-footer h3 a { border-bottom: 1px solid #ADD2D2; color: #3da3a3; }
.entity-investment-option.view-mode-full .group-footer h3 a:before { float: left; margin-right: 13px; margin-left: -5px; content: "\e085";  font-family: 'Glyphicons Halflings'; font-size: 24px; line-height: 1; }
.entity-investment-option.view-mode-full .group-footer h3 a:after { position: absolute; top: 10px; right: -15px; content: "×"; font-family: 'Glyphicons Halflings'; font-size: 26px; line-height: 1; color: #ccc; }
.entity-investment-option.view-mode-full .group-footer.collapsed h3 a:after { top: 20px; content: "\e252"; font-size: 14px; }
.entity-investment-option.view-mode-full .group-footer h3 a:hover { border-bottom: 1px solid #3da3a3; }

.entity-investment-option.view-mode-full .field-name-field-description { font-size: 14px; }

.entity-investment-option.view-mode-full .field-name-field-html-text { margin: 20px 0 30px; padding: 0 0 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url('../images/border_bg.png') 0 0 2 0 repeat repeat; }
.entity-investment-option.view-mode-full .field-name-field-html-text p { margin-bottom: 10px; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
.entity-investment-option.view-mode-full .field-name-field-asset-cash,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
.entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq { position: relative; float: left; border-right: 2px dotted #a5a5a5; padding: 0 20px; width: 20%; text-align: center; font-size: 14px; line-height: 16px; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq { border-right: 0 none; padding-right: 0; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
.entity-investment-option.view-mode-full .field-name-field-asset-cash { padding-left: 0; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-cash .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-fixed .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label { position: absolute; right: 1.5em; bottom: 0; left: 1.5em; font-weight: normal; }
.entity-inv-lifestage.view-mode-full .field-item,
.entity-investment-option.view-mode-full .group-footer .field-item { margin-bottom: 1.1em; font: 50px/1 'FontFontYogaPro'; color: #666; }
.entity-inv-lifestage.view-mode-full .group-footer .field-label,
.entity-inv-lifestage.view-mode-full .group-footer .field-label { font-weight: normal; color: #666; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-item,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-item,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-item,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-item,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label { color: #37a3a4; }
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label { max-width: 60px; margin: 0 auto; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation,
.entity-investment-option.view-mode-full .field-name-assets-calculation { margin-bottom: 35px; padding-top: 30px; clear: both; font-size: 0; text-align: center; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets { position: relative; display: inline-block; font-size: 14px; color: #fff; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets { width: 59.9%; background: #5c5c5c; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets { width: 39.9%; background: #37a3a4; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:before { top: 0; left: 0; border-width: 12px 10px 12px 0; border-color: #fff #5c5c5c #fff #fff; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:after { top: 0; right: 0; border-width: 12px 0 12px 10px; border-color: #fff #fff #fff #5c5c5c; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:before { top: 0; left: 0; border-width: 12px 10px 12px 0; border-color: #fff #37a3a4 #fff #fff; }
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:after { top: 0; right: 0; border-width: 12px 0 12px 10px; border-color: #fff #fff #fff #37a3a4; }

/* responsive */
@media (max-width: 1199px){
  .entity-inv-lifestage.view-mode-full .field-item,
  .entity-investment-option.view-mode-full .group-footer .field-item { font-size: 36px; line-height: 36px; }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq { min-height: 105px; }
}
@media (max-width: 991px){
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq { margin-bottom: 20px; padding: 0 5px 40px; border-right: 0 none; border-bottom: 2px dotted #9C9C9C; width: 100%; min-height: inherit; }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq { border-bottom: 0 none;}
  .entity-inv-lifestage.view-mode-full .field-item,
  .entity-investment-option.view-mode-full .group-footer .field-item { margin-bottom: 0; }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label { max-width: inherit; }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label { bottom: 1.5em }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation,
  .entity-investment-option.view-mode-full .field-name-assets-calculation { margin-bottom: 20px; padding-top: 0; }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
  .entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets { margin-bottom: 10px; width: 100%; }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
  .entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets { width: 100%; }
}
@media (max-width: 480px){
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee { position: relative; top: 0; right: 0; max-width: inherit; }
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee .investment-management-fee-label .label-above { margin-bottom: 15px; padding-bottom: 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url('../images/border_bg.png') 0 0 2 0 repeat repeat; }
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee .content { margin-top: 0; }
  .entity-investment-option.view-mode-full .field-name-field-brief-description .content { max-width: 100%; }

  .entity-inv-lifestage.view-mode-full .field-name-risk-indicator .title-top,
  .entity-inv-lifestage.view-mode-full .field-name-risk-indicator .title-bottom,
  .entity-investment-option.view-mode-full .field-name-risk-indicator .title-top,
  .entity-investment-option.view-mode-full .field-name-risk-indicator .title-bottom { display: none; }
}

/* Entitytype: inv_lifestage: full. */
.entity-inv-lifestage.view-mode-full,
.entity-inv-lifestage.view-mode-full p { font-size: 16.5px; line-height: 24px; }

.entity-inv-lifestage.view-mode-full { padding: 15px 30px 0; background: #fff; }
.entity-inv-lifestage.view-mode-full .group-title-wrapper { margin: 15px 0; font: 20px/30px 'FontFontYogaPro'; }
.entity-inv-lifestage.view-mode-full .group-title-wrapper .field-name-title { font-style: italic; }
.entity-inv-lifestage.view-mode-full .field-name-field-html-text p { font-size: 16.5px; line-height: 24px; }
.entity-inv-lifestage.view-mode-full .field-name-risk-indicator { margin: 0 0 40px; padding-bottom: 10px; border-width: 0 0 2px 0; border-style: dotted; border-color: #d1d1d1; border-image: url('../images/border_bg.png') 0 0 2 0 repeat repeat; }

/* responsive */
@media (max-width: 991px){
  .entity-inv-lifestage.view-mode-full .field-name-risk-indicator { margin: 0 0 30px; }
}

/**
 * Views.
 */
/* Views: block: inv-lifestage-mix-block */
/* Views: page: life-stages */
.life-stages .view-header .slider-wrap { margin-top: 30px; }
.life-stages .view-header .slider-wrap,
.inv-lifestage-mix-block .view-header { position: relative; border: none; padding: 20px 30px 10px; background: #ECECEC; overflow: visible; }
.life-stages .view-header .slider-wrap:after,
.inv-lifestage-mix-block .view-header:after { position: absolute; content: ""; left: 49%; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #ECECEC; z-index: 5; }
.life-stages .view-header .slider-title,
.inv-lifestage-mix-block .view-header .slider-title,
.life-stages .view-header .slider-description,
.inv-lifestage-mix-block .view-header .slider-description { margin: 10px 0; }
.life-stages .view-header .slider-title,
.inv-lifestage-mix-block .view-header .slider-title { font: 20px/30px 'YogaWebPro'; }
.life-stages .view-header .slider-description,
.inv-lifestage-mix-block .view-header .slider-description { font-size: 16.5px; line-height: 24px; }
.life-stages .view-header .slider.slider-horizontal,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal { margin-top: 10px; }
.life-stages .view-header .slider.slider-horizontal .slider-track,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .slider-track { background: #666; }
.life-stages .view-header .slider.slider-horizontal .slider-track .slider-handle,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .slider-track .slider-handle { background: #80b640; }
.life-stages .view-header .slider.slider-horizontal .slider-handle,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .slider-handle { margin-top: -21px !important; margin-left: -25px !important; width: 50px; height: 50px; }
.life-stages .view-header .slider.slider-horizontal .tooltip.tooltip-main,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .tooltip.tooltip-main { margin-top: -16px; cursor: pointer; }
.life-stages .view-header .slider.slider-horizontal .tooltip.tooltip-main:before,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .tooltip.tooltip-main:before { content: 'Age'; text-align: center; display: block; color: #fff; }
.life-stages .view-header .slider.slider-horizontal .tooltip.tooltip-main .tooltip-arrow,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .tooltip.tooltip-main .tooltip-arrow { display: none; }
.life-stages .view-header .slider.slider-horizontal .tooltip.tooltip-main .tooltip-inner,
.inv-lifestage-mix-block .view-header .slider.slider-horizontal .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 16.5px; padding: 0 8px; line-height: 14px; }
.life-stages .view-header .description p { font: 20px/30px 'YogaWebPro'; }
.life-stages .lifestages-description { margin: 0 0 10px; padding: 0 30px 10px; overflow: hidden; color: #fff; }
.life-stages .lifestages-description h3 { font-family: 'YogaWebPro'; }
.life-stages .field-name-body > p { display: none; }

/* Views: block: fund-inv-return-over-time */
.yearly-performance,
.fund-inv-return-over-time { margin-bottom: 40px; padding: 30px 5.4% 10px; background-color: #fff; overflow: hidden; }
.yearly-performance .data-to-linechart { position: relative; margin: 15px 0 20px 0; height: 320px; }
.fund-inv-return-over-time .data-to-linechart { position: relative; margin: 35px -18% 20px 0; height: 320px; }
.yearly-performance .data-to-linechart::before { content: '$5,000'; position: absolute; display: block; bottom: 17%; left: 2.2%; font: bold 14px Arial,sans-serif; color: #000; }
.fund-inv-return-over-time .data-to-linechart::before { content: 'Year'; position: absolute; display: block; font-weight: bold; bottom: 0; width: 90%; text-align: center; }
.fund-inv-return-over-time .data-to-linechart::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 15%; background-color: #fff; }
.yearly-performance .nv-y.nv-axis .nv-axisMin-y,
.fund-inv-return-over-time .nv-y.nv-axis .nv-axisMin-y { display:none; }
_::-webkit-full-page-media, _:future, :root .yearly-performance .nvd3 .nv-axis path.domain,
_::-webkit-full-page-media, _:future, :root .fund-inv-return-over-time .nvd3 .nv-axis path.domain {
  stroke-opacity: 0;
}
@media (max-width: 1199px){
  .yearly-performance .data-to-linechart::before { left: 2.7%; }
}
@media (max-width: 991px){
  .fund-inv-return-over-time .data-to-linechart::after { width: 14%; }
  .yearly-performance .data-to-linechart::before { left: 4%; }
}

.yearly-performance .nvd3 .nv-axis .tick:first-child line,
.fund-inv-return-over-time .nvd3 .nv-axis .zero line,
.fund-inv-return-over-time .nvd3 .nv-axis line.zero { stroke: #000; stroke-opacity: 1; }
.yearly-performance .nvd3 .nv-axis text,
.fund-inv-return-over-time .nvd3 .nv-axis text { font-size: 14px; font-weight: bold; }
.yearly-performance .nvd3 line.nv-guideline,
.fund-inv-return-over-time .nvd3 line.nv-guideline { stroke: #5f5f5f; stroke-dasharray: 3; }
.yearly-performance .view-header h2,
.fund-inv-return-over-time .view-header h2 { margin-top: 0; margin-bottom: 17px; padding-bottom: 10px; border-bottom: 2px solid #ccc; }
.yearly-performance .view-header p,
.fund-inv-return-over-time .view-header p { font-size: 0.9em; line-height: 1.4; }
.yearly-performance p.small,
.fund-inv-return-over-time p.small { font-size: 0.7em; line-height: 1.4; }
.yearly-performance .filter-btn,
.fund-inv-return-over-time .filter-btn { margin: 10px 1% 0 0; border: 0 none; border-radius: 100px; padding: 5px 8px 6px; width: 19%; color: #fff; font-size: 14px; opacity: 0.5; font-weight: 500; }
.yearly-performance .filter-btn.active,
.fund-inv-return-over-time .filter-btn.active { opacity: 1; }
.yearly-performance .filter-btn:active,
.fund-inv-return-over-time .filter-btn:active,
.yearly-performance .filter-btn:focus,
.fund-inv-return-over-time .filter-btn:focus { outline: none; }
.yearly-performance .mobile-message,
.fund-inv-return-over-time .mobile-message { text-align: left; }

/* responsive */
@media (max-width: 1200px){
  .yearly-performance .view-footer,
  .fund-inv-return-over-time .view-footer { text-align: center; }
  .yearly-performance .view-footer .small,
  .fund-inv-return-over-time .view-footer .small { text-align: left; }
  .yearly-performance .filter-btn,
  .fund-inv-return-over-time .filter-btn { margin: 10px 5px 0; width: 25%; }
}
@media (max-width: 991px){
  .yearly-performance,
  .fund-inv-return-over-time { padding: 20px; }
  .yearly-performance .mobile-message p,
  .fund-inv-return-over-time .mobile-message p { margin: 0; font-size: 0.9em; }
  .yearly-performance .filter-btn,
  .fund-inv-return-over-time .filter-btn { width: 35%; }
}

.nvtooltip { border-radius: 0; background-color: #fff; }
.nvtooltip table td { padding: 4px 10px 5px 0; font-size: 12px; }
.nvtooltip table td.no-data { padding: 4px 10px 5px 20px; }
.nvtooltip table td.key { padding-right: 22px; }
.nvtooltip thead strong { margin: 0 20px; font-size: 13px }
.nvtooltip table td.legend-color-guide div { border: 0 none; border-radius: 50%; width: 10px; height: 10px; }
.nvtooltip table td.value { padding-right: 15px; font-weight: 500; }
.nvtooltip table td.value + .value { padding-right: 5px; font-weight: 700; }
.nvtooltip table tbody tr.kiwisaver-opacity .key,
.nvtooltip table tbody tr.kiwisaver-opacity .value { opacity: 0.5; }

.nvtooltip table.discrete-bar-chart td.key { padding-right: 10px; }
.nvtooltip table.discrete-bar-chart td.value { padding-right: 0; }

/**
 * Blocks.
 */
/* Blocks: simple-block */
.simple-block { margin-bottom: 40px; padding: 0 40px 10px; background-color: #fff; }
.simple-block p { font-size: 0.9em; line-height: 1.4; }
.simple-block h2 { margin-top: 20px; margin-bottom: 17px; padding-bottom: 10px; border-bottom: 2px solid #ccc;}
/* responsive */
@media (max-width: 1200px){
  .simple-block { padding: 0 33px 10px; }
}
@media (max-width: 991px){
  .simple-block { padding: 0 20px 10px; }
}

/* Blocks: automatic-block */
.automatic-block { margin-bottom: 20px; }
.automatic-block h2 { margin-top: 15px; }

/* Blocks: manual-block */
.manual-block { margin-bottom: 20px; }
.manual-block h2 { margin-top: 50px; }

/* Blocks: pay-fees */
.pay-fees { margin-top: 30px; }
.pay-fees h2 { margin-bottom: 15px; }
.pay-fees p { font-size: 16.5px; line-height: 1.5; }
.pay-fees .legend { float: right; margin: 72px 11.4% 15px 0; padding: 0; list-style: none; }
.pay-fees .legend li { margin-bottom: 6px; }
.pay-fees .legend li .legend-color { display: inline-block; border: 0 none; border-radius: 50%; width: 16px; height: 16px; }
.pay-fees .legend li .title { display: inline-block; margin-left: 17px; font-size: 14px; vertical-align: top; }

.pay-fees-chart { margin: 74px 0 40px; width: 70%; height: 365px; }
.pay-fees-chart table { border: none; }
.pay-fees-chart table tr th,
.pay-fees-chart table tr td { border: 2px solid #f2f2f2; background: #999; padding: 0 10px 3px; color: #fff; }
.pay-fees-chart .nvd3 .nv-axis .zero line,
.pay-fees-chart .nvd3 .nv-axis line.zero { stroke-opacity: 0; }
.pay-fees-chart .nvd3 .nv-y.nv-axis .nv-zeroLine line { stroke: #000; stroke-opacity: 1; }
.pay-fees-chart .nvd3 .nv-y.nv-axis .nv-axis .domain { stroke-opacity: 0; }
.pay-fees-chart .nvd3 .nv-x .tick text,
.pay-fees-chart .nvd3 .nv-y .tick text { font-weight: bold; }
.pay-fees-chart .nvd3 .nv-discretebar .nv-groups rect { stroke-opacity: 0; }
.pay-fees-chart .nvd3 .nv-discretebar .nv-groups > g { fill-opacity: 1 !important; }
/* responsive */
@media (max-width: 991px){
  .pay-fees-chart { margin: 0 0 15px; width: 100%; }
  .pay-fees .legend { margin: 45px 0 15px; float: none; text-align: center; }
  .pay-fees .legend li { display: inline-block; margin-right: 15px; }
  .pay-fees .legend li .title { margin-left: 5px; }
}
@media (max-width: 500px){
  .pay-fees .legend { margin: 45px auto 15px; width: 210px; text-align: left; }
  .pay-fees .legend li { min-width: 90px; }
}

/**
 * Styles to be merged into the main file.
 */

/* Sidebar menu */

.region-sidebar { background: #fff; box-shadow: 0 0 1px 2px #ededed; }
.region-sidebar .block-menu-block { padding: 28px 25px 20px; }
.region-sidebar .block-menu-block h2 { margin-top: 0; margin-bottom: 36px; font-weight: bold; font-size: 17px; }
.region-sidebar .block-menu-block .menu { list-style: none; position: relative; padding-left: 25px; }
.region-sidebar .block-menu-block .menu li { margin-bottom: 14px; }
.region-sidebar .block-menu-block .menu li a,
.region-sidebar .block-menu-block .menu li .nolink { position: relative; border-bottom: 1px solid #fff; font-size: 18.5px; color: #333; }
.region-sidebar .block-menu-block .menu li a:hover,
.region-sidebar .block-menu-block .menu li a:focus { color: #333; border-bottom: 1px solid #333; text-decoration: none; }
.region-sidebar .block-menu-block .menu li a.active { font-family: 'freightsansbook'; font-weight: bold; }
.region-sidebar .block-menu-block .menu li a.active::before { content: "\e258"; color: #7ab542; font-family: 'Glyphicons Halflings'; font-size: 10px; position: absolute; left: -20px; display: inline-block; margin-top: 6px; }
.region-sidebar .block-menu-block .menu ul.sublevel { list-style: none; margin-top: 10px; padding-left: 20px; }

@media (min-width: 1200px){
  .region-sidebar { margin-right: -50px; }
}

.maintenance-page { text-align: center; }
.maintenance-page #logo { border: 0 none; }
.maintenance-page #logo img { margin-top: 30px; max-width: 200px; }
.maintenance-page #name-and-slogan { display: none; }

/**
 * Annual report page
 */
/*.page-node-66 .main-content .block .title {*/
/*  margin: 60px 0 17px;*/
/*  border-bottom: 1px solid #999;*/
/*  padding: 0 15px 12px;*/
/*  font-size: 24px;*/
/*  line-height: 1.2; }*/

/*.page-node-66 .main-content .mysuper-highlight-block.block .title {*/
/*  margin-top: 5px;*/
/*  border-bottom: 0 none;*/
/*  padding-bottom: 0; }*/

/*.page-node-66 .main-content .read-annual-report-block .block .title {*/
/*  margin-top: 40px; }*/

/*.page-node-66 .footnote {*/
/*  margin: 25px 17px;*/
/*  font-size: 16px;*/
/*  line-height: 1.3; }*/

/*.page-node-66 .read-annual-report-block > p {*/
/*  margin: 30px 0;*/
/*  padding: 0 15px; }*/

/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -webkit-align-items: center;*/
/*  -ms-flex-align: center;*/
/*  align-items: center;*/
/*  padding: 30px 35px;*/
/*  border: none;*/
/*  background: #a8a8a8;*/
/*  font: 20px "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;*/
/*  color: #fff; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li span {*/
/*  margin: 0; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download {*/
/*  position: relative;*/
/*  margin: 0 0 0 auto;*/
/*  padding-left: 55px;*/
/*  text-align: right; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .dropdown-toggle {*/
/*  font: 18px "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .caret {*/
/*  margin: 0 0 0 30px;*/
/*  border-top: 10px solid #929292;*/
/*  border-right: 10px solid transparent;*/
/*  border-left: 10px solid transparent; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .caret i {*/
/*  display: none; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .dropdown-menu {*/
/*  left: 55px;*/
/*  width: -webkit-calc(100% - 55px);*/
/*  width: calc(100% - 55px); }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .dropdown-menu li {*/
/*  padding: 0;*/
/*  border: none;*/
/*  background: transparent; }*/
/*.page-node-66 .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .dropdown-menu li a {*/
/*  border: none;*/
/*  font-size: 18px; }*/

/*.mysuper-highlight-block .top {*/
/*  font-size: 0;*/
/*  text-align: center;*/
/*  color: #fff; }*/
/*.mysuper-highlight-block .top .left {*/
/*  display: inline-block;*/
/*  padding: 50px 0 57px;*/
/*  width: 62%;*/
/*  background-color: #00a6a5;*/
/*  position: relative; }*/
/*.mysuper-highlight-block .top .right {*/
/*  display: inline-block;*/
/*  padding: 50px 0 57px;*/
/*  width: 38%;*/
/*  background-color: #00807f; }*/
/*.mysuper-highlight-block .top .left::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  right: -16px;*/
/*  margin-top: -16px;*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-top: 16px solid transparent;*/
/*  border-bottom: 16px solid transparent;*/
/*  border-left: 16px solid #00a6a5; }*/
/*.mysuper-highlight-block .top .data {*/
/*  font-size: 60px;*/
/*  line-height: 1.2; }*/
/*.mysuper-highlight-block .top .description {*/
/*  margin-top: 10px;*/
/*  font-size: 19px;*/
/*  line-height: 1.2; }*/

/*.mysuper-highlight-block .bottom {*/
/*  background-color: #fff;*/
/*  padding: 0 0 1px; }*/
/*.mysuper-highlight-block .bottom .bottom-item {*/
/*  min-height: 130px;*/
/*  border-bottom: 1px solid #999; }*/
/*.mysuper-highlight-block .bottom .bottom-item:last-of-type {*/
/*  border-bottom: none; }*/
/*.mysuper-highlight-block .bottom .left {*/
/*  display: table-cell;*/
/*  vertical-align: middle;*/
/*  width: 28%;*/
/*  height: 130px;*/
/*  padding: 0 2.22em;*/
/*  max-width: 210px;*/
/*  text-align: center; }*/
/*.mysuper-highlight-block .bottom .left img {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*  max-height: 100%; }*/
/*.mysuper-highlight-block .bottom .right {*/
/*  display: table-cell;*/
/*  vertical-align: middle;*/
/*  width: 72%;*/
/*  padding: 20px 1.46em 20px 0;*/
/*  font-size: 24px;*/
/*  line-height: 1; }*/

/*.mysuper-investment-performance-block .performance-wrapper.header {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  margin: 0;*/
/*  padding: 0 0 9px;*/
/*  background-color: transparent; }*/
/*.mysuper-investment-performance-block .performance-wrapper.header .fund-name {*/
/*  width: 33%; }*/
/*.mysuper-investment-performance-block .performance-wrapper.header .col-mysuper,*/
/*.mysuper-investment-performance-block .performance-wrapper.header .col-kiwisaver,*/
/*.mysuper-investment-performance-block .performance-wrapper.header .col-value-added {*/
/*  width: 22.33%;*/
/*  text-align: center; }*/

/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  margin-bottom: 4px;*/
/*  padding: 0;*/
/*  font-size: 0;*/
/*  text-align: left;*/
/*  color: #333;*/
/*  background-color: transparent; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper:last-of-type {*/
/*  border-bottom: none; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-name {*/
/*  background-color: #ff6666; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-values .description {*/
/*  background-color: #ff6666;*/
/*  position: relative; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-values .description:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background-color: #ff6666;*/
/*  left: 0;*/
/*  bottom: -1px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .data-mysuper {*/
/*  background-color: #de3d3b; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .data-kiwisaver {*/
/*  background-color: #fce2dd; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-name {*/
/*  background-color: #a487b7; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-values .description {*/
/*  background-color: #a487b7;*/
/*  position: relative; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-values .description:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background-color: #a487b7;*/
/*  left: 0;*/
/*  bottom: -1px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .data-mysuper {*/
/*  background-color: #724884; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .data-kiwisaver {*/
/*  background-color: #e1dcec; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-name {*/
/*  background-color: #ffa700; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-values .description {*/
/*  background-color: #ffa700;*/
/*  position: relative; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-values .description:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background-color: #ffa700;*/
/*  left: 0;*/
/*  bottom: -1px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .data-mysuper {*/
/*  background-color: #f66b08; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .data-kiwisaver {*/
/*  background-color: #fcebd3; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-name {*/
/*  background-color: #7AB542; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-values .description {*/
/*  background-color: #7AB542;*/
/*  position: relative; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-values .description:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background-color: #7AB542;*/
/*  left: 0;*/
/*  bottom: -1px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .data-mysuper {*/
/*  background-color: #3f8411; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .data-kiwisaver {*/
/*  background-color: #e6eed9; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -webkit-align-items: center;*/
/*  -ms-flex-align: center;*/
/*  align-items: center;*/
/*  padding-left: 19px;*/
/*  width: 17%;*/
/*  font-size: 19px;*/
/*  line-height: 1.31;*/
/*  text-align: left; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values {*/
/*  width: 83%; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values > div {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -webkit-align-items: center;*/
/*  -ms-flex-align: center;*/
/*  align-items: center;*/
/*  width: 19%;*/
/*  margin: 0 4px 0 0;*/
/*  padding: 0 15px 0 0;*/
/*  font-size: 16px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description span {*/
/*  margin-right: 0;*/
/*  margin-left: auto; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data {*/
/*  width: 27%;*/
/*  padding: 10px;*/
/*  font-size: 26px;*/
/*  line-height: 1;*/
/*  text-align: center; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data-mysuper {*/
/*  color: #fff; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data-value-added {*/
/*  background-color: #fff; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile {*/
/*  display: none; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile > div {*/
/*  font-size: 12px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile .data {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -webkit-align-items: center;*/
/*  -ms-flex-align: center;*/
/*  align-items: center;*/
/*  margin-bottom: 4px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile .data span {*/
/*  margin-left: auto;*/
/*  margin-right: auto; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .one-year .data {*/
/*  margin-bottom: 4px; }*/
/*.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .five-years .description::before {*/
/*  display: none; }*/

/*.mysuper-fees-block .fees-block-header {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  padding: 2.22em 0; }*/
/*.mysuper-fees-block .fees-block-header .left {*/
/*  width: 37.5%;*/
/*  padding: 0 15px;*/
/*  text-align: center; }*/
/*.mysuper-fees-block .fees-block-header .right {*/
/*  width: 62.5%;*/
/*  padding: 0 15px;*/
/*  font-size: 19px;*/
/*  line-height: 1.53; }*/

/*.mysuper-fees-block .fees-wrapper {*/
/*  margin-bottom: 2px;*/
/*  padding: 15px 0;*/
/*  background-color: #fff;*/
/*  font-size: 0;*/
/*  text-align: center;*/
/*  color: #333; }*/
/*.mysuper-fees-block .fees-wrapper.header {*/
/*  margin: 0;*/
/*  border-left: 5px solid transparent;*/
/*  padding: 0 0 10px;*/
/*  background-color: transparent; }*/
/*.mysuper-fees-block .fees-wrapper > div {*/
/*  display: inline-block;*/
/*  font-size: 16.5px;*/
/*  line-height: 1.2;*/
/*  vertical-align: middle; }*/
/*.mysuper-fees-block .fees-wrapper > div > div {*/
/*  display: inline-block;*/
/*  font-size: 16.5px;*/
/*  line-height: 1.2;*/
/*  vertical-align: middle; }*/
/*.mysuper-fees-block .fees-wrapper > div > div > div {*/
/*  display: inline-block;*/
/*  font-size: 16.5px;*/
/*  line-height: 1.2;*/
/*  vertical-align: middle; }*/
/*.mysuper-fees-block .fees-wrapper .fund-name {*/
/*  padding-left: 14px;*/
/*  width: 37%;*/
/*  font-size: 24px;*/
/*  line-height: 1.2;*/
/*  text-align: left; }*/
/*.mysuper-fees-block .fees-wrapper .versus {*/
/*  width: 41%;*/
/*  font-size: 0; }*/
/*.mysuper-fees-block .fees-wrapper .versus .mysuper-fees {*/
/*  width: 45%; }*/
/*.mysuper-fees-block .fees-wrapper .versus .vs {*/
/*  width: 10%; }*/
/*.mysuper-fees-block .fees-wrapper .versus .kiwisaver-fees {*/
/*  width: 45%; }*/
/*.mysuper-fees-block .fees-wrapper .versus .data {*/
/*  font-size: 40px;*/
/*  line-height: 1; }*/
/*.mysuper-fees-block .fees-wrapper .saving {*/
/*  width: 22%; }*/
/*.mysuper-fees-block .fees-wrapper .saving .data {*/
/*  -webkit-border-radius: 8px;*/
/*  border-radius: 8px;*/
/*  padding: 11px 15px; }*/
/*.mysuper-fees-block .fees-wrapper.growth-fund .saving .data {*/
/*  background-color: #ff6666; }*/
/*.mysuper-fees-block .fees-wrapper.balanced-fund .saving .data {*/
/*  background-color: #c287c7; }*/
/*.mysuper-fees-block .fees-wrapper.conservative-fund .saving .data {*/
/*  background-color: #ffa700; }*/
/*.mysuper-fees-block .fees-wrapper.cash-fund .saving .data {*/
/*  background-color: #7ab542; }*/
/*.mysuper-fees-block .fees-wrapper:not(.header) .description {*/
/*  display: none; }*/

/*.read-annual-report-block ul.read-annual-report-list {*/
/*  margin-bottom: 0; }*/

/*.annual-report-bottom-block {*/
/*  margin-bottom: 40px; }*/

/*@media (max-width: 1199px) {*/
/*  .mysuper-highlight-block .top .data {*/
/*    font-size: 50px; }*/
/*  .mysuper-highlight-block .bottom .right {*/
/*    font-size: 20px; }*/
/*  .mysuper-highlight-block .bottom .left {*/
/*    max-width: 130px; } }*/

/*@media (max-width: 991px) {*/
/*  .mysuper-highlight-block .top .left {*/
/*    width: 100%;*/
/*    padding: 20px 0 27px; }*/
/*  .mysuper-highlight-block .top .right {*/
/*    width: 100%;*/
/*    padding: 20px 0 27px; }*/
/*  .mysuper-highlight-block .top .left::after {*/
/*    top: 100%;*/
/*    right: 50%;*/
/*    margin: 0 -16px 0 0;*/
/*    border-top: 16px solid #00a6a5;*/
/*    border-bottom: 16px solid transparent;*/
/*    border-left: 16px solid transparent;*/
/*    border-right: 16px solid transparent; }*/
/*  .mysuper-highlight-block .bottom {*/
/*    text-align: center; }*/
/*  .mysuper-highlight-block .bottom .left {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 20px;*/
/*    max-width: none; }*/
/*  .mysuper-highlight-block .bottom .right {*/
/*    display: block;*/
/*    width: auto;*/
/*    margin: 0 20px 20px;*/
/*    padding: 0; }*/
/*  .main-content .mysuper-fees-block.block .title {*/
/*    padding-bottom: 0;*/
/*    border-bottom: 0 none; }*/
/*  .main-content .mysuper-investment-performance-block.block .title {*/
/*    padding-bottom: 0;*/
/*    border-bottom: 0 none; }*/
/*  .mysuper-fees-block .fees-block-header {*/
/*    -webkit-flex-wrap: wrap;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap; }*/
/*  .mysuper-fees-block .fees-block-header .left {*/
/*    width: 100%;*/
/*    padding: 20px; }*/
/*  .mysuper-fees-block .fees-block-header .right {*/
/*    width: 100%; }*/
/*  .mysuper-fees-block .fees-wrapper {*/
/*    padding: 0 0 15px; }*/
/*  .mysuper-fees-block .fees-wrapper.border {*/
/*    border-left: 0 none; }*/
/*  .mysuper-fees-block .fees-wrapper.header {*/
/*    display: none; }*/
/*  .mysuper-fees-block .fees-wrapper .fund-name {*/
/*    padding: 15px 0;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    color: #fff; }*/
/*  .mysuper-fees-block .fees-wrapper .saving {*/
/*    margin: 0 auto;*/
/*    display: block;*/
/*    width: 100px; }*/
/*  .mysuper-fees-block .fees-wrapper .versus {*/
/*    margin: 0 auto;*/
/*    display: block;*/
/*    width: 270px; }*/
/*  .mysuper-fees-block .fees-wrapper.growth-fund .fund-name {*/
/*    background-color: #ff6666; }*/
/*  .mysuper-fees-block .fees-wrapper.balanced-fund .fund-name {*/
/*    background-color: #c287c7; }*/
/*  .mysuper-fees-block .fees-wrapper.conservative-fund .fund-name {*/
/*    background-color: #ffa700; }*/
/*  .mysuper-fees-block .fees-wrapper.cash-fund .fund-name {*/
/*    background-color: #7ab542; }*/
/*  .mysuper-fees-block .fees-wrapper:not(.header) .description {*/
/*    display: inline-block;*/
/*    padding: 15px 0 5px; }*/
/*  .entityform.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option .form-type-radio {*/
/*    padding: 15px 15px 15px 0; } }*/

/*@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {*/
/*  .page-node-66 .main-content .read-annual-report-block ul.read-annual-report-list > li {*/
/*    -webkit-flex-wrap: wrap;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap; }*/
/*  .page-node-66 .main-content .read-annual-report-block ul.read-annual-report-list > li .control-label {*/
/*    width: 100%;*/
/*    margin-bottom: 20px;*/
/*    text-align: center; }*/
/*  .page-node-66 .main-content .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    padding: 0; }*/
/*  .mysuper-investment-performance-block .performance-wrapper.header {*/
/*    display: none; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper {*/
/*    -webkit-flex-wrap: wrap;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name {*/
/*    width: 100%;*/
/*    margin-bottom: 4px;*/
/*    padding: 7px 10px;*/
/*    text-align: center; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name span {*/
/*    margin-left: auto;*/
/*    margin-right: auto; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values {*/
/*    width: 100%; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {*/
/*    width: 30%; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex; } }*/

/*@media (max-width: 767px) {*/
/*  .page-node-66 .main-content .block .title {*/
/*    padding-left: 0;*/
/*    padding-right: 0; }*/
/*  .page-node-66 .footnote {*/
/*    margin-left: 0;*/
/*    margin-right: 0; }*/
/*  .entityform.entitytype-join_mysuper-form .form-type-radio.form-item-field-investment-option-und label {*/
/*    width: 210px;*/
/*    padding: 9px 0; } }*/

/*@media (max-width: 480px) {*/
/*  .page-node-66 .main-content .read-annual-report-block ul.read-annual-report-list > li .annual-reports-download .btn.dropdown-toggle {*/
/*    font-size: 13px; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile > div {*/
/*    font-size: 10px; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {*/
/*    padding: 7px;*/
/*    font-size: 14px; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description span {*/
/*    width: 100%;*/
/*    text-align: center; }*/
/*  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data {*/
/*    font-size: 14px; } }*/

/* mysuper intro image */
.join-mysuper-intro-image { background: url(../images/chocolates.png) no-repeat; background-size: cover; width: 172px; height: 104px;}

@media (min-width: 768px) and (max-width: 991px) {
  #field-intro-add-more-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .join-mysuper-intro-image { margin: 0 auto 20px; }
}
@media (min-width: 569px){
  #field-intro-add-more-wrapper { display: flex }
}
#field-intro-add-more-wrapper p { width: calc(100% - 197px); margin-left: 25px; font-family: 'YogaWebPro'; font-size: 20px; line-height: 30px;}
#field-intro-add-more-wrapper .mysuper-prepopulated-text {display: none;}
.entityform.entitytype-join_mysuper-form .group-personal-details .multipage-pane-title,
.entityform.entitytype-join_mysuper-form .group-investment > .multipage-pane-title,
.entityform.entitytype-join_mysuper-form .group-insurance > .multipage-pane-title,
.entityform.entitytype-join_mysuper-form .group-locking-contributions > .multipage-pane-title {font-size: 42px; line-height: 50px; border: none; margin-bottom: 40px;}
.entityform.entitytype-join_mysuper-form .field-name-field-intro {margin-bottom: 30px}
.entityform.entitytype-join_mysuper-form .group-investment .form-group .multipage-pane-title {margin-bottom: 17px}
.entityform.entitytype-join_mysuper-form input[type="button"]:focus {outline: none;}
@media (min-width: 768px) and (max-width: 991px) {
  #field-intro-add-more-wrapper p { margin-left: 0; width: 100%; }
}
@media (max-width: 568px){
  .join-mysuper-intro-image {margin: 0 auto 20px; }
  #field-intro-add-more-wrapper p { margin-left: 0; width: 100%; }
  .form-radios .option-label {margin-bottom: 60px;}
  .form-radios .manual-description > p, .form-radios .automatic-description > p { width: 90%; }
  .entityform.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option #edit-field-investment-option-und .form-type-radio {
    width: 80%;
    position: absolute;
    left: 30px;
  }
  .entityform.entitytype-join_mysuper-form .form-type-radio.form-item-field-investment-option-und label { width: 210px }
}
.entityform.entitytype-join_mysuper-form .field-name-field-annual-salary label { width: 45%; line-height: 1;}
@media (min-width: 992px) {
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary { float: left; clear: left; width: 58%; margin-right: 1%;}
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary input { margin: 0; margin-bottom: 2px; width: 88%;}
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary .help-block { margin-top: 0; margin-bottom: 0; margin-left: 45%;}
  .entityform.entitytype-join_mysuper-form .field-name-field-gender { float: left; clear: right; width: 41%; }
  .entityform.entitytype-join_mysuper-form .group-personal-details .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-investment > .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-insurance > .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-locking-contributions > .multipage-pane-title {
    margin-top: 0;
  }
  .entitytype-join_mysuper-form ul.multipage-counter {
    display: none;
  }
}
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-gender.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-dob.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-hours-per-week.form-group {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 20px 15px 20px 20px;
  border: none;
}
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-id {margin-bottom: 10px;}
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group { margin-top: 0 }
.entityform.entitytype-join_mysuper-form .form-type-date-combo .form-type-select {
  margin: 0;
  margin-right: 10px;
}
.entityform.entitytype-join_mysuper-form .form-type-date-combo .form-type-select:last-child {
  margin-right: 0;
}
.entityform.entitytype-join_mysuper-form .form-type-date-combo .form-type-select .help-block {
  margin: 0;
}
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-gender .form-radios,
.entityform.entitytype-join_mysuper-form .form-type-date-combo .date-form-element-content,
.entityform.entitytype-join_mysuper-form .form-type-date-combo .form-item-field-dob-und-0-value.form-group{
  float: right;
}
.entityform.entitytype-join_mysuper-form .field-name-field-hours-per-week .help-block { margin-top: 0; margin-bottom: 0; margin-left: 35%;}
@media (max-width: 1199px) {
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary label { width: 100%}
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-gender .form-radios,
  .entityform.entitytype-join_mysuper-form .form-type-date-combo .date-form-element-content,
  .entityform.entitytype-join_mysuper-form .form-type-date-combo .form-item-field-dob-und-0-value.form-group{
    float: left;
  }
  .entityform.entitytype-join_mysuper-form .group-personal-details .help-block {
    margin-left: 0;
  }
  .entityform.entitytype-join_mysuper-form .field-name-field-hours-per-week .help-block {
    margin-left: 32%;
  }
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-dob p.help-block {
    margin-left: 32%;
  }
}
.entityform.entitytype-join_mysuper-form .form-type-radio, .entityform.entitytype-join_mysuper-form .form-type-radio:last-child {
  margin: 0;
  margin-right: 5px;
}
.entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .select2-container {
  border: 1px solid #b5b5b5;
  border-radius: 2px;
}
.entityform.entitytype-join_mysuper-form .field-name-field-annual-salary input { border: 1px solid #b5b5b5; height: 43px; font-size: 24px;
  padding-top: 2px;}
.entityform.entitytype-join_mysuper-form .field-name-field-hours-per-week input { border: 1px solid #b5b5b5; height: 43px; font-size: 24px;
  padding-top: 2px;}
.entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo:after,
.entityform.entitytype-join_mysuper-form .form-item-field-gender-und:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group .form-item .form-radios,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group .form-item .form-radios,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-gender .form-radios {
  margin: 0 5px 0 0;
}
.entitytype-join_mysuper-form .field-name-field-annual-salary.form-group .glyphicon-question-sign:before { color: #009999 }
.entitytype-join_mysuper-form .group-fortnightly-contributions h3 {
  font: 24px/36px 'YogaWebPro';
  margin-top: 55px;
  border-bottom: 1px solid #cccccc;
}

/* Alert box */
.field-name-field-fortnightly-info .panel-info > .panel-heading { font-size: 16px; margin-top: 15px;}
.field-name-field-fortnightly-info .panel-info > .panel-heading:before {margin-top: -2px}
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-info#edit-field-fortnightly-info { margin-top: 0 }

/* 'Choose Stages' and 'Choose Selfselect' */
.investment-mix-calc .help-link-wrapper .help-link:before { content: ''; }
.investment-mix-calc .help-link-wrapper .help-link { color: #666; border-bottom: 1px solid #c6c6c6; }
.investment-mix-calc .help-link-wrapper .help-link:hover { border-color: #333333; }
.investment-mix-calc .help-link-wrapper .help-link:hover::after { transition: color 0.3s; color: #333; }
.investment-mix-calc .fund-details,
.automatic-description-container .fund-details { color: #fff; }
.investment-mix-calc .fund-details .fund-link a,
.automatic-description-container .fund-details .fund-link a { border-bottom: none; color: #fff; font-size: 14px; line-height: 1; }
.investment-mix-calc .fund-details .fund-link a strong,
.automatic-description-container .fund-details .fund-link a strong { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.investment-mix-calc .fund-details .fund-link a:hover strong,
.automatic-description-container .fund-details .fund-link a:hover strong { border-color: #fff; }
.investment-mix-calc .fund-details h3,
.automatic-description-container .fund-details h3 { padding: 15px 30px 0; font: 24px/36px 'freightsansbook'; margin-top: 0; margin-bottom: 10px; }
.investment-mix-calc .fund-details p,
.automatic-description-container .fund-details p { padding: 0 30px 10px; }
.investment-mix-calc .fund-link,
.automatic-description-container .fund-link { position: relative; padding: 10px 50px 15px 30px; }
.investment-mix-calc .fund-link a::after,
.automatic-description-container .fund-link a::after { position: absolute; top: 18px; right: 20px; content: "\e164"; font-family: 'Glyphicons Halflings'; font-size: 14px; }
.investment-mix-calc .growth-fund .fund-link,
.automatic-description-container .growth-fund .fund-link { background: #de3232; }
.investment-mix-calc .balanced-fund .fund-link,
.automatic-description-container .balanced-fund .fund-link { background: #9044b1; }
.investment-mix-calc .conservative-fund .fund-link,
.automatic-description-container .conservative-fund .fund-link { background: #cc8500; }
.investment-mix-calc .cash-fund .fund-link,
.automatic-description-container .cash-fund .fund-link { background: #3f8410; }
.entitytype-join_mysuper-form .group-investment .group-manual-sliders.investment-mix-calc { padding-bottom: 0; }
.investment-mix-calc .fund-details { position: relative; }
.investment-mix-calc .fund-details::before { position: absolute; content: ""; left: 30px; top: auto; border: 14px solid transparent; border-top: 14px solid #fff; z-index: 5; }
#field-investment-mix-bottom-add-more-wrapper { display: none; }
.automatic-description-container { position: relative; }
.automatic-description-container::before { position: absolute; content: ""; left: 30px; top: auto; border: 14px solid transparent; border-top: 14px solid #fff; z-index: 5; }
.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und #edit-field-investment-option-und .automatic-description > p, .entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und #edit-field-investment-option-und .manual-description > p { padding: 0 0 15px 30px; margin-bottom: 0; }
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option #edit-field-investment-option-und .form-type-radio { background-color: transparent; width: 33%; padding-top: 30px; float: right; clear: right; margin-top: 10px}
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option #edit-field-investment-option-und .form-type-radio:first-child { margin-top: 0; }
.entityform .form-type-radio.form-item-field-investment-option-und label { width: 210px; text-align: center; margin: 0 auto; font-size: 16px;}
#field-investment-sliders-add-more-wrapper { display: none; }
.automatic-description { margin-top: 30px; }
.manual-description { margin-top: 10px; }
.manual-description > p, .automatic-description > p { width: 60%; }
.option-label { font: 24px/36px 'freightsansbook';  margin-bottom: 10px; display: block; color: #333333;}
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option #edit-field-investment-option-und .automatic-description,
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option #edit-field-investment-option-und .manual-description { background-color: #fff; padding: 15px 0 0; color: #636466;}
.entitytype-join_mysuper-form .group-investment .field-name-field-growth-fund #field-growth-fund-add-more-wrapper .form-item { border-top: none; position: relative; }
.entitytype-join_mysuper-form .group-investment .field-name-field-growth-fund #field-growth-fund-add-more-wrapper .form-item::before {  position: absolute; content: ""; left: 30px; top: 0; border: 14px solid transparent; border-top: 14px solid #fff; z-index: 5; }

/*  KiwiSaver and Contributions Holiday fields */
.field-name-field-kiwisaver-contributions, .field-name-field-contributions-holiday { position: relative; }
.field-name-field-kiwisaver-contributions { margin-top: 30px;}
.field-name-field-kiwisaver-contributions .form-item > label, .field-name-field-contributions-holiday .form-item > label { width: calc(100% - 250px); }
.field-name-field-kiwisaver-contributions .form-radios, .field-name-field-contributions-holiday .form-radios { float: right; margin-right: 45px; }
.field-name-field-kiwisaver-contributions .glyphicon.glyphicon-question-sign,
.field-name-field-contributions-holiday .glyphicon.glyphicon-question-sign { right: 1px; top: -45px; float: right; clear: right; margin-bottom: -45px;}
.field-name-field-contributions-holiday .form-item > label { font-style: italic; padding-left: 30px; }
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary label.dollar::after { left: 49%; top: 21px; font-size: 24px; }
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary .dollar+input {
  padding-left: 24px;
}
@media (max-width: 1199px) {
  .entityform .form-type-radio.form-item-field-investment-option-und label {width: 150px;}
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary label.dollar::after { top: 55px; left: 27px; }
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary input {
    margin-left: 0;
  }
  .entityform .group-personal-details .field-name-field-hours-per-week input#edit-field-hours-per-week-und-0-value {
    margin-left: 10px;
  }
  .field-name-field-kiwisaver-contributions .form-radios, .field-name-field-contributions-holiday .form-radios {
    margin-right: 50px;
  }
  .field-name-field-kiwisaver-contributions .form-item > label, .field-name-field-contributions-holiday .form-item > label {
    width: 100%;
    padding-right: 50px;
  }
  .field-name-field-kiwisaver-contributions .glyphicon.glyphicon-question-sign,
  .field-name-field-contributions-holiday .glyphicon.glyphicon-question-sign {
    right: 5px;
  }
  .field-name-field-contributions-holiday .form-item > label {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .entityform.entitytype-join_mysuper-form .field-name-field-hours-per-week .help-block {
    margin-left: 0;
  }
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-dob p.help-block {
    margin-left: 0;
  }
  .entityform.entitytype-join_mysuper-form .group-personal-details .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-investment > .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-insurance > .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-locking-contributions > .multipage-pane-title,
  .entityform.entitytype-join_mysuper-form .group-summary .summary-pane-title {
    margin-top: 50px;
  }
  .mysuper-progress-bar {
    display: none;
  }
}

.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary.form-group .form-item .control-label {display: none;}
.entityform.entitytype-join_mysuper-form .group-fortnightly-contributions .well-wrapper {margin-bottom: 0;}
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary.form-group { border-radius: 0;}
.entitytype-join_mysuper-form .group-fortnightly-contributions .control-label-description {font-size: 20px }
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .group-fortnightly-result h3 { color: #fff; background-color: #636466; border-bottom: none; font-family: 'freightsansbook'}
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-total.form-group { border-top: none }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-result-contrib .form-type-textfield,
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-result-acc .form-type-textfield {
  font-weight: bold; font-size: 20px;
}
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-result-total .form-type-textfield {
  font-size: 30px;
}
.entityform.entitytype-join_mysuper-form .group-investment #field-investment-mix-intro-add-more-wrapper .well-wrapper { margin-top: 30px; }
.entityform.entitytype-join_mysuper-form .form-type-radio label {background: #666666}
.entityform.entitytype-join_mysuper-form .has-error .form-type-radio label { box-shadow: 0 0 0 2px #EA6566 inset;}
.entityform.entitytype-join_mysuper-form .group-summary .summary-pane-title { font-size: 42px;}
.entityform.entitytype-join_mysuper-form .select2-container--default .select2-selection--single { border-radius: 2px;}
.entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .select2-container {
  width: 75px !important;
}
.entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .date-month .select2-container {
  width: 90px !important;
}
@media (min-width: 1200px){
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-text label,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-email label,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-telephone label { width: 25%}
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-text:not(.field-name-field-signatory-name) input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-email input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-number-float input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-telephone input { width: 69%}
  .entityform.entitytype-join_mysuper-form .group-summary .field-name-field-suburb.form-group input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-name-field-city.form-group input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-name-field-postcode.form-group input,
  .entityform.entitytype-join_mysuper-form .group-summary .field-type-number-integer.form-group input {margin-left: 25%}
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary input { width: 46%;}
  .entityform.entitytype-join_mysuper-form .group-personal-details .form-group label { margin-top: 13px; margin-bottom: 0; }
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-dob label { margin-top: 9px;}
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-hours-per-week label { margin-top: 7px; }
  .entityform.entitytype-join_mysuper-form .group-personal-details .form-group .form-type-radio label { margin-top: 0; }
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-dob p.help-block { margin-left: 62.5%; }
  .entityform.entitytype-join_mysuper-form .help-block { margin-left: 25%; }
  .entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-hours-per-week input#edit-field-hours-per-week-und-0-value { float: right; }
  .entityform.entitytype-join_mysuper-form .field-name-field-hours-per-week .help-block { float: right; clear: right; }
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-hours-per-week.form-group { height: 83px; }
  .manual-description > p, .automatic-description > p { width: 62%; }
}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-wrapper .summary-wrapper p:not(.group-bg-green) {
  margin: 20px 0;
  padding: 0 30px 0 95px;
}
@media (max-width: 378px) {
  .entityform.entitytype-join_mysuper-form .group-summary .multipage-pane-title .btn-print-move {
    margin-left: 10px;
    margin-top: 15px;
  }
  .entityform.entitytype-join_mysuper-form .group-summary .multipage-pane-title span {
    margin-top: 25px;
  }
  .entityform.entitytype-join_mysuper-form .group-summary .multipage-pane-wrapper .field-name-field-summary-text {
    padding-top: 50px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 10px 0 5px;
  }
  .entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .select2-container {
    width: 65px !important;
  }
  .entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .date-month .select2-container {
    width: 80px !important;
  }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-wrapper .summary-wrapper p:not(.group-bg-green) {
    padding: 10px 30px 10px 30px;
  }
}
@media (max-width: 320px) {
  .entityform.entitytype-join_mysuper-form .field-name-field-dob .form-type-date-combo .select2-container {
    margin-bottom: 4px;
  }
}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .locked-wrapper hr {
  display: block;
  margin: 0;
}

/* Style the header */
.mysuper-progress-bar {
  position: relative;
  z-index: 999;
  color: #ffffff;
  background: #494848;
}

/* Page content */
.mysuper-progress-bar + .main-content {
  padding-top: 55px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.sticky-admin {
  position: fixed;
  top: 29px;
  width: 100%;
  z-index: 999;
}

.mysuper-progress-bar-fixed .tooltip,
.mysuper-progress-bar-fixed .select2-dropdown,
.mysuper-progress-bar-fixed ul.af_list,
.mysuper-progress-bar-fixed div.contextual-links-wrapper {
  z-index: 998;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .main-content,
.sticky-admin + .main-content{
  padding-top: 178px;
}

.mysuper-progress-bar + .main-content h1.page-header {
  display: none;
}

/* Progress bar styling */
.progress-left-side {
  position: absolute;
  height: 123px;
  width: 50%;
  top: 0;
  left: 0;
}

.progress-right-side {
  position: absolute;
  height: 123px;
  width: 50%;
  top: 0;
  left: 50%;
  background: #333333;
}

#mysuper-progress-tiles .bar-title h2{
  font: 25px/32px 'YogaWebPro';
  width: 100px;
  margin: 14px 0 0;
}
.bar-tile {
  transition: 0.3s;
  height: 123px;
  background: #494848;
  border-right: 1px solid #4b4b4b;
}
.bar-tile.tile-populated:hover {
  background: #212121;
  cursor: pointer;
}
.tile-head {
  position: relative;
  color: #666666;
  padding-top: 5px;
  font: 16px/24px 'freightsansbook';
  width: 100px;
  height: 59px;
}
.tile-data:not(.data-life) {
  color: #666666;
  height: 64px;
  line-height: 64px;
  white-space: nowrap;
  font-size: 16px;
  font-family: 'freightsansbook';
}
.data-life {
  color: #666666;
  padding-top: 7px;
  width: 125px;
  font-size: 16px;
  line-height: 21px;
  font-family: 'freightsansbook';
}
.tile-insurance .tile-head {
  width: 140px;
}
.bar-total .tile-head {
  width: 160px;
  font-weight: 700;
  color: #999999;
}

.bar-tile:after {
  position: absolute;
  top: 22px;
  right: 3px;
  font-family: "Glyphicons Halflings";
  content:"\e080";
  font-size: 11px;
  color: #7ab542;
}
.tile-populated { background: #333333; }
.tile-populated .tile-head { color: #999999; }
.tile-populated .tile-data,
.bar-total .tile-data { color: #ffffff; }
.tile-active,
.progress-right-side .tile-active { background: #7ab542; }
.tile-active .tile-head,
.tile-active.bar-tile:after,
.tile-active .tile-data{
  color: #fff;
}

.tile-contributions .tile-data, .bar-total .tile-data {
  font-size: 40px;
  font-family: 'FontFontYogaPro';
}

@media (min-width: 1200px) {
  .mysuper-progress-bar {
    padding-left: 30px;
  }
  .bar-tile:after {
    right: 10px;
  }
}

.box-fieldset-legend {
	float: left;
	margin: 0;
	border: 0 none;
	width: 85% !important;
	font-size: 20px;
}

.box-fieldset-legend p.description {
	font-family: 'YogaWebPro';
	font-size: 20px;
	line-height: 1;
}

#edit-field-homewithdrawal-application fieldset > legend,
#edit-field-confirmation-contribution fieldset > legend {
	display: none !important;
}

.field-name-field-message  .panel-info .panel-body {
	padding: 24px 35px !important;
}

/* Event Booking */
.node-type-event h1.page-header {
  margin-bottom: 1.175em;
  padding-left: 15px; }

.node-type-event .modal-backdrop.in {
  opacity: .8; }

.node-event .group-info-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5em;
  margin-left: -15px;
  margin-right: -15px; }
.node-event .group-info-table > .field,
.node-event .group-info-table > .field-group-div {
  width: 25%;
  margin-right: 1px;
  text-align: center;
  background-color: #00a6a5;
  color: #fff; }
.node-event .group-info-table > .field:last-child,
.node-event .group-info-table > .field-group-div:last-child {
  margin-right: 0; }
.node-event .group-info-table > .field .field-label, .node-event .group-info-table > .field h3,
.node-event .group-info-table > .field-group-div .field-label,
.node-event .group-info-table > .field-group-div h3 {
  margin: 0;
  padding: 15px 10px 10px;
  font: 1em "freightsansbold", "Helvetica Neue", Helvetica, sans-serif;
  background-color: #00807f; }
.node-event .group-info-table > .field .field-items,
.node-event .group-info-table > .field-group-div .field-items {
  padding: 20px 15px 15px; }
.node-event .group-info-table .field-name-field-event-date .date-format-processed {
  font: 0.88em "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.node-event .group-info-table .field-name-field-event-date .date-format-processed .day {
  display: block;
  margin-bottom: .21em;
  font: 3.75em "YogaWebPro", Helvetica, Arial, sans-serif;
  line-height: 1; }
.node-event .group-info-table .field-name-field-event-session-time,
.node-event .group-info-table .field-name-field-event-sessions {
  font-family: "YogaWebPro", Helvetica, Arial, sans-serif;
  line-height: 1.9em; }
.node-event .group-info-table .field-name-field-event-session-time .start, .node-event .group-info-table .field-name-field-event-session-time .end,
.node-event .group-info-table .field-name-field-event-sessions .start,
.node-event .group-info-table .field-name-field-event-sessions .end {
  font-size: 1.563em; }
.node-event .group-info-table .field-name-field-event-session-time.single-time .field-item,
.node-event .group-info-table .field-name-field-event-sessions.single-time .field-item {
  font-size: 0.88em; }
.node-event .group-info-table .field-name-field-event-session-time.single-time .field-item span,
.node-event .group-info-table .field-name-field-event-sessions.single-time .field-item span {
  display: block; }
.node-event .group-info-table .field-name-field-event-session-length {
  display: none; }
.node-event .group-info-table .field-name-field-event-location .field-items {
  padding: 20px 15px 0; }
.node-event .group-info-table .field-name-field-event-location .field-name-field-short {
  margin-bottom: .21em;
  font: 3.33em "YogaWebPro", Helvetica, Arial, sans-serif;
  line-height: 1; }
.node-event .group-info-table .field-name-field-event-location .field-name-title {
  font: 0.88em "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.node-event .group-info-table .field-name-field-event-location .field-name-title p {
  margin: 0; }
.node-event .group-info-table .field-name-field-event-office .field-items {
  padding: 0 15px 15px;
  font: 0.88em "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.node-event .group-info-table .field-name-field-event-availability .field-item {
  font: 3.33em "YogaWebPro", Helvetica, Arial, sans-serif;
  line-height: 1; }
.node-event .group-info-table .field-name-field-event-availability.few-places {
  background-color: #ff6766; }
.node-event .group-info-table .field-name-field-event-availability.few-places .field-label {
  background-color: #df3d3b; }
.node-event .group-info-table .field-name-field-event-availability.no-places {
  background-color: #a9acac; }
.node-event .group-info-table .field-name-field-event-availability.no-places .field-label {
  background-color: #7e7e7e; }
.node-event .group-info-table .field-name-field-event-availability .message {
  display: block;
  margin-top: .9em;
  font: 0.267em "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }

.node-event .field-name-field-event-teaser {
  font: 20px/1.58 "YogaWebPro", Helvetica, Arial, sans-serif; }
.node-event .field-name-field-event-teaser p {
  font: inherit; }

.node-event .field-name-body {
  margin-bottom: 2.5em; }
.node-event .field-name-body p {
  line-height: 1.58em; }

.node-event .field-name-field-event-entf {
  margin-bottom: 4.5em;
  padding: 25px 30px 30px;
  background-color: #fff; }
.node-event .field-name-field-event-entf .entity-form-field-title {
  margin: 0 0 20px;
  padding-bottom: 15px;
  font-size: 24px;
  border-bottom: 1px solid #cbcbcb; }
.node-event .field-name-field-event-entf .entity-entityform-type h2 {
  display: none; }

@media (min-width: 769px) and (max-width: 991px) {
  .node-event .group-info-table {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .node-event .group-info-table > .field,
  .node-event .group-info-table > .field-group-div {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    margin-bottom: 1px; } }

@media (max-width: 480px) {
  .node-event .group-info-table {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .node-event .group-info-table > .field,
  .node-event .group-info-table > .field-group-div {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    margin-bottom: 1px; } }

@media (max-width: 320px) {
  .node-event .field-name-field-event-entf {
    margin-right: -15px;
    margin-left: -15px;
    padding: 25px 20px 30px; } }

.page-events .select2-container--open {
  font-size: 14px; }

.view-display-id-page_events_calendar_calendar .calendar-header p,
.view-display-id-page_events_calendar_list .calendar-header p {
  font: 20px/1.5 "YogaWebPro", Helvetica, Arial, sans-serif; }

.view-display-id-page_events_calendar_calendar .view-mode-wrapper,
.view-display-id-page_events_calendar_list .view-mode-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 85px 0 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb; }
.view-display-id-page_events_calendar_calendar .view-mode-wrapper .block-title,
.view-display-id-page_events_calendar_list .view-mode-wrapper .block-title {
  margin: 0;
  font: 24px/2 "YogaWebPro", Helvetica, Arial, sans-serif; }
.view-display-id-page_events_calendar_calendar .view-mode-wrapper .calendar-view-type-link,
.view-display-id-page_events_calendar_list .view-mode-wrapper .calendar-view-type-link {
  min-width: 8.55em;
  padding: 6px 20px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #00a6a5;
  -webkit-border-radius: 30px;
  border-radius: 30px; }
.view-display-id-page_events_calendar_calendar .view-mode-wrapper .calendar-view-type-link:first-of-type,
.view-display-id-page_events_calendar_list .view-mode-wrapper .calendar-view-type-link:first-of-type {
  margin-left: auto;
  margin-right: 5px; }
.view-display-id-page_events_calendar_calendar .view-mode-wrapper .calendar-view-type-link.active,
.view-display-id-page_events_calendar_list .view-mode-wrapper .calendar-view-type-link.active {
  color: #fff;
  background-color: #00a6a5; }
@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .view-display-id-page_events_calendar_calendar .view-mode-wrapper,
  .view-display-id-page_events_calendar_list .view-mode-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .view-display-id-page_events_calendar_calendar .view-mode-wrapper .block-title,
  .view-display-id-page_events_calendar_list .view-mode-wrapper .block-title {
    width: 100%;
    margin-bottom: 10px; } }

.view-display-id-page_events_calendar_calendar .date-nav-wrapper,
.view-display-id-page_events_calendar_list .date-nav-wrapper {
  margin-top: 0; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav {
  position: relative;
  min-height: auto;
  margin: 0;
  padding: 0; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .date-heading h3,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .date-heading h3 {
  font: 16px/2.25 "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager {
  margin: 0;
  padding: 0; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li {
  position: absolute;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  top: 15px; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li.date-prev,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-prev {
  left: 15px; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li.date-prev a::before,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-prev a::before {
  content: "\e257"; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li.date-next,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-next {
  right: 15px; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li.date-next a::before,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-next a::before {
  content: "\e258"; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li a,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  font-size: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e5e5e5; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li a::before,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a::before {
  position: absolute;
  font: 12px "Glyphicons Halflings";
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li a:active, .view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav .pager li a:focus,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a:active,
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a:focus {
  outline: none; }

.view-display-id-page_events_calendar_calendar .view-filters .views-exposed-widgets,
.view-display-id-page_events_calendar_list .view-filters .views-exposed-widgets {
  margin-bottom: 0;
  text-align: center; }

.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid {
  display: inline-block;
  padding: 0;
  float: none; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid select,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid select {
  height: 24px;
  padding: 0 6px;
  font: 14px/1 "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container {
  font: 14px/1 "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single {
  height: 24px; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__rendered,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 6px 25px 6px 6px;
  line-height: 1em; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__arrow,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 24px; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__arrow b,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -6px;
  border-width: 6px 6px 0 6px; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.view-display-id-page_events_calendar_list .view-filters .views-widget-filter-field_event_location_tid .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  margin-left: -6px;
  border-width: 0 6px 6px 6px; }

.view-display-id-page_events_calendar_calendar .view-mode-wrapper {
  margin-bottom: 25px; }

.view-display-id-page_events_calendar_calendar .date-nav-wrapper {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px); }
.view-display-id-page_events_calendar_calendar .date-nav-wrapper .date-nav {
  padding: 15px 15px 0;
  background-color: #fff; }

.view-display-id-page_events_calendar_calendar .view-filters {
  padding: 6px 15px;
  background-color: #fff; }
.view-display-id-page_events_calendar_calendar .view-filters .views-widget-filter-field_event_location_tid .select2-container {
  border: 1px solid #cbcbcb; }

.view-display-id-page_events_calendar_calendar > .view-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-calendar,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-empty {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px); }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-calendar {
  background-color: #fff; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-empty {
  margin-right: 0; }
.view-display-id-page_events_calendar_calendar > .view-content .date-nav-wrapper {
  width: 100%; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar {
  padding: 0 15px 15px;
  background-color: #fff; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full {
  font: 14px "freightsansbold", "Helvetica Neue", Helvetica, sans-serif; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full thead .days {
  width: 14.28%;
  padding: 15px;
  text-transform: uppercase;
  color: #000;
  background-color: transparent;
  border: solid #cbcbcb;
  border-width: 0 0 1px 0; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full thead .days.sun, .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full thead .days.sat {
  color: #999999; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box {
  height: auto;
  max-width: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box.active .inner .day a,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box.active .inner .day a a {
  opacity: 1; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box:first-of-type td {
  padding-top: 25px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td {
  width: 14.28%;
  padding: 6px 9px;
  border: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td.empty {
  color: #C1C1D2;
  background-color: transparent; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner {
  text-align: center; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a a {
  position: relative;
  color: #fff;
  background-color: #00a6a5;
  opacity: .48; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a:hover,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a a:hover {
  text-decoration: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a .events-num,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a a .events-num {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #df3d3b;
  top: -20%;
  right: -20%; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .single-day td,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .single-day.no-entry td {
  width: 14.28%;
  height: 0 !important;
  line-height: 1;
  padding: 0;
  border: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .single-day td .inner,
.view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .single-day.no-entry td .inner {
  position: absolute;
  display: none; }
@media (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar {
    padding: 0 0 15px; }
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box:first-of-type td {
    padding-top: 20px; }
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td {
    padding: 5px; }
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day,
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-calendar table.full tbody .date-box td .inner .day a {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 23px; } }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .calendar {
  width: 100%; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .calendar .cutoff {
  display: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control {
  position: absolute;
  top: 15px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.control-btn-prev {
  left: 15px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.control-btn-prev span::before {
  content: "\e257"; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.control-btn-next {
  right: 15px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.control-btn-next span::before {
  content: "\e258"; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.swiper-button-disabled {
  cursor: default; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control.swiper-button-disabled span:hover {
  opacity: .4; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control span {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e5e5e5;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  opacity: .4;
  z-index: 2; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control span::before {
  position: absolute;
  font: 12px "Glyphicons Halflings";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .swiper-control span:hover {
  opacity: .8; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .view-item {
  min-height: 384px;
  background-color: #fff; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field-field-event-date {
  padding: 15px 15px 15px;
  font: 16px/2.25 "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  color: #fff;
  background-color: #00a6a5; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field-title {
  padding: 15px 15px 20px;
  font: 20px/1.9 "YogaWebPro", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  background-color: #00a6a5; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field:not(.item-header) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 20px;
  font-size: 14px;
  background-color: #fff; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field:not(.item-header) .views-label {
  width: 25%;
  padding-right: 15px;
  color: #999999;
  text-align: right; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field:not(.item-header) .field-content {
  width: 75%;
  line-height: 1.78em;
  border-bottom: 1px solid #cbcbcb; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.views-field-views-details {
  padding-top: 40px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.views-field-views-details .field-content p {
  margin: 0;
  font-size: 14px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field-field-event-location .location {
  font-family: "freightsansbold", "Helvetica Neue", Helvetica, sans-serif; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer {
  padding-bottom: 25px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .field-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .field-content {
  width: 100%;
  line-height: 1;
  border: none; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-view-node {
  margin-left: 25%; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-view-node a {
  position: relative;
  margin-left: 20px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  border: none;
  border-bottom: 1px solid transparent;
  font-size: 16px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-view-node a::before {
  position: absolute;
  content: "\e258";
  display: block;
  font: 12px "Glyphicons Halflings";
  color: #00a6a5;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: -15px; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-view-node a:hover {
  border-bottom: 1px solid #333333; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn {
  margin-left: auto; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn .btn {
  position: relative;
  font-family: "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff6766;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn .btn:hover {
  background-color: #df3d3b; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn .btn.disabled {
  background-color: #a9acac; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn .btn .ajax-progress-throbber {
  position: absolute;
  margin-left: 8px;
  font-size: .8em; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-book-btn .btn .ajax-progress-throbber .glyphicon {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }
@media (max-width: 1199px) {
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events .views-field.item-footer .views-field-view-node {
    margin-left: 0; } }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.view-display-id-page_events_calendar_calendar > .view-content .calendar-view-empty span {
  width: 100%;
  text-align: center; }
@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .view-display-id-page_events_calendar_calendar > .view-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-view-calendar,
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-view-events,
  .view-display-id-page_events_calendar_calendar > .view-content .calendar-view-empty {
    width: 100%;
    margin-bottom: 10px; } }

.view-display-id-page_events_calendar_list .list-table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  background-color: #00a6a5;
  border-bottom: 1px solid #cbcbcb; }
.view-display-id-page_events_calendar_list .list-table-header .field-event-title-label {
  display: block;
  width: 35%;
  padding: 40px 30px; }

.view-display-id-page_events_calendar_list .view-filters {
  width: 28%;
  padding: 37px 40px 37px 20px; }
.view-display-id-page_events_calendar_list .view-filters .views-exposed-widgets {
  text-align: left; }
.view-display-id-page_events_calendar_list .view-filters .views-exposed-widget {
  width: 100%; }
.view-display-id-page_events_calendar_list .view-filters .views-submit-button {
  display: none; }
.view-display-id-page_events_calendar_list .view-filters .select2-container {
  border: 1px solid rgba(255, 255, 255, 0.5); }
.view-display-id-page_events_calendar_list .view-filters .select2-container .select2-selection {
  background-color: transparent; }
.view-display-id-page_events_calendar_list .view-filters .select2-container .select2-selection .select2-selection__rendered {
  color: #fff; }
.view-display-id-page_events_calendar_list .view-filters .select2-container .select2-selection .select2-selection__arrow b {
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; }
.view-display-id-page_events_calendar_list .view-filters .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent; }

.view-display-id-page_events_calendar_list .date-nav-wrapper {
  width: 37%; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav {
  padding: 32px 23px;
  font-size: 16px;
  background-color: #00807f; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-prev {
  left: 23px; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li.date-next {
  right: 23px; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a {
  width: 32px;
  height: 32px;
  background-color: #fff;
  opacity: .21; }
.view-display-id-page_events_calendar_list .date-nav-wrapper .date-nav .pager li a::before {
  color: #00a6a5; }

.view-display-id-page_events_calendar_list table {
  margin-bottom: 95px;
  table-layout: fixed; }
.view-display-id-page_events_calendar_list table tr td {
  padding: 0; }
.view-display-id-page_events_calendar_list table tr td > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 65px; }
.view-display-id-page_events_calendar_list table tr td > a:hover {
  border-bottom: 1px solid transparent;
  background-color: #fff; }

.view-display-id-page_events_calendar_list .views-table .views-field {
  font-size: 16px;
  line-height: 2.25; }

.view-display-id-page_events_calendar_list .views-table .views-field-title {
  position: relative;
  width: 32%;
  padding: 15px 30px;
  font-family: "YogaWebPro", Helvetica, Arial, sans-serif;
  line-height: 1.2; }
.view-display-id-page_events_calendar_list .views-table .views-field-title::before {
  position: absolute;
  content: "\e258";
  display: block;
  font: 12px "Glyphicons Halflings";
  color: #00a6a5;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px; }

.view-display-id-page_events_calendar_list .views-table .views-field-field-event-location {
  width: 28%;
  padding: 15px 40px 15px 20px;
  line-height: 1.2;
  color: #666666; }

.view-display-id-page_events_calendar_list .views-table .views-field-field-event-date {
  width: 22%;
  padding: 15px 6px;
  line-height: 1.2;
  white-space: nowrap; }

.view-display-id-page_events_calendar_list .views-table .views-field-book-btn {
  margin-left: auto;
  padding: 15px 20px 15px 6px;
  text-align: right; }
.view-display-id-page_events_calendar_list .views-table .views-field-book-btn .btn-event-booking {
  position: relative;
  font-family: "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff6766;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  padding: 11px 15px;
  font-size: 16px; }
.view-display-id-page_events_calendar_list .views-table .views-field-book-btn .btn-event-booking:hover {
  background-color: #df3d3b; }
.view-display-id-page_events_calendar_list .views-table .views-field-book-btn .btn-event-booking.disabled {
  background-color: #a9acac; }
.view-display-id-page_events_calendar_list .views-table .views-field-book-btn .btn-event-booking .ajax-progress-throbber {
  position: absolute;
  margin-left: 8px;
  font-size: .8em; }
.view-display-id-page_events_calendar_list .views-table .views-field-book-btn .btn-event-booking .ajax-progress-throbber .glyphicon {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

.view-display-id-page_events_calendar_list .view-empty-content {
  margin-bottom: 5.3em;
  padding: 40px 30px; }

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .view-display-id-page_events_calendar_list .list-table-header .field-event-title-label {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .view-display-id-page_events_calendar_list .view-filters {
    width: 50%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .view-display-id-page_events_calendar_list .date-nav-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .view-display-id-page_events_calendar_list table tr td > a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .view-display-id-page_events_calendar_list .views-table .views-field-title {
    width: 100%; }
  .view-display-id-page_events_calendar_list .views-table .views-field-field-event-location {
    width: 50%; }
  .view-display-id-page_events_calendar_list .views-table .views-field-field-event-date {
    width: 50%; }
  .view-display-id-page_events_calendar_list .views-table .views-field-book-btn {
    width: 100%;
    margin-right: auto;
    text-align: center; } }

.view-display-id-block_featured_event .block-title {
  margin-bottom: 1.25em;
  line-height: 2.2em;
  border-bottom: 1px solid #cbcbcb; }

.view-display-id-block_featured_event .view-content {
  padding: 30px 15px 20px;
  background-color: #fff; }

.view-display-id-block_featured_event .views-row {
  position: relative; }

.view-display-id-block_featured_event .views-field {
  width: 76%;
  float: right; }

.view-display-id-block_featured_event .views-field-field-event-featured-image {
  position: absolute;
  width: 24%;
  padding-right: 30px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%; }
.view-display-id-block_featured_event .views-field-field-event-featured-image img {
  max-width: 100%;
  height: auto; }

.view-display-id-block_featured_event .views-field-title {
  margin-bottom: 15px;
  font: 24px/1.5 "YogaWebPro", Helvetica, Arial, sans-serif; }

.view-display-id-block_featured_event .views-field-views-conditional {
  margin-bottom: 10px; }
.view-display-id-block_featured_event .views-field-views-conditional p {
  font-size: 16px;
  line-height: 1.5; }

.view-display-id-block_featured_event .featured-event-footer {
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.5;
  border-top: 1px solid #cbcbcb; }
.view-display-id-block_featured_event .featured-event-footer > .field-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.view-display-id-block_featured_event .views-field-field-event-address {
  width: 60%;
  font-size: 14px; }

.view-display-id-block_featured_event .views-field-view-node a {
  position: relative;
  margin-left: 20px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  border: none;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  font-size: 16px;
  white-space: nowrap; }
.view-display-id-block_featured_event .views-field-view-node a::before {
  position: absolute;
  content: "\e258";
  display: block;
  font: 12px "Glyphicons Halflings";
  color: #00a6a5;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: -15px; }
.view-display-id-block_featured_event .views-field-view-node a:hover {
  border-bottom: 1px solid #333333; }

.view-display-id-block_featured_event .views-field-nothing a, .view-display-id-block_featured_event .views-field-nothing .btn-event-booking {
  position: relative;
  font-family: "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff6766;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
.view-display-id-block_featured_event .views-field-nothing a:hover, .view-display-id-block_featured_event .views-field-nothing .btn-event-booking:hover {
  background-color: #df3d3b; }
.view-display-id-block_featured_event .views-field-nothing a.disabled, .view-display-id-block_featured_event .views-field-nothing .btn-event-booking.disabled {
  background-color: #a9acac; }
.view-display-id-block_featured_event .views-field-nothing a .ajax-progress-throbber, .view-display-id-block_featured_event .views-field-nothing .btn-event-booking .ajax-progress-throbber {
  position: absolute;
  margin-left: 8px;
  font-size: .8em; }
.view-display-id-block_featured_event .views-field-nothing a .ajax-progress-throbber .glyphicon, .view-display-id-block_featured_event .views-field-nothing .btn-event-booking .ajax-progress-throbber .glyphicon {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .view-display-id-block_featured_event .views-field {
    width: 100%;
    float: none; }
  .view-display-id-block_featured_event .views-field-field-event-featured-image {
    position: static;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0; }
  .view-display-id-block_featured_event .featured-event-footer > .field-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .view-display-id-block_featured_event .views-field-field-event-address {
    width: 100%;
    margin-bottom: 20px;
    text-align: center; } }