p.woo-sc-box, div.woo-sc-box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;}
.woo-sc-box.none {border-width:0;}
.woo-sc-box.full {border-width:1px;}
.woo-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.woo-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.woo-sc-box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.woo-sc-box.alert { border-color:#f0baa2; background:#ffd9c8 url(//haven.co.nz/app/themes/canvas/functions/images/ico-alert.png) no-repeat 20px 45%; }
.woo-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(//haven.co.nz/app/themes/canvas/functions/images/ico-download.png) no-repeat 20px 45%; }
.woo-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(//haven.co.nz/app/themes/canvas/functions/images/ico-tick.png) no-repeat 20px 45%; }
.woo-sc-box.info { border-color:#ccc; background:#eee url(//haven.co.nz/app/themes/canvas/functions/images/ico-info.png) no-repeat 20px 45%; }
.woo-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(//haven.co.nz/app/themes/canvas/functions/images/ico-note.png) no-repeat 20px 45%; }
.woo-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;}   a.woo-sc-button {
font-family: sans-serif;
display: inline-block;
line-height: 1em;
padding: 6px 13px;
margin:0 .6em 1.5em 0;
border: 1px solid #4081af;
border-bottom-color: #20559a;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none !important; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; background-color: #237fd7; background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #52a8e8),
color-stop(1, #2e76cf)
);
background: -moz-linear-gradient(
center top,
#52a8e8 20%,
#2e76cf 100%
); -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
}
a.woo-sc-button.small { padding:2px 10px; font-size:0.9em;}
a.woo-sc-button.large { padding:7px 16px; font-size:1.4em;}
a.woo-sc-button.xl { padding:9px 20px; font-size:1.8em;}
a.woo-sc-button:hover,
a.woo-sc-button.hover,
a.woo-sc-button.active {
text-decoration: none !important; background: #0073d2; background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #3e9ee5),
color-stop(1, #1666ca)
);
background: -moz-linear-gradient(
center top,
#3e9ee5 20%,
#1666ca 100%
);
}
a.woo-sc-button:active,
a.woo-sc-button.active  {
border-color: #20559a; -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) ,
0 1px 0 hsla(0, 100%, 100%, 1) ;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) ,
0 1px 0 hsla(0, 100%, 100%, 1) ;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) ,
0 1px 0 hsla(0, 100%, 100%, 1) ;
}
a.woo-sc-button.dark span { color:#555; text-shadow:0 1px #fff;}
a.woo-sc-button.custom:hover { opacity:0.85; }
a.woo-sc-button span { line-height:1.2em; min-height: 16px; }
a.woo-sc-button span.woo-info { background:url(//haven.co.nz/app/themes/canvas/functions/images/ico-info.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.woo-sc-button span.woo-download { background:url(//haven.co.nz/app/themes/canvas/functions/images/ico-download.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.woo-sc-button span.woo-tick { background:url(//haven.co.nz/app/themes/canvas/functions/images/ico-tick.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.woo-sc-button span.woo-note { background:url(//haven.co.nz/app/themes/canvas/functions/images/ico-note.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.woo-sc-button span.woo-alert { background:url(//haven.co.nz/app/themes/canvas/functions/images/ico-alert.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.woo-sc-button.red {
border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
a.woo-sc-button.red:hover {
background: #d20000;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}
a.woo-sc-button.orange {
border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}
a.woo-sc-button.orange:hover {
background: #d25e00;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}
a.woo-sc-button.green {
border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}
a.woo-sc-button.green:hover {
background: #87c000;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}
a.woo-sc-button.aqua {
border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}
a.woo-sc-button.aqua:hover {
background: #00d2a8;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}
a.woo-sc-button.teal {
border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}
a.woo-sc-button.teal:hover {
background: #009ed2;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}
a.woo-sc-button.purple {
border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}
a.woo-sc-button.purple:hover {
background: #0036d2;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}
a.woo-sc-button.pink {
border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}
a.woo-sc-button.pink:hover {
background: #bc00d2;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}
a.woo-sc-button.silver {
color: #444 !important;
text-shadow:0 1px #fff;
border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.woo-sc-button.silver:hover {
background: #ccc;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}   .twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}
.fivecol-one{width:16.8%;}
.fivecol-two{width:37.6%;}
.fivecol-three{width:58.4%;}
.fivecol-four{width:78.4%;}
.sixcol-one{width:13.33%;}
.sixcol-two{width:30.66%;}
.sixcol-three{width:47.99%;}
.sixcol-four{width:65.33%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;margin-bottom:4%;position:relative;}
.last{ clear:right; margin-right:0; }
@media only screen and (max-width: 768px) {
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{margin-right: 0; width: 100% !important;}
}
.clear:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}   .woo-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-tweetmeme.none { margin:0 0 1.5em 0;  }
.woo-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }   .woo-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-sc-twitter.none { margin:0 0 1.5em 0;  }
.woo-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right;  }   .woo-digg.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-digg.none { margin:0 0 1.5em 0;  }
.woo-digg.right { margin:0 0 1.5em 1.5em; float:right;  }   .woo-sc-related-posts .thumbnail { float:left; margin:0 1em 1em 0;}
.woo-sc-related-posts li { clear:both; }   .woo-sc-hr { border-bottom:1px solid #e6e6e6; }
.woo-sc-hr, .woo-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
.woo-sc-divider.flat { padding:0; margin:0; }   .woo-sc-quote p { margin: 1em 20px; padding: 0 0 0 55px; background: url(//haven.co.nz/app/themes/canvas/functions/images/quote.png) no-repeat 0 3px; font-family: serif; font-size: 1.2em; font-style: italic; color:#777; min-height: 32px; }
.woo-sc-quote.boxed { background: #f5f5f5; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.woo-sc-quote.boxed.left { margin: 0 1.5em 1em 0;}
.woo-sc-quote.boxed.right { margin: 0 0 1em 1.5em;} @media screen and (min-width: 768px) {
.woo-sc-quote.left { float:left; width:30%;}
.woo-sc-quote.right { float:right; width:30%;}
}   .woo-sc-ilink { padding:0 0.3em;  }
.woo-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; }
.woo-sc-ilink a:hover { text-decoration: none; }
.woo-sc-ilink .download { background: url(//haven.co.nz/app/themes/canvas/functions/images/ico-download.png) no-repeat left 40%; }
.woo-sc-ilink .tick { background: url(//haven.co.nz/app/themes/canvas/functions/images/ico-tick.png) no-repeat left 40%; }
.woo-sc-ilink .info { background: url(//haven.co.nz/app/themes/canvas/functions/images/ico-info.png) no-repeat left 40%; }
.woo-sc-ilink .note { background: url(//haven.co.nz/app/themes/canvas/functions/images/ico-note.png) no-repeat left 40%; }
.woo-sc-ilink .alert { background: url(//haven.co.nz/app/themes/canvas/functions/images/ico-alert.png) no-repeat left 40%; }   .woo-fbshare.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-fbshare.none { margin:0 0 1.5em 0;  }
.woo-fbshare.right { margin:0 0 1.5em 1.5em; float:right;  }
.woo-fblike.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-fblike.none { margin:0 0 1.5em 0;  }
.woo-fblike.right { margin:0 0 1.5em 1.5em; float:right;  }   .contact-form .screenReader { left: -9999px; position: absolute; top: -9999px; }
.contact-form .forms {float:left;list-style:none;width:100%;margin:10px 0 0;}
.contact-form .forms p {clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
.contact-form .forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
.contact-form .forms input.txt{width:214px;}
.contact-form .forms input#sendCopy{border:none;}
.contact-form .forms textarea{height:300px;width:400px;}
.contact-form .forms .error{font-size:12px;display:block;margin-left:120px;color:red;}
.contact-form .forms .textarea .error{display:block; margin-left:120px}
.contact-form .forms .screenReader{margin-bottom:0;}
.contact-form .forms .buttons .submit{margin: 15px 0 0 120px; cursor:pointer; }
.contact-form .forms .inline input{width:auto;margin-left:120px;}
.contact-form .forms .inline label{display:inline;float:none;width:auto;}
.entry .contact-form ol.forms li { list-style: none; } .contact-form .submit {
display: inline-block;
margin: 5px;
padding: 3px 13px;
border: 1px solid #4081af;
border-bottom-color: #20559a;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; background: #237fd7; background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #52a8e8),
color-stop(1, #2e76cf)
);
background: -moz-linear-gradient(
center top,
#52a8e8 20%,
#2e76cf 100%
); -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) ,
inset 0 0 2px hsla(0,100%,100%,.3) ,
0 1px 2px hsla(0, 0%, 0%, .29) ;
}
.contact-form .submit:hover {
text-decoration: none !important; background: #0073d2; background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #3e9ee5),
color-stop(1, #1666ca)
);
background: -moz-linear-gradient(
center top,
#3e9ee5 20%,
#1666ca 100%
);
}   .shortcode-tabs { background:#f0f0f0; background:rgba(0,0,0,.05); clear: both; height:auto; display: block; padding:5px; margin-bottom:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.shortcode-tabs ul.tab_titles { padding:0px; background:none; border:none; margin:0;}
.shortcode-tabs ul.tab_titles li.nav-tab { background:none; padding:0; float: left; display:inline; color: #ffffff; margin: 0 5px 0 0; cursor: pointer; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-state-active a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { background:#fff; text-decoration:none; outline: none; }
.shortcode-tabs ul.tab_titles li.nav-tab a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; }
.shortcode-tabs .tab { background:#fff; padding:10px; text-align: left; clear: both; }
.shortcode-tabs .tab li.nav-tab { background:#fff;  }
.shortcode-tabs .tab ul.tab_titles { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
.shortcode-tabs .tab li.nav-tab { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
.shortcode-tabs .tab li.nav-tab a { color:#555; font:bold 12px/18px sans-serif; }
.shortcode-tabs .tab a:hover {}
.shortcode-tabs .ui-tabs-hide { display: none; }   .shortcode-tabs.boxed { background: #FFFFFF; }
.shortcode-tabs.boxed ul.tab_titles { clear: both; float: left; background:none; border:none; border-left: 1px solid #EBEBEB; margin-bottom: 0px; position: relative; z-index: 2; }
.shortcode-tabs.boxed ul.tab_titles li { background: #EBEBEB; padding:0; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; margin-right: 0; }
.shortcode-tabs.boxed ul.tab_titles li.ui-state-active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.shortcode-tabs.boxed .tab { border: 1px solid #EBEBEB; top: -2px; position: relative; z-index: 1; }   .shortcode-tabs.vertical { background: #FFFFFF; }
.shortcode-tabs.vertical .tab_header { border: 1px solid #F0F0F0; border-bottom: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 25%; float: left; margin-bottom: -5px; color:#555; font:bold 12px/18px sans-serif; }
.shortcode-tabs.vertical .tab_header { background: #f5f5f5;
background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
.shortcode-tabs.vertical .tab_header span { display: block; padding: 8px 8px 12px 8px; border: 1px solid #EBEBEB; }
.shortcode-tabs.vertical ul.tab_titles {  clear: left; float: left; background:none; border: 1px solid #F0F0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 0px; position: relative; z-index: 2; width: 25%; }
.shortcode-tabs.vertical ul.tab_titles.has_title { border-top: 0px !important; margin-top: 5px; }
.shortcode-tabs.vertical ul.tab_titles.has_title {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
.shortcode-tabs.vertical ul.tab_titles li { clear: both; background:none; padding:0; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; display: block !important; float: none !important; margin-right: 0; }
.shortcode-tabs.vertical ul.tab_titles li.ui-state-active {}
.shortcode-tabs.vertical ul.tab_titles li.ui-state-active a { background: #F0F0F0; background: rgba(0,0,0,.05); }
.shortcode-tabs.vertical ul.tab_titles li a:link { display: block; float: none !important; }
.shortcode-tabs.vertical ul.tab_titles li a:hover { background: #F0F0F0; background: rgba(0,0,0,.05); }
.shortcode-tabs.vertical .tab { clear: right !important; top: 5px; position: relative; z-index: 1; margin-left: 30%; padding: 0px; } @media only screen and (max-width: 767px) {
.shortcode-tabs.vertical .ui-tabs-nav{
clear: both !important;
display: block !important;
width: 100% !important;
margin-bottom: 30px!important;
}
.shortcode-tabs.vertical .ui-tabs-nav li  {
float: left!important;
clear: none!important;
}
.shortcode-tabs.vertical .tab {
margin-left: 0!important;
}
}   span.dropcap { font-size: 300%; font-weight: bold; float: left; position: relative; margin:5px 7px 0 0; line-height: 0.7em; }   .shortcode-toggle { margin: 0 0 1.2em;}
.shortcode-toggle h4 {margin: 0;}
.shortcode-toggle h4 a { display: block; padding: 3px 0 3px 10px; background: #f3f3f3 url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-toggle-close.png) no-repeat 99% center; }
.shortcode-toggle.closed h4 a  { background-image: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-toggle-open.png); }
.shortcode-toggle .toggle-content  { padding: 10px 10px; background: #f9f9f9; }
.shortcode-toggle.closed .toggle-content, .shortcode-toggle .more-text.closed { display: none; }
.shortcode-toggle .more-text.open { display: block; }
.shortcode-toggle.border { border: 1px solid #EBEBEB; }   .shortcode-toggle.white h4 a { background-color: #FFFFFF; }
.shortcode-toggle.white .toggle-content { background-color: #FFFFFF; }   span.shortcode-highlight { background: #FFFFAA; padding: 3px 3px 1px; }
abbr { border-bottom: 1px dashed #999999; cursor: help; }   .entry .shortcode-unorderedlist ul li, .shortcode-unorderedlist ul li, .entry .shortcode-unorderedlist ul li ul, .shortcode-unorderedlist ul li ul {
list-style-type: none;
padding-left:25px;
}
.entry .shortcode-unorderedlist.tick ul li, .shortcode-unorderedlist.tick ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-tick.png) no-repeat left top; }
.entry .shortcode-unorderedlist.red-x ul li, .shortcode-unorderedlist.red-x ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-red-x.png) no-repeat left top; }
.entry .shortcode-unorderedlist.bullet ul li, .shortcode-unorderedlist.bullet ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-bullet.png) no-repeat left top; }
.entry .shortcode-unorderedlist.green-dot ul li, .shortcode-unorderedlist.green-dot ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-green-dot.png) no-repeat left top; }
.entry .shortcode-unorderedlist.arrow ul li, .shortcode-unorderedlist.arrow ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-arrow.png) no-repeat left top; }
.entry .shortcode-unorderedlist.star ul li, .shortcode-unorderedlist.star ul li { background: url(//haven.co.nz/app/themes/canvas/functions/images/shortcode-star.png) no-repeat left top; }   .entry .shortcode-orderedlist ol li, .entry .shortcode-orderedlist ol li ol, .shortcode-orderedlist ol li {
list-style-type: none;
margin-left: 25px;
}
.entry .shortcode-orderedlist.armenian ol li, .shortcode-orderedlist.armenian ol li { list-style-type: armenian; }
.entry .shortcode-orderedlist.decimal ol li, .shortcode-orderedlist.decimal ol li { list-style-type: decimal; }
.entry .shortcode-orderedlist.decimal-leading-zero ol li, .shortcode-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; }
.entry .shortcode-orderedlist.georgian ol li, .shortcode-orderedlist.georgian ol li { list-style-type: georgian; }
.entry .shortcode-orderedlist.lower-alpha ol li, .shortcode-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; }
.entry .shortcode-orderedlist.lower-greek ol li, .shortcode-orderedlist.lower-greek ol li { list-style-type: lower-greek; }
.entry .shortcode-orderedlist.lower-latin ol li, .shortcode-orderedlist.lower-latin ol li { list-style-type: lower-latin; }
.entry .shortcode-orderedlist.lower-roman ol li, .shortcode-orderedlist.lower-roman ol li { list-style-type: lower-roman; }
.entry .shortcode-orderedlist.upper-alpha ol li, .shortcode-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; }
.entry .shortcode-orderedlist.upper-latin ol li, .shortcode-orderedlist.upper-latin ol li { list-style-type: upper-latin; }
.entry .shortcode-orderedlist.upper-roman ol li, .shortcode-orderedlist.upper-roman ol li { list-style-type: upper-roman; }   img.social-icon { border: none; }@media only screen and (min-width: 768px) { }.page-template-template-adivser .video-deployed {
  z-index: 99999;
}
.page-template-template-adivser .adviser {
  margin-top: 115px;
  margin-bottom: 100px;
}
.page-template-template-adivser .adviser h2 {
  color: #01bce7;
  font-size: 36px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 1.64px;
}
.page-template-template-adivser .adviser h4 {
  color: #4a4a4a;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.82px;
  margin-bottom: 23px;
  font-family: 'National-Regular';
}
.page-template-template-adivser .adviser-quotes p {
  color: #01bce7;
  font-size: 24px!important;
  font-weight: 300;
  letter-spacing: 1.64px!important;
  font-style: italic;
  line-height: 115%!important;
}
.page-template-template-adivser .video {
  background-size: cover;
  background-position: center;
  position: relative;
}
.page-template-template-adivser .video:before {
  content: '';
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
}
.page-template-template-adivser .video > div:before {
  content: '';
  background-image: url(//haven.co.nz/app/themes/BBTFramework/images/play-video.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 106px;
  position: absolute;
  top: 50%;
  margin-top: -53px;
}
.page-template-template-adivser .testimonials {
  min-height: 337px;
  background-image: radial-gradient(circle 265px at 23.94% 389.73%, #48d2f2 0%, #00bce7 100%);
  padding-top: 51px;
}
.page-template-template-adivser .testimonials__icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md {
  background-color: transparent;
  transform: rotate(-180deg);
  border: 1px solid #FFF;
  width: 33px!important;
  height: 33px!important;
  margin: 0 auto;
  border-radius: 100%;
}
.page-template-template-adivser .testimonials__icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
  font-size: 14px!important;
}
.page-template-template-adivser .testimonials .vc_pagination {
  margin-top: 0!important;
}
.page-template-template-adivser .testimonials .vc_pagination li a {
  height: 18px!important;
  width: 18px!important;
  line-height: 130%;
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  /* Text style for "1" */
  letter-spacing: 0.55px;
}
.page-template-template-adivser .testimonials .vc_pagination li.vc_active a {
  color: #01bce7;
  background-color: #FFF;
}
.page-template-template-adivser .testimonials .adviser-testimonial {
  min-height: 100px;
}
.page-template-template-adivser .testimonials .adviser-testimonial__content,
.page-template-template-adivser .testimonials .adviser-testimonial__content p {
  color: #ffffff;
  font-size: 20px !important;
  font-weight: 300;
  line-height: 25px !important;
  letter-spacing: 0.91px;
  margin-bottom: 22px;
  font-family: 'National-Thin';
}
.page-template-template-adivser .testimonials .adviser-testimonial__author,
.page-template-template-adivser .testimonials .adviser-testimonial__author p {
  color: #ffffff;
  font-size: 13px !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.59px;
  font-family: 'National-Regular';
}
.page-template-template-adivser .testimonials .adviser-testimonial__author {
  margin-bottom: 35px !important;
}
.page-template-template-adivser .testimonials .adviser-testimonial__author p:before {
  content: '- ';
}
.page-template-template-adivser .bottom-content {
  margin-top: 80px;
  margin-bottom: 90px;
}
.page-template-template-adivser .bottom-content h3 {
  color: #00bce7;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.91px;
}
.page-template-template-adivser .bottom-content p {
  letter-spacing: 0.82px;
}
.page-template-template-adivser .win {
  min-height: 316px;
  background-size: cover;
  background-position: center;
}
.page-template-template-adivser .win__container {
  background-color: rgba(1, 188, 231, 0.7);
  margin-top: 59px;
  margin-bottom: 56px;
}
.page-template-template-adivser .win__container > .vc_column-inner > .wpb_wrapper {
  padding: 33px 8.33%;
}
.page-template-template-adivser .win__container h3 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 1.64px;
}
.page-template-template-adivser .win__container--text {
  margin-bottom: 19px;
}
.page-template-template-adivser .win__container--text p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.82px;
}
.page-template-template-adivser .win__container .button-blue a {
  background-color: transparent!important;
  border: 1px solid #FFF!important;
  background-position: 101% -1px;
  background-size: auto 110%;
}
@media (max-width: 768px) {
  .page-template-template-adivser .adviser {
    margin-top: 80px;
  }
  .page-template-template-adivser .testimonials .adviser-testimonial {
    min-height: 300px;
  }
}

@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
} @font-face {
font-family: 'National-Black';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Black.otf);
}
@font-face {
font-family: 'National-BlackItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-BlackItalic.otf);
}
@font-face {
font-family: 'National-Bold';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Bold.otf);
}
@font-face {
font-family: 'National-BoldItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-BoldItalic.otf);
}
@font-face {
font-family: 'National-Book';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Book.otf);
}
@font-face {
font-family: 'National-BookItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-BoldItalic.otf);
}
@font-face {
font-family: 'National-Extrabold';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Extrabold.otf);
}
@font-face {
font-family: 'National-ExtraboldItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-ExtraboldItalic.otf);
}
@font-face {
font-family: 'National-Light';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Light.otf);
}
@font-face {
font-family: 'National-LightItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-LightItalic.otf);
}
@font-face {
font-family: 'National-Medium';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Medium.otf);
}
@font-face {
font-family: 'National-MediumItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-MediumItalic.otf);
}
@font-face {
font-family: 'National-Regular';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Regular.otf);
}
@font-face {
font-family: 'National-RegularItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-RegularItalic.otf);
}
@font-face {
font-family: 'National-Semibold';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Semibold.otf);
}
@font-face {
font-family: 'National-SemiboldItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-SemiboldItalic.otff);
}
@font-face {
font-family: 'National-Thin';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-Thin.otf);
}
@font-face {
font-family: 'National-ThinItalic';
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/National-ThinItalic.otf);
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(//haven.co.nz/app/themes/BBTFramework/fonts/MaterialIcons-Regular.eot); src: local('Material Icons'), local('MaterialIcons-Regular'), url(//haven.co.nz/app/themes/BBTFramework/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(//haven.co.nz/app/themes/BBTFramework/fonts/MaterialIcons-Regular.woff) format('woff'), url(//haven.co.nz/app/themes/BBTFramework/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
#inner-wrapper {
padding: 0;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 26px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
}
.font-national-light {
font-family: 'National-Light';
}
.font-national-medium {
font-family: 'National-Medium';
}
h2 {
color: #006bc0;
font-family: 'National-Light';
font-size: 27px;
font-weight: 300;
letter-spacing: 1.14px;
line-height: 25px !important;
margin-bottom: 24px !important;
}
h3 {
color: #00bce7;
font-family: 'National-Light';
font-size: 22px;
font-weight: 300;
letter-spacing: 0.91px;
line-height: 25px !important;
margin-bottom: 24px !important;
}
h4 {
color: #00bce7;
font-family: 'National-Light';
font-size: 22px;
font-weight: 300;
letter-spacing: 0.91px;
line-height: 25px !important;
}
h5 {
color: #006bc0;
font-size: 20px;
font-family: 'National-Light';
letter-spacing: 0.91px;
line-height: 25px !important;
margin-bottom: 25px !important;
}
h6 {
color: #00bce7;
font-family: 'National-Light';
font-size: 14px;
font-weight: 500;
letter-spacing: 0.55px;
}
.vc_row {
margin-left: 0px;
margin-right: 0px;
}
.vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
#logo .site-title,
#logo .site-description {
display: none;
}
#logo img {
width: 132px;
}
#content,
.content {
padding-bottom: 0px;
padding-top: 75px;
}
#content header,
.content header {
height: 0;
}
@media (max-width: 940px) {
#content,
.content {
padding-top: 0;
}
}
.col-full,
#wrapper {
max-width: 100%;
padding: 0px;
}
.haven-container {
max-width: 1200px;
margin: auto;
}
.haven-container.haven-container-l {
max-width: 1400px;
}
.haven-container-inner {
max-width: 946px;
margin: auto;
}
.haven-container-inner.haven-container-e {
max-width: 811px;
}
a {
color: #00bce7;
}
a:active,
a:visited,
a:link {
color: #00bce7;
}
a:hover {
text-decoration: none !important;
color: #006bc0;
}
img {
height: auto;
}
#header {
background-color: rgba(255, 255, 255, 0.2);
min-height: 55px;
height: auto;
padding-top: 20px;
padding-bottom: 0;
z-index: 100;
}
@media (min-width: 1025px) {
#header {
box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.5);
}
}
.page-home #header {
background-color: rgba(255, 255, 255, 0.95);
}
.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img {
border: 0px;
background: transparent;
padding: 0px;
}
.entry ul,
.entry ol {
padding-left: 18px;
} #navigation {
float: right;
clear: none;
background: transparent;
margin: 0px;
}
#navigation ul.nav {
margin: 0;
width: auto;
}
#navigation ul > li,
#navigation ul > li.current-menu-ancestor,
#navigation ul > li.current-menu-parent,
#navigation ul > li.current_page_parent,
#navigation ul > li.current_page_ancestor,
#navigation ul > li:hover,
#navigation ul {
background: none;
border: 0px;
}
#navigation ul.nav > li:hover > a:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/nav-active-blue.png) top center no-repeat;
width: 100%;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
#navigation ul.nav > li.current-menu-item > a,
#navigation ul.nav > li.current-menu-ancestor > a,
#navigation ul.nav > li.current-menu-parent > a,
#navigation ul.nav > li.current_page_parent > a,
#navigation ul.nav > li.current_page_ancestor > a {
color: #00bce7;
}
#navigation ul.nav > li.current-menu-item > a:before,
#navigation ul.nav > li.current-menu-ancestor > a:before,
#navigation ul.nav > li.current-menu-parent > a:before,
#navigation ul.nav > li.current_page_parent > a:before,
#navigation ul.nav > li.current_page_ancestor > a:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/nav-active-blue.png) top center no-repeat;
width: 100%;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
#navigation ul.nav > li a {
padding: 8px 8px 26px!important;
font-family: 'National-Regular';
}
@media (min-width: 1114px) {
#navigation ul.nav > li a {
padding: 8px 12px 26px!important;
}
}
#navigation ul > li {
position: relative;
}
#navigation ul > li a {
color: #2d2d2d;
font-family: 'National-Light';
font-size: 17px;
font-weight: 500;
letter-spacing: 1.6px;
text-transform: uppercase;
background: none;
border: 0px;
text-decoration: none;
padding: 12px 16px 6px 16px;
}
#navigation ul > li a:hover {
background: none;
}
#navigation ul > li.parent a:after {
display: none !important;
}
#navigation ul > li:hover {
background: none !important;
}
#navigation ul > li:hover a {
background: none !important;
color: #00bce7;
}
#navigation ul > li:hover .sub-menu {
left: auto !important;
}
#navigation ul > li:hover .sub-menu .sub-menu {
left: 100% !important;
background-color: #fff;
}
#navigation ul > li .sub-menu {
text-align: center;
background-color: #fff;
top: 100%;
padding: 0;
}
#navigation ul > li .sub-menu li {
padding: 10px;
}
#navigation ul > li .sub-menu li a {
padding: 10px !important;
font-family: 'National-Light';
color: #00bce7;
text-align: left;
}
#navigation ul > li .sub-menu li.current_page_item > a,
#navigation ul > li .sub-menu li.current-menu-ancestor > a,
#navigation ul > li .sub-menu li.current-menu-parent > a,
#navigation ul > li .sub-menu li.current_page_parent > a,
#navigation ul > li .sub-menu li.current_page_ancestor > a {
color: #00bce7;
}
#navigation ul > li .sub-menu ul {
box-shadow: none;
background-color: transparent;
margin-bottom: 20px;
}
#navigation ul > li .sub-menu ul li {
display: block !important;
padding: 0px;
}
#navigation ul > li .sub-menu ul li a {
padding: 10px 5px !important;
text-align: left;
padding-left: 0px;
color: #444444;
border-bottom: 0px;
text-transform: none;
font-family: 'National-Light';
font-size: 15px;
font-weight: 300;
letter-spacing: 0.64px;
padding-left: 0px !important;
}
#navigation ul > li .sub-menu ul li a:hover {
color: #00bce7;
}
.icons-light-blue .material-icons {
color: #006bc0;
top: 5px;
position: relative;
padding-right: 20px;
}
@media (min-width: 1025px) {
.icons-light-blue .material-icons {
padding-right: 40px;
}
}
.icons-blue .material-icons {
color: #01bbe7;
font-size: 32px;
}
.kiwisaver-benefits.icons-blue .material-icons {
font-size: 64px;
}
.service-img {
min-height: 152px;
}
.page-mortgages .content,
.page-kiwisaver .content,
.page-insurance .content,
.page-accounting .content,
.page-our-story .content {
padding-top: 0;
}
.page-mortgages #navigation ul.nav > li > a,
.page-kiwisaver #navigation ul.nav > li > a,
.page-insurance #navigation ul.nav > li > a,
.page-accounting #navigation ul.nav > li > a,
.page-our-story #navigation ul.nav > li > a {
color: #fff;
position: relative;
}
.page-mortgages #navigation ul.nav > li > a:hover,
.page-kiwisaver #navigation ul.nav > li > a:hover,
.page-insurance #navigation ul.nav > li > a:hover,
.page-accounting #navigation ul.nav > li > a:hover,
.page-our-story #navigation ul.nav > li > a:hover {
color: #fff;
}
@media (max-width: 426px) {
.page-mortgages #navigation ul.nav > li > a,
.page-kiwisaver #navigation ul.nav > li > a,
.page-insurance #navigation ul.nav > li > a,
.page-accounting #navigation ul.nav > li > a,
.page-our-story #navigation ul.nav > li > a {
color: #2d2d2d;
}
}
.page-mortgages #navigation ul.nav > li.current-menu-item > a:before,
.page-kiwisaver #navigation ul.nav > li.current-menu-item > a:before,
.page-insurance #navigation ul.nav > li.current-menu-item > a:before,
.page-accounting #navigation ul.nav > li.current-menu-item > a:before,
.page-our-story #navigation ul.nav > li.current-menu-item > a:before,
.page-mortgages #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-kiwisaver #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-insurance #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-accounting #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-our-story #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-mortgages #navigation ul.nav > li.current-menu-parent > a:before,
.page-kiwisaver #navigation ul.nav > li.current-menu-parent > a:before,
.page-insurance #navigation ul.nav > li.current-menu-parent > a:before,
.page-accounting #navigation ul.nav > li.current-menu-parent > a:before,
.page-our-story #navigation ul.nav > li.current-menu-parent > a:before,
.page-mortgages #navigation ul.nav > li.current_page_parent > a:before,
.page-kiwisaver #navigation ul.nav > li.current_page_parent > a:before,
.page-insurance #navigation ul.nav > li.current_page_parent > a:before,
.page-accounting #navigation ul.nav > li.current_page_parent > a:before,
.page-our-story #navigation ul.nav > li.current_page_parent > a:before,
.page-mortgages #navigation ul.nav > li.current_page_ancestor > a:before,
.page-kiwisaver #navigation ul.nav > li.current_page_ancestor > a:before,
.page-insurance #navigation ul.nav > li.current_page_ancestor > a:before,
.page-accounting #navigation ul.nav > li.current_page_ancestor > a:before,
.page-our-story #navigation ul.nav > li.current_page_ancestor > a:before,
.page-mortgages #navigation ul.nav > li:hover > a:before,
.page-kiwisaver #navigation ul.nav > li:hover > a:before,
.page-insurance #navigation ul.nav > li:hover > a:before,
.page-accounting #navigation ul.nav > li:hover > a:before,
.page-our-story #navigation ul.nav > li:hover > a:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/nav-active.png) top center no-repeat;
width: 100%;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
.page-mortgages .header-wrap #header,
.page-kiwisaver .header-wrap #header,
.page-insurance .header-wrap #header,
.page-accounting .header-wrap #header,
.page-our-story .header-wrap #header {
background-color: rgba(255, 255, 255, 0.1);
}
.page-mortgages .header-wrap #header.scrolling #navigation,
.page-kiwisaver .header-wrap #header.scrolling #navigation,
.page-insurance .header-wrap #header.scrolling #navigation,
.page-accounting .header-wrap #header.scrolling #navigation,
.page-our-story .header-wrap #header.scrolling #navigation {
float: right;
clear: none;
background: transparent;
margin: 0px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav {
margin: 0;
width: auto;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li:hover > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li:hover > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li:hover > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li:hover > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li:hover > a:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/nav-active-blue.png) top center no-repeat;
width: 100%;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a {
color: #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-item > a:before,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-ancestor > a:before,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current-menu-parent > a:before,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current_page_parent > a:before,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a:before,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a:before,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a:before,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a:before,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li.current_page_ancestor > a:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/nav-active-blue.png) top center no-repeat;
width: 100%;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li a {
font-family: 'National-Regular';
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li,
.page-insurance .header-wrap #header.scrolling #navigation ul > li,
.page-accounting .header-wrap #header.scrolling #navigation ul > li,
.page-our-story .header-wrap #header.scrolling #navigation ul > li {
position: relative;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li a {
color: #2d2d2d;
font-family: 'National-Light';
font-size: 17px;
font-weight: 500;
letter-spacing: 1.6px;
text-transform: uppercase;
background: none;
border: 0px;
text-decoration: none;
padding: 12px 16px 6px 16px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li a:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li a:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul > li a:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul > li a:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul > li a:hover {
background: none;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li.parent a:after,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li.parent a:after,
.page-insurance .header-wrap #header.scrolling #navigation ul > li.parent a:after,
.page-accounting .header-wrap #header.scrolling #navigation ul > li.parent a:after,
.page-our-story .header-wrap #header.scrolling #navigation ul > li.parent a:after {
display: none !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul > li:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul > li:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul > li:hover {
background: none !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li:hover a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li:hover a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li:hover a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li:hover a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li:hover a {
background: none !important;
color: #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu,
.page-insurance .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu,
.page-accounting .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu,
.page-our-story .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu {
left: auto !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu .sub-menu,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu .sub-menu,
.page-insurance .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu .sub-menu,
.page-accounting .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu .sub-menu,
.page-our-story .header-wrap #header.scrolling #navigation ul > li:hover .sub-menu .sub-menu {
left: 100% !important;
background-color: #fff;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu {
text-align: center;
background-color: #fff;
top: 100%;
padding: 0;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li {
padding: 10px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li a {
padding: 10px !important;
font-family: 'National-Light';
text-align: left;
font-size: 14px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_item > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_item > a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_item > a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_item > a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_item > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-ancestor > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-ancestor > a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-ancestor > a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-ancestor > a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-ancestor > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-parent > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-parent > a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-parent > a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-parent > a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current-menu-parent > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_parent > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_parent > a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_parent > a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_parent > a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_parent > a,
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_ancestor > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_ancestor > a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_ancestor > a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_ancestor > a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu li.current_page_ancestor > a {
color: #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu ul,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu ul,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu ul,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu ul,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu ul {
box-shadow: none;
background-color: transparent;
margin-bottom: 20px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li {
display: block !important;
padding: 0px;
padding-top: 10px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a {
padding: 5px !important;
text-align: left;
padding-left: 0px;
color: #444444;
border-bottom: 0px;
text-transform: none;
font-family: 'National-Light';
font-size: 15px;
font-weight: 300;
letter-spacing: 0.64px;
padding-left: 0px !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul > li .sub-menu ul li a:hover {
color: #00bce7;
}
@media (min-width: 768px) {
.page-mortgages .header-wrap #header #logo,
.page-kiwisaver .header-wrap #header #logo,
.page-insurance .header-wrap #header #logo,
.page-accounting .header-wrap #header #logo,
.page-our-story .header-wrap #header #logo {
background: url(//haven.co.nz/app/themes/BBTFramework/images/logo-white.png) top center no-repeat;
background-size: 132px 34px;
}
.page-mortgages .header-wrap #header #logo img,
.page-kiwisaver .header-wrap #header #logo img,
.page-insurance .header-wrap #header #logo img,
.page-accounting .header-wrap #header #logo img,
.page-our-story .header-wrap #header #logo img {
visibility: hidden;
width: 132px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 940px) {
.page-mortgages .header-wrap #header #logo,
.page-kiwisaver .header-wrap #header #logo,
.page-insurance .header-wrap #header #logo,
.page-accounting .header-wrap #header #logo,
.page-our-story .header-wrap #header #logo {
float: none;
margin: 0 auto;
}
.page-mortgages .header-wrap #header #logo a,
.page-kiwisaver .header-wrap #header #logo a,
.page-insurance .header-wrap #header #logo a,
.page-accounting .header-wrap #header #logo a,
.page-our-story .header-wrap #header #logo a,
.page-mortgages .header-wrap #header #logo img,
.page-kiwisaver .header-wrap #header #logo img,
.page-insurance .header-wrap #header #logo img,
.page-accounting .header-wrap #header #logo img,
.page-our-story .header-wrap #header #logo img {
display: block;
margin: 0 auto;
}
}
@media (min-width: 768px) {
.page-mortgages .header-wrap #header.scrolling #logo img,
.page-kiwisaver .header-wrap #header.scrolling #logo img,
.page-insurance .header-wrap #header.scrolling #logo img,
.page-accounting .header-wrap #header.scrolling #logo img,
.page-our-story .header-wrap #header.scrolling #logo img {
visibility: visible;
}
}
@media (min-width: 768px) {
.page-mortgages .header-wrap #header.scrolling #navigation,
.page-kiwisaver .header-wrap #header.scrolling #navigation,
.page-insurance .header-wrap #header.scrolling #navigation,
.page-accounting .header-wrap #header.scrolling #navigation,
.page-our-story .header-wrap #header.scrolling #navigation,
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav,
.page-mortgages .header-wrap #header section.menus,
.page-kiwisaver .header-wrap #header section.menus,
.page-insurance .header-wrap #header section.menus,
.page-accounting .header-wrap #header section.menus,
.page-our-story .header-wrap #header section.menus {
position: initial !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation,
.page-kiwisaver .header-wrap #header.scrolling #navigation,
.page-insurance .header-wrap #header.scrolling #navigation,
.page-accounting .header-wrap #header.scrolling #navigation,
.page-our-story .header-wrap #header.scrolling #navigation {
width: auto;
transform: initial !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > a:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > a:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > a:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > a:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > a:hover {
color: #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu {
position: absolute;
width: 208px;
box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.5);
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li {
padding: 0 10px;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover {
background-color: #00bce7 !important;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:hover > a {
color: #fff;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a {
color: #444;
font-size: 14px;
padding: 12px 0 !important;
text-transform: none;
border-bottom: 1px solid #f6f6f6;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a i,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a i,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a i,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a i,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a i {
position: absolute;
top: 7px;
right: 0;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li > a:hover {
color: #fff;
border-bottom: 1px solid #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:last-of-type > a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:last-of-type > a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:last-of-type > a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:last-of-type > a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li:last-of-type > a {
border-bottom: none;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu {
background-color: #f6f6f6;
width: 200px;
padding: 0 10px 10px;
box-shadow: inset 4px 1px 6px -4px rgba(0, 0, 0, 0.5);
top: 0;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a {
border-bottom: 1px solid #ebebeb;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover {
color: #00bce7;
}
.page-mortgages .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a,
.page-kiwisaver .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a,
.page-insurance .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a,
.page-accounting .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a,
.page-our-story .header-wrap #header.scrolling #navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a {
border-bottom: none;
}
}
.page-home .content {
padding-top: 0;
}
.page-home #logo {
background: none !important;
}
.page-home #logo img {
visibility: visible !important;
width: 132px;
height: auto;
}
.page-accounting .top-container,
.page-our-story .top-container {
padding-bottom: 64px;
}
.haven-container-inner p,
.haven-container p,
.entry p,
.haven-container-inner li,
.haven-container li,
.entry li {
color: #4a4a4a;
font-family: 'National-Light';
font-weight: 300;
letter-spacing: 0.64px;
font-size: 18px !important;
line-height: 20px !important;
}
.haven-container-inner p strong,
.haven-container p strong,
.entry p strong,
.haven-container-inner li strong,
.haven-container li strong,
.entry li strong {
font-family: 'National-Medium';
}
.top-container {
margin-top: 0;
min-height: 382px;
width: 100%;
padding-top: 83px;
}
@media (min-width: 767px) and (max-width: 940px) {
.top-container {
margin-top: -189px;
padding-top: 183px;
}
}
#top-kiwisaver img {
height: 13px;
}
.top-container-inner {
margin: auto;
text-align: center;
padding-top: 38px;
}
.top-container-title img {
display: inline-block;
vertical-align: middle;
margin-right: 27px;
}
.top-container-title p {
display: inline;
}
.top-container h1 {
display: inline;
color: #ffffff;
font-family: 'National-Medium';
font-size: 42px;
font-weight: 500;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 3px;
}
.top-container-title {
margin-bottom: 28px;
}
.top-container h2 {
color: #ffffff;
font-family: 'National-Light';
font-size: 22px;
font-weight: 300;
letter-spacing: 0.91px;
line-height: 25px;
max-width: 383px;
margin: auto;
text-align: center;
margin-bottom: 27px;
}
.top-container-text {
padding: 0 1em;
}
.top-container-text p {
color: #ffffff;
font-family: 'National-Light';
font-size: 18px;
line-height: 24px;
font-weight: 300;
letter-spacing: 0.59px;
max-width: 561px;
margin: auto;
text-align: center;
margin-bottom: 12px;
}
.top-container hr {
background-color: #fff;
width: 106px;
height: 1px;
}
.play-video {
text-align: center;
}
.play-video img {
display: inline;
vertical-align: middle;
margin-right: 11px;
}
.play-video p {
display: inline;
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.title.entry-title {
display: none;
}
.top-container-menu {
margin-top: 20px;
margin-bottom: 19px;
}
.top-container-menu ul {
text-align: center;
padding: 0;
}
@media (max-width: 768px) {
.top-container-menu ul {
padding-bottom: 40px;
}
}
.top-container-menu ul li {
display: inline-block;
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 768px) {
.top-container-menu ul li {
width: 100%;
margin-bottom: 20px;
}
}
.top-container-menu ul li a,
.top-container-menu ul li a:hover {
text-align: center;
color: #ffffff;
font-family: 'National-Medium';
font-size: 17px;
letter-spacing: 1.6px;
text-transform: uppercase;
text-decoration: none;
}
.top-container-menu .wpb_text_column.wpb_content_element {
margin-bottom: 0px;
}
.top-container-menu.scrolling {
position: fixed;
width: 100%;
z-index: 9998;
background: #fff;
top: 54px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
padding: 22px 0;
}
.top-container-menu.scrolling a {
color: #2d2d2d;
}
.top-container-menu.scrolling a:hover,
.top-container-menu.scrolling a.active {
color: #00bce7;
}
.what-ks h3,
.what-ks p {
max-width: 558px;
}
.button-blue a,
.button-blue a:active {
color: #ffffff !important;
font-family: 'National-Medium';
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0.59px;
padding: 7px 55px 7px 8px !important;
border: 1px solid #00bce7 !important;
background-color: #00bce7 !important;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_Blue-transparent.png) !important;
background-size: contain;
background-repeat: no-repeat !important;
background-position: 100%;
text-decoration: none;
}
.button-blue a:hover {
background-color: #006bc0 !important;
border: 1px solid #006bc0 !important;
}
@media (max-width: 767px) {
#content .button-blue {
display: block;
text-align: center;
}
}
.button-white a,
.button-white a:active {
color: #00bce7 !important;
font-family: 'National-Medium';
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0.59px;
padding: 7px 55px 7px 8px !important;
border: 1px solid #fff !important;
background-color: #fff !important;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_White-1.png) !important;
background-repeat: no-repeat !important;
background-position: 100%;
text-decoration: none;
background-size: contain;
}
.button-white a:hover {
color: #fff !important;
background-color: #00bce7 !important;
}
.button-white-black a,
.button-white-black a:active {
color: #4a4a4a !important;
font-family: 'National-Medium';
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0.59px;
padding: 7px 55px 7px 8px !important;
border: 1px solid #00bce7 !important;
background-color: transparent !important;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2017/08/button-arrow-blue.png) !important;
background-repeat: no-repeat !important;
background-position: 100%;
text-decoration: none;
background-size: contain;
}
.button-white-black a:hover {
color: #fff !important;
background-color: #00bce7 !important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_Blue-transparent.png) !important;
background-size: contain;
}
.button-white-white a,
.button-white-white a:active,
.button-white-white a:hover {
color: #ffffff !important;
font-family: 'National-Medium';
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0.59px;
padding: 7px 55px 7px 8px !important;
border: 1px solid #ffffff !important;
background-color: transparent !important;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2017/11/white-arrow.png) !important;
background-repeat: no-repeat !important;
background-position: 100%;
text-decoration: none;
}
.free-meeting {
text-align: center;
}
.free-meeting p {
color: #ffffff;
font-family: 'National-Medium';
font-size: 17px;
font-weight: 500;
letter-spacing: 1.6px;
text-transform: uppercase;
position: relative;
margin-bottom: 20px;
}
@media (min-width: 769px) {
.free-meeting p {
top: 1px;
right: 25px;
margin-bottom: 0px;
}
}
.free-meeting-inner,
.free-meeting-inner .wpb_wrapper,
.free-meeting-inner p {
display: inline-block;
}
.free-meeting-inner {
vertical-align: middle;
}
.free-meeting-inner p {
text-align: left;
line-height: 20px;
max-width: 490px;
}
@media (max-width: 768px) {
.free-meeting-inner p {
text-align: center;
}
}
.free-meeting-inner a {
display: block;
}
@media (max-width: 768px) {
.free-meeting-inner {
padding: 0 20px;
text-align: center;
}
}
.what-ks h2 {
margin-bottom: 40px;
}
.benefits-text p {
max-width: 244px;
margin: auto;
}
.benefits-questions img {
max-width: 40px;
float: left;
margin-right: 25px;
}
.benefits-questions .wpb_content_element {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d1d1d1;
margin-bottom: 0px;
}
@media (min-width: 768px) {
.benefits-questions .wpb_content_element {
margin-left: 16%;
margin-right: 12%;
}
.benefits-questions .wpb_content_element:last-child {
border: none;
}
}
.benefits-questions a {
text-decoration: none;
color: #4a4a4a;
font-size: 20px;
}
.benefits-questions a:hover {
color: #006bc0;
}
.benefits-questions p {
background-repeat: no-repeat;
background-position: 100% 50%;
cursor: pointer;
position: relative;
}
.benefits-questions p:after {
content: '';
background-image: url(//haven.co.nz/app/uploads/2017/08/arrow-benefits.png);
width: 12px;
height: 9px;
position: absolute;
top: 8px;
right: 0;
float: right;
}
.benefits-questions p a {
display: flex;
align-items: center;
}
.benefits-questions p a i {
top: 0 !important;
}
.benefits-questions p a span {
max-width: 75%;
}
.ks-unsure ul {
margin-left: 0px;
padding-left: 0px;
}
.ks-unsure .vc_col-sm-4 {
padding-left: 8px;
padding-right: 8px;
}
.ks-unsure ul li {
list-style: none;
color: #4a4a4a;
font-family: 'National-Light';
font-size: 16px;
font-weight: 400;
letter-spacing: 0.55px;
margin-top: 10px;
cursor: pointer;
}
.ks-unsure ul li:before {
content: '';
background-image: url(//haven.co.nz/app/uploads/2017/08/arrow-benefits.png);
width: 12px;
height: 9px;
position: relative;
top: 8px;
right: 0;
float: right;
}
.ks-unsure a,
.ks-unsure a:hover {
color: #4a4a4a;
text-decoration: none;
display: block;
}
.footer-newsletter {
text-align: center !important;
}
.mc-new-form {
text-align: center;
}
.mc-new-form .mc-field-group {
display: inline-block;
padding-right: 5px;
}
.mc-new-form .mc-field-group input[type=submit]{
border-radius: 0;
}
@media (max-width: 768px) {
.mc-new-form .mc-field-group {
display: block;
margin-top: 16px;
margin-bottom: 10px;
padding-right: 0;
}  
}
.footer-newsletter .gfield_label {
display: none !important;
}
@media (min-width: 768px) {
.footer-newsletter .gform_heading,
.footer-newsletter .gform_body,
.footer-newsletter .gform_footer,
.footer-newsletter .gform_description,
.footer-newsletter .ginput_container,
.footer-newsletter li.gfield,
.footer-newsletter ul.gform_fields {
display: inline !important;
}
}
.footer-newsletter input {
max-width: 177px;
}
.footer-newsletter_wrapper {
background-color: #2d2d2d;
padding-top: 33px;
padding-bottom: 33px;
max-width: 1136px;
margin: auto !important;
border-bottom: 1px solid #5f5f5f;
}
#footer {
border: 0px;
background-color: #2d2d2d;
padding-top: 36px;
}
.footer-newsletter .gform_description {
color: #ffffff;
font-family: 'National-Light';
font-size: 17px;
font-weight: 500;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-right: 13px;
}
.footer-newsletter .top_label input {
color: #ffffff;
font-family: 'National-Light' !important;
font-size: 16px !important;
font-weight: 300;
letter-spacing: 0.59px !important;
border: 1px solid #fff;
border-radius: 0px;
background: transparent;
padding: 7.5px !important;
line-height: 17px;
margin-bottom: 0px;
}
@media (max-width: 426px) {
.footer-newsletter .top_label input {
max-width: 90%;
}
}
@media (min-width: 768px) {
.footer-newsletter ul.gform_fields li.gfield {
padding-right: 5px !important;
}
}
.footer-newsletter .gform_footer input[type=submit] {
background-color: #00bce7;
border: 1px solid #00bce7;
padding-left: 12px !important;
padding-right: 12px !important;
}
.footer-newsletter input::-webkit-input-placeholder {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.footer-newsletter input::-moz-placeholder {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.footer-newsletter input:-ms-input-placeholder {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.footer-newsletter input:-moz-placeholder {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.footer-newsletter-inner {
max-width: 100%;
background: #2d2d2d;
color: #fff;
font-family: 'National-Thin';
}
.footer-newsletter-inner .gform_confirmation_message {
padding-top: 20px;
font-size: 18px;
letter-spacing: 1.5px;
}
.footer-newsletter-inner .validation_error,
.footer-newsletter-inner .validation_message {
display: none;
}
.footer-newsletter-inner .gfield_error {
border: none !important;
background: none !important;
}
.footer-newsletter-inner .gfield_error .ginput_container {
margin-top: 8px !important;
}
.footer-inner {
max-width: 1337px;
margin: auto;
text-align: center;
}
#footer ul.sub-menu {
display: none;
}
#footer ul li {
display: inline;
padding: 16px;
}
@media (max-width: 426px) {
#footer ul li {
display: block;
border-bottom: 1px solid #3f3f3f;
text-align: left;
padding: 16px 0;
margin: 0 20px;
}
#footer ul li:last-of-type {
border: none;
}
}
#footer ul li a,
#footer ul li a:hover {
color: #d3d3d3;
font-family: 'National-Regular';
font-size: 16px;
font-weight: 500;
letter-spacing: 0.45px;
text-transform: uppercase;
text-decoration: none;
}
@media (max-width: 426px) {
#footer ul li a,
#footer ul li a:hover {
font-size: 17px;
}
}
.footer-logo {
margin-bottom: 24px;
}
.footer-logo img {
width: 80px;
height: 21px;
}
#footer .col-left {
max-width: 1136px;
margin: auto;
float: none;
margin-top: 24px;
padding-bottom: 18px;
border-bottom: 1px solid #5f5f5f;
margin-bottom: 18px;
}
#footer .col-left a,
#footer .col-left a:hover {
color: #ffffff;
font-family: 'National-Thin';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
text-decoration: none;
}
#footer .col-right {
max-width: 1136px;
margin: auto;
float: none;
text-align: right;
}
#footer .col-right p {
color: #ffffff;
font-family: 'National-Thin';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
margin: 0;
}
.top-home {
margin: auto;
text-align: left;
}
.top-home h1 {
display: block;
text-transform: none;
color: #ffffff;
font-family: 'National-Light';
font-size: 42px;
font-weight: 300;
line-height: 40px;
letter-spacing: 1.82px;
}
@media (max-width: 769px) {
.top-home h1 br {
display: none;
}
}
.top-home p {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.top-home .top-container-text {
padding: 32px;
background-color: rgba(0, 188, 231, 0.75);
border-radius: 5px;
margin: 130px 0 158px;
display: inline-block;
}
.home-services {
border: 1px solid #eaeaea;
background-repeat: no-repeat;
margin: 8px;
background-position: center right;
display: flex;
align-items: center;
min-height: 112px;
background-size: auto 84px !important;
transition: transform .2s;
content: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_HouseCarContents-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_LifeMedical-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_KiwiSaver-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Accounting-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Mortgages-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessAdvisory-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Trustee-Hover.png) url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessInsurance-Hover.png);
}
.home-services > div {
width: 100%;
}
.home-services:hover {
background-color: #f6f6f6;
transform: scale(1.05);
}
.home-services.house-car-contents {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_HouseCarContents.png) center right 20px no-repeat;
}
.home-services.house-car-contents:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_HouseCarContents-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.life-medical-insurance {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_LifeMedical.png) center right 20px no-repeat;
}
.home-services.life-medical-insurance:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_LifeMedical-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.kiwisaver {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_KiwiSaver.png) center right 25px no-repeat;
}
.home-services.kiwisaver:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_KiwiSaver-Hover.png) center right 25px no-repeat #f6f6f6;
}
.home-services.accounting {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Accounting.png) center right 20px no-repeat;
}
.home-services.accounting:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Accounting-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.mortgages {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Mortgages.png) center right 20px no-repeat;
}
.home-services.mortgages:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Mortgages-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.business-advisory {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessAdvisory.png) center right 20px no-repeat;
}
.home-services.business-advisory:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessAdvisory-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.trustee-services {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Trustee.png) center right 20px no-repeat;
background-size: auto 58px !important;
}
.home-services.trustee-services:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_Trustee-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services.business-insurance {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessInsurance.png) center right 20px no-repeat;
}
.home-services.business-insurance:hover {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Homepage_Services_BusinessInsurance-Hover.png) center right 20px no-repeat #f6f6f6;
}
.home-services a {
color: #00bce7;
padding: 30px 20px;
font-size: 22px;
line-height: 25px;
letter-spacing: 0.91px;
display: block;
}
.home-services a:hover {
text-decoration: none;
color: #00bce7;
}
.home-services .wpb_single_image,
.home-services .wpb_text_column {
margin-bottom: 0px;
}
.home-services .wpb_text_column > .wpb_wrapper {
height: 75px;
}
#whyFinancial {
background-color: #00bce7;
background-size: 47% 100%;
background-repeat: no-repeat;
background-position: right;
}
@media (max-width: 767px) {
#whyFinancial {
background-image: none !important;
}
}
.why-financial-adviser-inner {
padding: 35px 0;
}
@media (max-width: 767px) {
.why-financial-adviser-inner {
padding-bottom: 0;
}
}
.why-financial-adviser-inner h2 {
color: #ffffff;
font-family: 'National-Light';
font-size: 27px;
font-weight: 300;
line-height: 25px;
letter-spacing: 1.14px;
}
.why-financial-adviser-inner p {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
}
.home-tools h2 {
color: #00bce7;
font-family: 'National-Light';
font-size: 22px;
font-weight: 300;
line-height: 25px;
letter-spacing: 0.91px;
border-bottom: 1px solid #9b9b9b;
padding-bottom: 10px;
margin: 10px;
}
.home-tools li a {
color: #4a4a4a;
font-family: 'National-Regular';
font-weight: 400;
letter-spacing: 0.55px;
text-decoration: none;
line-height: 18px;
}
.home-tools li a:hover {
color: #006bc0;
}
.home-tools ul {
padding-left: 12px !important;
}
.home-tools li {
list-style: none;
margin-bottom: 10px;
}
.home-tools li:before {
content: '';
background-image: url(//haven.co.nz/app/uploads/2017/08/arrow-benefits.png);
width: 12px;
height: 9px;
position: relative;
top: 8px;
right: 25px;
float: right;
}
.home-tools-top {
margin-bottom: 25px;
}
.home-contact-tools li:before {
content: none;
background: none;
}
.home-contact-tools i {
color: #cbcbcb;
font-size: 17px;
padding-right: 20px;
position: relative;
top: -2px;
vertical-align: bottom;
}
img.facebook-icon {
max-width: 18px;
margin-right: 17px;
}
.home-contact {
max-width: 558px;
margin: auto;
}
.home-contact.contact-form li {
padding-right: 0;
}
@media (max-width: 768px) {
.home-contact.contact-form {
padding: 0 20px;
}
}
.home-contact h2 {
color: #ffffff;
font-family: 'National-Light';
font-size: 27px;
font-weight: 300;
line-height: 25px;
letter-spacing: 1.14px;
}
.home-contact p {
color: #ffffff;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
max-width: 380px;
margin: auto;
}
.haven-breadcrumbs-inner {
max-width: 1200px;
margin: auto;
padding: 15px 1em;
}
@media (max-width: 426px) {
.haven-breadcrumbs-inner {
padding: 14px;
}
}
.haven-breadcrumbs a,
.haven-breadcrumbs a:hover,
.haven-breadcrumbs .breadcrumb_last {
color: #9b9b9b;
font-family: 'National-Light';
font-size: 13px;
font-weight: 300;
letter-spacing: 0.5px;
text-decoration: none;
}
.haven-breadcrumbs .breadcrumb_last {
color: #39393a;
}
span.divider img {
width: 7px;
}
span.divider {
top: -6px;
position: relative;
margin-left: 5px;
margin-right: 5px;
}
.haven-page-nav {
text-align: center;
-webkit-box-shadow: 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
margin-bottom: 0;
}
.haven-page-nav .widget {
margin: 0;
}
.haven-page-nav ul {
margin: 0;
padding: 0;
position: relative;
}
.haven-page-nav ul li {
display: inline-block;
padding: 20px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.haven-page-nav ul li a {
color: #39393a;
font-family: 'National-Light';
font-size: 18px;
font-weight: 300;
letter-spacing: 0.55px;
text-decoration: none;
position: relative;
}
.haven-page-nav ul li a:hover {
color: #00bce7;
text-decoration: none;
font-family: 'National-Medium';
}
.haven-page-nav ul li.current-menu-item > a,
.haven-page-nav ul li.current-menu-ancestor > a,
.haven-page-nav ul li.current-menu-parent > a,
.haven-page-nav ul li.current_page_parent > a,
.haven-page-nav ul li.current_page_ancestor > a {
color: #00bce7;
font-family: 'National-Medium';
}
.haven-page-nav ul li ul.sub-menu {
width: 200px;
display: none;
z-index: 2;
padding: 20px 0;
background-color: #f6f6f6;
-webkit-box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1) inset;
}
@media (max-width: 426px) {
.haven-page-nav ul li ul.sub-menu li {
margin: 0 10px;
border-bottom: 1px solid #dcdcdc;
}
.haven-page-nav ul li ul.sub-menu li:last-of-type {
border: none;
}
.haven-page-nav ul li ul.sub-menu li a {
padding: 15px 0;
}
}
@media (min-width: 769px) {
.haven-page-nav ul li ul.sub-menu {
position: absolute;
top: 100%;
left: -50%;
margin-left: 50%;
text-align: left;
}
.haven-page-nav ul li ul.sub-menu li {
display: block;
padding: 0 20px;
}
.haven-page-nav ul li ul.sub-menu li a {
padding: 12px 0;
border-bottom: 1px solid #dcdcdc;
display: block;
}
.haven-page-nav ul li ul.sub-menu li:last-of-type a {
border-bottom: none;
}
.haven-page-nav ul li ul.sub-menu li.current-menu-item a,
.haven-page-nav ul li ul.sub-menu a:hover {
color: #006bc0;
}
}
.haven-page-nav ul li i {
position: relative;
top: 8px;
transition: all 0.3s ease-in-out;
}
@media (min-width: 769px) {
.haven-page-nav ul li i {
display: none;
}
}
.haven-page-nav ul li:hover i {
transform: rotate(180deg);
}
.haven-page-nav ul li:hover ul.sub-menu {
display: block;
}
.haven-page-nav ul.menu > li.menu-item-has-children:hover > a:after {
background: url(//haven.co.nz/app/themes/BBTFramework/images/dropdown.png) bottom center no-repeat;
width: 34px;
height: 16px;
position: absolute;
left: 0;
z-index: 3;
bottom: -39px;
}
@media (min-width: 769px) {
.haven-page-nav ul.menu > li.menu-item-has-children:hover > a:after {
content: '';
}
}
@media (max-width: 768px) {
.haven-page-nav ul.menu {
display: none;
}
.haven-page-nav ul li {
display: block;
padding: 0;
}
.haven-page-nav ul li a {
display: block;
padding: 10px 0;
}
}
.right-plan-top p {
margin: auto;
color: #2d2d2d;
font-family: 'National-Light';
font-size: 16px;
font-weight: 500;
letter-spacing: 0.59px;
}
.right-plan-top ul {
margin: 23px 0;
}
.vert-c {
align-items: center;
}
.haven-container-a {
max-width: 760px;
margin: auto;
}
.haven-container,
.haven-container-inner,
.haven-container-a {
padding: 0 1em;
}
@media (max-width: 768px) {
.haven-container .wpb_single_image,
.haven-container-inner .wpb_single_image,
.haven-container-a .wpb_single_image {
text-align: center;
}
}
.request-free-meeting {
text-align: center;
background-image: radial-gradient(#44d1f1 0%, #01bce7 100%);
padding-top: 25px;
padding-bottom: 25px;
}
.r-bg {
background-image: radial-gradient(#44d1f1 0%, #01bce7 100%);
}
.tools-guides h2,
.tools-guides p {
text-align: center;
}
.tools-guides {
margin-bottom: 63px;
margin-top: 63px;
}
.tools-guides hr {
border-top: 1px solid #9b9b9b;
background-color: transparent;
margin-bottom: 35px;
}
.ks-unsure {
margin-top: 43px;
}
.other-services {
text-align: center;
padding-top: 65px;
padding-bottom: 65px;
}
.other-services .row {
justify-content: center;
}
.other-services h2 {
text-align: center;
margin-bottom: 65px !important;
}
.other-services .benefit-img {
height: 200px;
width: 200px;
padding: 10px;
border-radius: 150px;
border: 1px #e6e6e6 solid;
display: table;
margin: 0 auto 28px;
overflow: hidden;
}
.other-services .benefit-img a {
display: table-cell;
vertical-align: middle;
}
.other-services .benefit-img a img {
max-height: 150px;
width: auto;
}
.other-services h4 {
margin-bottom: 20px;
}
.other-services p {
margin-bottom: 23px;
}
.other-services .button-white-black {
height: auto;
margin-top: 22px;
}
.other-services .button-white-black a {
display: inline-block;
}
@media (max-width: 768px) {
.other-services .haven-container .row > div {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.other-services .haven-container > .vc_col-sm-3 {
display: none;
}
.other-services .haven-container > .vc_col-sm-3:nth-of-type(1),
.other-services .haven-container > .vc_col-sm-3:nth-of-type(2) {
display: block;
width: 50%;
float: left;
}
}
@media (max-width: 426px) {
.other-services .haven-container > .vc_col-sm-3 {
display: none;
}
.other-services .haven-container > .vc_col-sm-3:nth-of-type(2) {
display: none;
}
.other-services .haven-container > .vc_col-sm-3:nth-of-type(1) {
display: block;
width: 100%;
}
}
.ks-conditions p {
max-width: 192px;
margin: auto;
}
.ks-homestart p {
max-width: 419px;
margin-left: 0px;
}
.ks-blue-arrow {
max-width: 1200px;
margin: auto;
}
.ks-blue-arrow img {
max-width: 32px;
}
.ks-blue-arrow .vc_icon_element-inner {
width: 100% !important;
height: auto !important;
border: 0px !important;
}
.plan-retirement p {
max-width: 369px;
}
.ks-impact {
max-width: 500px;
margin: auto;
}
.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
}
@media (max-width: 426px) {
.bx-wrapper .bx-viewport {
left: 0;
}
}
p.symbol {
color: #c8c8c8;
font-family: 'National-Light';
font-size: 26px;
font-weight: 600;
letter-spacing: 0.73px;
}
@media (min-width: 769px) {
p.plus {
position: absolute;
top: 5px;
right: -5px;
}
}
.ks-first-slide-icons {
position: relative;
left: 0;
}
.ks-slide-text {
max-width: 313px;
}
@media (max-width: 768px) {
.ks-slide-text {
margin: 0 auto;
}
}
.ks-slider .bx-wrapper .bx-pager {
font-size: 14px;
position: initial;
text-align: left;
}
.ks-slider .bx-wrapper .bx-pager.bx-default-pager a {
width: 22px;
height: 21px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
text-indent: 0;
background: #9b9b9b;
border-radius: 50%;
color: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
font-family: 'National-Medium';
line-height: 19px;
}
.ks-slider .bx-wrapper .bx-controls-direction {
position: absolute;
left: 0;
right: 0;
bottom: 54px;
z-index: 9998;
}
.ks-slider .bx-wrapper .bx-controls-direction a {
width: 42px;
height: 42px;
background-image: url(//haven.co.nz/app/themes/BBTFramework/images/swipe-right.png);
display: block;
margin: 0;
background-position: 100%;
}
.ks-slider .bx-wrapper .bx-controls-direction a.bx-prev {
background-image: url(//haven.co.nz/app/themes/BBTFramework/images/swipe-left.png);
left: -100px;
}
.ks-slider .bx-wrapper .bx-controls-direction a.bx-next {
right: -100px;
}
.ks-slider .bx-wrapper .bx-controls-direction a.disabled {
filter: grayscale(100%);
opacity: 0.5;
}
@media (max-width: 1025px) {
.ks-slider .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.ks-slider .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
}
@media (max-width: 768px) {
.ks-slider .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.ks-slider .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
}
.ks-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
text-decoration: none;
background: #fff;
color: #00bce7;
}
.ks-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
color: #00bce7;
}
@media (max-width: 1024px) {
.ks-slider .bx-wrapper .bx-pager {
text-align: center;
padding-bottom: 20px;
}
}
@media (min-width: 1025px) {
.ks-slider .bx-wrapper .bx-pager {
position: absolute;
z-index: 9;
}
}
.ks-slider .bx-wrapper .bx-pager .bx-pager-item {
text-align: center;
}
.ks-slider .bx-wrapper {
margin-bottom: 0px;
}
.ks-slider .bx-prev,
.ks-slider .bx-next {
display: none;
}
@media (max-width: 768px) {
.ks-slider .button-white-black {
text-align: center;
}
}
.ks-slide h6 {
font-size: 22px;
}
.ks-slide .mobile {
display: none;
}
@media (max-width: 767px) {
.ks-slide .mobile {
display: block;
padding: 0 40px;
}
.ks-slide .desktop {
display: none;
}
}
.right-fund-type {
padding-top: 52px;
padding-bottom: 12px;
}
.right-fund-type h2 {
text-align: center;
}
.right-fund-type input,
.right-fund-type select {
max-width: 122px;
color: #00bce7;
}
.save-section {
margin-bottom: 20px;
text-align: center;
color: #2d2d2d;
font-family: 'National-Light';
font-size: 22px;
line-height: 25px;
letter-spacing: 1px;
}
.read-assumptions p {
color: #4a4a4a;
font-family: 'National-Light';
font-size: 15px !important;
line-height: 16px !important;
font-weight: 500;
letter-spacing: 0.55px;
margin-bottom: 6px;
padding-top: 50px;
}
.read-assumptions > p {
cursor: pointer;
position: relative;
}
.read-assumptions > p:after {
content: '+';
transition: all 0.5s ease;
position: absolute;
right: 0;
font-size: 30px;
color: #9b9b9b;
}
.read-assumptions > p.active:after {
transform: rotate(45deg);
}
.assumptions {
display: none;
}
.assumptions p {
color: #4a4a4a;
font-family: 'National-Light';
font-size: 12px;
font-weight: 300;
letter-spacing: 0.55px;
text-align: justify;
padding-top: 5px;
}
.read-assumptions hr {
margin-bottom: 14px;
}
.placeholder-image {
background: #c1c1c1;
}
.right-plan-know {
max-width: 460px;
margin: auto;
}
.right-plan-know .right-plan-num {
float: left;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
font-size: 14px;
color: #00bce7;
margin-right: 25px;
margin-bottom: 30px;
font-family: 'National-Medium';
}
.right-plan-know p {
color: #4a4a4a;
font-family: 'National-Light';
font-size: 18px;
font-weight: 300;
letter-spacing: 0.73px;
max-width: 285px;
}
@media (max-width: 767px) {
.right-plan-know {
text-align: center;
}
.right-plan-know .right-plan-num {
margin: 0 auto 30px;
float: none;
}
.right-plan-know p {
margin: auto;
}
}
.right-plan-yn {
color: #00bce7;
font-family: 'National-Light';
font-size: 18px;
font-weight: 300;
letter-spacing: 0.73px;
display: inline-block;
padding: 6px 18px;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 40px;
margin-right: 9px;
cursor: pointer;
background-color: transparent;
position: relative;
top: -3px;
}
.right-plan-know-content {
max-width: 370px;
margin: auto;
}
.choose-me {
background-color: #00bce7;
color: #fff;
}
.unchoose-me {
backgound-color: transparent;
color: #dcdcdc;
}
.play-video img {
position: relative;
top: -2px;
}
select,
input[type=text] {
border: none;
border-bottom: 1px #000 solid;
background: none;
border-radius: 0;
padding: 3px 0;
margin: 0;
}
.b-f {
text-align: center;
padding: 20px 0;
}
.b-f .b-f-inner > div {
padding: 0 !important;
}
.b-f p {
font-size: 27px !important;
color: #fff;
}
.b-f div {
display: inline-block;
margin: 0;
}
.b-f div.gform_wrapper {
margin: 0;
}
.b-f div.gform_wrapper form {
text-align: center;
}
.b-f div.gform_wrapper form > div {
margin-bottom: 10px;
}
@media (min-width: 426px) {
.b-f div.gform_wrapper form {
text-align: left;
}
}
.b-f div.gform_wrapper .gfield_label {
display: none;
}
.b-f div.gform_wrapper ul li.gfield {
margin: 0;
padding: 0;
}
.b-f div.gform_wrapper .gform_footer {
width: auto;
margin: 0;
padding: 0;
}
.b-f div.gform_wrapper .gform_body {
width: auto;
padding: 0;
margin: 0 0 20px;
}
@media (min-width: 426px) {
.b-f div.gform_wrapper .gform_body {
margin: 0;
}
}
.b-f div.gform_wrapper input[type=submit] {
color: #00bce7 !important;
font-family: 'National-Light';
font-size: 16px;
font-weight: 300;
letter-spacing: 0.59px;
padding: 5px 40px 5px 8px !important;
border: 2px solid #fff !important;
background-color: #fff !important;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_White-1.png) !important;
background-repeat: no-repeat !important;
background-position: 100%;
text-decoration: none;
background-size: contain;
}
.b-f div.gform_wrapper input[type=submit]:hover {
color: #fff !important;
background-color: #00bce7 !important;
}
.b-f div.ginput_container_select {
margin: 0 16px 0 18px !important;
}
.b-f div.ginput_container_select select {
background: url(//haven.co.nz/app/themes/BBTFramework/images/select.png) top 50% right no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-bottom: 1px #fff solid;
color: #fff;
padding: 2px 0;
font-size: 27px;
font-family: 'National-Light';
}
.b-f div.ginput_container_select select option {
color: #000;
font-size: 17px;
}
.b-f div.nice-select {
float: none;
background: url(//haven.co.nz/app/themes/BBTFramework/images/select.png) top 50% right no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-bottom: 1px #fff solid;
color: #fff;
padding: 2px 15px 2px 0;
font-size: 27px;
font-family: 'National-Light';
border-radius: 0;
}
.b-f div.nice-select:after {
display: none;
}
.b-f div.nice-select ul.list {
border-radius: 0;
}
.b-f div.nice-select ul.list .option {
color: #2d2d2d;
padding: 0 20px;
min-height: 0;
}
.b-f div.nice-select ul.list .option span {
border-bottom: 1px #cecece solid;
display: block;
padding: 7px 0;
}
.b-f div.nice-select ul.list .option:last-child span {
border: none;
}
.b-f div.nice-select ul.list .option:hover,
.b-f div.nice-select ul.list .option.selected,
.b-f div.nice-select ul.list .option.focus {
background: none;
font-weight: normal;
color: #006bc0;
}
.o-s {
padding: 56px 0;
}
.o-s h2 {
font-family: 'National-Light';
letter-spacing: 1px;
line-height: 25px;
font-size: 25px;
}
.o-s h2 a {
color: #006bc0;
}
.o-s .wpb_single_image {
min-height: 195px;
display: flex;
align-items: center;
}
.o-s .wpb_single_image figure {
margin: auto;
}
.o-s .wpb_text_column {
padding: 0 15px;
}
.o-s .wpb_text_column h2 {
min-height: 50px;
display: flex;
align-items: center;
}
.o-s .wpb_text_column ul {
padding: 0;
}
.o-s .wpb_text_column ul li {
list-style: none;
background: url(//haven.co.nz/app/uploads/2017/08/arrow-benefits.png) top 50% right no-repeat;
border-bottom: 1px #d1d1d1 solid;
padding: 12px 10px 12px 0;
font-family: 'National-Light';
font-size: 18px;
letter-spacing: 1px;
}
.o-s .wpb_text_column ul li:last-child {
border: none;
}
.o-s .wpb_text_column ul li a {
color: #000;
text-decoration: none;
}
.o-s .wpb_text_column ul li a:hover {
color: #006bc0;
}
.w-h-m h2 {
font-family: 'National-Light';
}
.w-h-m .haven-container {
margin: 30px auto;
}
@media (max-width: 767px) {
.w-h-m .haven-container > div:last-of-type {
border-bottom: 1px solid #dcdcdc;
}
}
.w-h-m .haven-container h2 {
color: #00bce7;
line-height: 25px;
}
@media (min-width: 769px) {
.w-h-m .haven-container .l-r-t,
.w-h-m .haven-container .r-l-t {
max-width: 274px;
}
}
.w-h-m .haven-container .l-r-t p,
.w-h-m .haven-container .r-l-t p {
font-size: 18px;
line-height: 22px;
}
.w-h-m .haven-container .l-r-t,
.w-h-m .haven-container .pull-left {
float: left !important;
}
.w-h-m .haven-container .r-l-t,
.w-h-m .haven-container .pull-right {
float: right !important;
}
.tips .wpb_single_image {
height: 182px;
}
@media (max-width: 768px) {
.value-contents#mortgageList {
background: none;
border: none;
}
}
@media (max-width: 768px) {
.value-contents .m-l-tabs-header {
overflow-x: scroll;
appearance: none;
-webkit-appearance: none;
display: block;
max-width: 100%;
}
.value-contents .m-l-tabs-header ul {
background: none;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #dcdcdc;
}
.value-contents .m-l-tabs-header ul li {
background: none;
border: none;
margin: 0;
}
.value-contents .m-l-tabs-header ul li a {
padding: 20px 0 !important;
margin: 0 20px;
color: #dcdcdc;
font-size: 14px;
}
.value-contents .m-l-tabs-header ul li a i {
display: none;
}
.value-contents .m-l-tabs-header ul li.ui-state-active {
background: none;
border: none;
}
.value-contents .m-l-tabs-header ul li.ui-state-active a {
color: #00bce7;
border-bottom: 3px solid #00bce7;
}
}
.value-contents .m-t {
display: none;
}
@media (max-width: 768px) {
.value-contents .m-l-tabs {
margin: 32px 0 0;
padding: 0;
}
.value-contents .m-l-tabs .ui-tabs-panel {
padding: 24px 10px;
border-radius: 5px;
background: #fff;
position: relative;
margin-bottom: 200px;
}
.value-contents .m-l-tabs .ui-tabs-panel .row {
border-bottom: 1px solid #f6f6f6;
padding: 7px 10px;
margin: 0;
}
.value-contents .m-l-tabs .ui-tabs-panel .row > div {
padding: 0;
}
.value-contents .m-l-tabs .average,
.value-contents .m-l-tabs .a-average,
.value-contents .m-l-tabs .t-average,
.value-contents .m-l-tabs .t-a-average,
.value-contents .m-l-tabs .l-t-h .row > div:nth-of-type(2),
.value-contents .m-l-tabs .l-t-h .row > div:nth-of-type(3),
.value-contents .m-l-tabs .d-t {
display: none;
}
.value-contents .m-l-tabs .l-t-h {
color: #00bce7;
}
.value-contents .m-l-tabs .l-t-h .row:first-of-type {
text-align: center;
border-bottom-style: dashed;
font-size: 18px;
padding: 0 0 24px;
font-family: 'National-Light';
}
.value-contents .m-l-tabs .l-t-h .row:last-of-type {
text-transform: uppercase;
font-family: 'National-Medium';
}
.value-contents .m-l-tabs .l-t-h .row > div:last-of-type {
padding: 0;
}
.value-contents .m-l-tabs .m-t {
display: block;
}
.value-contents .m-l-tabs input {
width: 100%;
margin: 0;
}
.value-contents .m-l-tabs .l-t-b-i .row {
border-bottom: 1px #f6f6f6 solid;
align-items: center;
}
.value-contents .m-l-tabs #contenttotal {
background: #00bce7;
color: #fff;
}
.value-contents .m-l-tabs .l-t-f .row {
border: none;
}
.value-contents .m-l-tabs .c-t-f {
padding: 30px 10px;
}
.value-contents .m-l-tabs .c-t-f a {
display: inline-block;
margin-top: 25px;
}
}
.value-contents .m-l-tabs-pn {
display: none;
margin-top: 20px;
}
.value-contents .m-l-tabs-pn a {
display: block;
width: 100%;
border: none;
border-radius: 50px;
margin-bottom: 15px;
box-shadow: 0px 4px 10px #cecece;
padding: 15px 0;
outline: none;
text-align: center;
}
.value-contents .m-l-tabs-pn a.next-tab {
background-color: #00bce7;
color: #fff;
}
.value-contents .m-l-tabs-pn a.next-tab:after {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/next.png) top center no-repeat;
display: inline-block;
width: 13px;
height: 9px;
margin-left: 20px;
}
.value-contents .m-l-tabs-pn a.prev-tab {
background-color: #fff;
color: #00bce7;
}
.value-contents .m-l-tabs-pn a.prev-tab:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/prev.png) top center no-repeat;
display: inline-block;
width: 13px;
height: 9px;
margin-right: 20px;
}
@media (max-width: 769px) {
.value-contents .m-l-tabs-pn {
display: block;
position: absolute;
width: 100%;
bottom: -150px;
}
}
.ui-tabs-vertical {
background-color: #fff;
border: 1px solid #f6f6f6;
padding: 0;
border-radius: 0;
display: flex;
}
.ui-tabs-vertical .m-l-tabs-header {
padding: 0;
}
.ui-tabs-vertical .ui-tabs-nav {
padding: 0;
border-right: 1px solid #f6f6f6;
}
.ui-tabs-vertical .ui-tabs-nav li {
background-color: #fff;
clear: left;
width: 100%;
border: none;
border-bottom: 1px solid #f6f6f6;
margin: 0;
border-radius: 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
display: flex;
align-items: center;
color: #00bce7;
float: none !important;
padding: 27px 20px !important;
font-family: 'National-Light';
font-size: 20px;
}
.ui-tabs-vertical .ui-tabs-nav li a i {
font-size: 18px;
margin-right: 14px;
color: #006bc0;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
padding-bottom: 0;
margin: 0;
background-color: #006bc0;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover a {
color: #fff;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a i,
.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover a i {
color: #fff;
}
.ui-tabs-vertical .ui-tabs-nav li:last-of-type {
background-color: #00bce7;
border: none;
}
.ui-tabs-vertical .ui-tabs-nav li:last-of-type a {
color: #fff;
text-transform: uppercase;
}
.ui-tabs-vertical .ui-tabs-nav li:last-of-type a i {
color: #fff;
}
.ui-tabs-vertical .m-l-tabs {
padding: 0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel {
padding: 0;
border-radius: 0;
border: none;
height: 100%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t {
height: 100%;
font-family: 'National-Light';
padding: 0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h {
background-color: #006bc0;
color: #fff;
padding: 30px 20px 30px 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
font-family: 'National-Regular';
}
@media (min-width: 769px) {
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h > div:first-of-type {
display: none;
}
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h .row {
align-items: center;
margin: 0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h .row > div {
flex: 0 0 23%;
max-width: 23%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h .row > div:first-of-type {
text-transform: none;
font-size: 18px;
font-family: 'National-Light';
padding-left: 0;
flex: 0 0 30%;
max-width: 30%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-h .row > div:first-of-type .d-t {
letter-spacing: 0.91px;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b {
font-family: 'National-Light';
padding: 35px 20px 0 20px;
max-height: 720px;
overflow: scroll;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row {
border-bottom: 1px #f6f6f6 solid;
padding: 7px 0;
margin: 0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .average:before,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .a-average:before {
content: '$';
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .average span.calc_text:nth-of-type(n+3),
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .a-average span.calc_text:nth-of-type(n+3),
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .average span.calc_val,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row .a-average span.calc_val {
display: none;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row div {
flex: 0 0 23%;
max-width: 23%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b .row div:first-of-type {
padding-left: 0;
flex: 0 0 30%;
max-width: 30%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-b input {
margin: 0;
border-radius: 3px;
width: 50%;
padding: 0 10px;
border-width: 1px;
font-family: 'National-Medium';
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t ::-webkit-scrollbar {
width: 0px;
background: transparent; }
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f {
background-color: #f6f6f6;
position: absolute;
bottom: 0;
width: 100%;
padding: 28px 20px 28px 20px;
font-size: 14px;
font-family: 'National-Medium';
text-transform: uppercase;
box-shadow: 0px 0px 4px 0px #888888;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f > .row {
margin: 0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f > .row > div {
flex: 0 0 23%;
max-width: 23%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f > .row > div:first-of-type {
padding-left: 0;
flex: 0 0 30%;
max-width: 30%;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f .t-average:before,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f .t-a-average:before,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f .t-y-v:before {
content: '$';
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .l-t-f div div:first-of-type {
color: #006bc0;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .c-t-f {
padding: 0 0 0 20px;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel .l-t .c-t-f a {
display: inline-block;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t {
background-color: #00bce7;
color: #fff;
letter-spacing: 0.55px;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-h,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-b,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-f {
background-color: #00bce7;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-h div div:first-of-type,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-b div div:first-of-type,
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-f div div:first-of-type {
color: #fff;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-f {
position: relative;
padding-top: 0;
box-shadow: none;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-h {
border-bottom: 1px #fff solid;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-b .row {
border-bottom: 1px solid #1ed0f8;
}
.ui-tabs-vertical .m-l-tabs .ui-tabs-panel:last-of-type .l-t .l-t-b input {
background-color: #00bce7;
border: 1px #fff solid;
color: #fff;
}
#borrowingLeft {
font-size: 22px;
font-family: 'National-Light';
}
#borrowingLeft > div {
margin-bottom: 20px;
}
#borrowingLeft select,
#borrowingLeft input {
color: #006bc0;
border: none;
border-bottom: 1px #000 solid;
background: none;
border-radius: 0;
padding: 0;
}
#borrowingLeft input {
padding: 2px 0;
}
#borrowingRight select {
border: none;
border-bottom: 1px #000 solid;
background: none;
border-radius: 0;
}
input[type=range] {
-webkit-appearance: none;
margin: 8px 0;
width: 100%;
border: none;
background: none;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
background: #cfcfcf;
border-radius: 0px;
border: 0px solid transparent;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
border: 1px solid white;
height: 16px;
width: 16px;
border-radius: 8px;
background: #006bc0;
cursor: pointer;
-webkit-appearance: none;
margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #cfcfcf;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 2px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
background: #cfcfcf;
border-radius: 0px;
border: 0px solid transparent;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
border: 1px solid white;
height: 16px;
width: 16px;
border-radius: 8px;
background: #006bc0;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 2px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 16px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #cfcfcf;
border: 0px solid transparent;
border-radius: 0px;
box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-fill-upper {
background: #cfcfcf;
border: 0px solid transparent;
border-radius: 0px;
box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
border: 1px solid white;
height: 16px;
width: 16px;
border-radius: 8px;
background: #006bc0;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #cfcfcf;
}
input[type=range]:focus::-ms-fill-upper {
background: #cfcfcf;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
box-shadow: 0px 1px 4px #949292;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: '';
width: 18px;
height: 18px;
background: #00bce7;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mortgage-top {
background-color: #fff;
padding: 1px 30px 28px;
}
.mortgage-top h2 {
text-align: center;
margin: 30px 0 20px;
}
@media (min-width: 768px) {
.mortgage-top h2 {
display: none;
}
}
.mortgage-top .row {
margin: 15px 0 0;
border-top: 1px dashed #dcdcdc;
padding-top: 15px;
font-size: 18px;
}
.mortgage-top .row > div {
padding: 0;
}
@media (max-width: 767px) {
.mortgage-top .row > div:first-of-type {
margin-bottom: 26px;
text-align: center;
}
}
@media (min-width: 768px) {
.mortgage-top .row > div:first-of-type {
padding-right: 8px;
}
.mortgage-top .row > div:last-of-type {
padding-left: 8px;
}
}
.mortgage-top .row select {
width: 100%;
}
.mortgage-top .row:first-of-type {
border: none;
font-size: 27px;
}
.mortgage-top span.mortgage-label {
color: #00bce7;
font-family: 'National-Light';
font-size: 14px;
display: block;
width: 100%;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.mortgage-top span.mortgage-label {
text-align: center;
margin-bottom: 26px;
}
}
.mortgage-bottom {
background-color: #00bce7;
color: #fff;
padding: 18px 0 28px;
text-align: center;
}
.mortgage-bottom .row {
margin: 0 auto;
text-align: center;
display: block;
max-width: 280px;
}
.mortgage-bottom input[type=range] {
max-width: 180px;
display: block;
margin: 0 auto;
}
.mortgage-bottom input[type=range]::-webkit-slider-runnable-track {
background: #fff;
}
.mortgage-bottom input[type=range]::-moz-range-track {
background: #fff;
}
.mortgage-bottom input[type=range]::-webkit-slider-thumb {
background: #fff;
}
.mortgage-bottom input[type=range]::-moz-range-thumb {
background: #fff;
}
.mortgage-bottom input[type=range]::-ms-fill-upper {
background: #fff;
}
.mortgage-bottom input[type=range]::-ms-thumb {
background: #fff;
}
.mortgage-bottom input[type=range]:focus::-ms-fill-lower {
background: #fff;
}
.mortgage-bottom h3 {
color: #fff;
font-size: 27px;
margin: 0;
}
.mortgage-bottom span {
max-width: 180px;
display: block;
margin: 20px auto;
font-size: 13px;
line-height: 13px;
font-family: 'National-Light';
}
.mortgage-bottom .repayment-amount,
.mortgage-bottom span.range-slide {
font-size: 34px;
font-family: 'National-Light';
display: inline-block;
}
.mortgage-bottom .button-white a {
color: #000 !important;
}
.mort-wrap {
float: left;
width: 100%;
padding: 0 8px;
border-radius: 5px;
}
.mort-wrap .mortgage-calculate-button {
display: none;
}
.mort-wrap .mortgage-top {
border-radius: 0 5px 0 0;
box-shadow: 2px 2px 5px #ececec;
}
.mort-wrap select {
border: none;
border-bottom: 1px #000 solid;
background: none;
border-radius: 0;
}
.mort-wrap a.get-rate {
color: #00bce7;
background-color: #fff;
border-radius: 20px;
box-shadow: 2px 2px 8px #888888;
padding: 11px 18px;
display: none;
margin-top: 14px;
}
.mort-wrap a.get-rate:hover {
text-decoration: none;
}
.mort-wrap .radio-wrap {
margin-top: 14px;
display: none;
}
.mort-wrap .mortgage-bottom {
padding: 25px 30px;
border-radius: 0 0 5px 5px;
box-shadow: 2px 2px 5px #ececec;
}
.mort-wrap .mortgage-bottom .row {
max-width: 9999px;
display: flex;
border-top: 1px solid #12c9f3;
padding-top: 14px;
margin-top: 14px;
}
.mort-wrap .mortgage-bottom .row:first-of-type {
border: none;
margin-top: 0;
padding-top: 0;
}
.mort-wrap .mortgage-bottom .row > div {
font-family: 'National-Bold';
font-size: 18px;
text-align: right;
padding: 0;
}
.mort-wrap .mortgage-bottom .row > div:first-of-type {
font-size: 16px;
font-family: 'National-Light';
text-align: left;
}
.mort-wrap .mortgage-bottom span {
margin: 0;
}
.mort-wrap .mortgage-bottom span.range-slide {
font-size: 18px;
}
.c-t-header {
padding: 8px 16px;
margin: 0 8px !important;
float: left;
font-size: 22px;
background-color: #fff;
color: #00bce7;
border-radius: 5px 5px 0 0;
box-shadow: 2px 2px 5px #ececec;
}
.progress-bar {
background: none;
}
.progress-bar .p-b-val {
position: absolute;
color: #00ed72;
}
.progress-bar .p-b-max {
position: absolute;
right: 0;
color: #00bce7;
}
.progress-bar progress {
width: 100%;
border-radius: 20px;
}
.progress-bar progress::-webkit-progress-bar {
background-color: #bbf0fc;
border-radius: 20px;
}
.progress-bar progress::-webkit-progress-value {
background-color: #00ed72;
border-radius: 40px 0 0 40px;
}
.insurance-umbrella {
display: none;
}
@media (min-width: 426px) {
.insurance-umbrella {
display: block;
}
}
.insurance-umbrella img {
position: absolute;
width: 472px;
height: 408px;
left: 0;
max-width: 9999px;
}
.i-s {
overflow: hidden;
}
.i-s .i-s-header {
max-width: 562px;
margin: 0 auto 60px;
}
.i-s .i-s-header h2 {
font-size: 25px;
line-height: 25px;
}
.i-s .i-s-header p {
font-size: 16px;
}
.i-s .i-s-section {
margin-bottom: 20px;
}
.i-s .i-s-section.haven-container {
max-width: 800px;
}
.i-s .i-s-section .wpb_content_element {
margin-bottom: 26px;
}
@media (min-width: 768px) {
.i-s .i-s-section > .wpb_column {
padding: 0 20px;
}
.i-s .i-s-section > .wpb_column:first-child {
padding-left: 0;
}
.i-s .i-s-section > .wpb_column:last-child {
padding-right: 0;
}
}
.i-s .i-s-section p {
font-size: 14px;
line-height: 20px;
display: inline-block;
vertical-align: top;
letter-spacing: 0.64px;
}
.i-s .i-s-section p:first-child {
color: #00bce7;
margin-right: 27px;
font-size: 20px;
}
.i-s .i-s-section p:last-child {
width: 90%;
}
.i-c-a h4 {
font-size: 18px;
}
@media (max-width: 1025px) {
.i-c-a {
background-image: none !important;
}
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 17px;
margin-bottom: 17px;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background: none !important;
border: none;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover {
background: none !important;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading a {
padding: 0;
color: #00bce7 !important;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading a:after {
content: '+';
position: absolute;
right: 0;
top: -2px;
transition: all 0.5s ease;
color: #dcdcdc;
font-size: 32px;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
padding: 20px 0 0;
background: none;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body p strong {
color: #006bc0;
}
.i-c-a .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading a:after {
transform: rotate(45deg);
}
.page-template-kiwisaver .vc_column_container > .vc_column-inner {
padding-top: 0 !important;
}
.partner-icons {
align-items: center;
margin-top: 15px;
}
.partner-icons .wpb_content_element {
margin: 0;
}
.partner-icons.mobile {
display: none;
text-align: center;
}
.partner-icons.mobile .wpb_single_image {
display: inline-block;
margin: 0 20px 30px;
}
@media (max-width: 426px) {
.partner-icons {
margin-top: 0;
}
.partner-icons.desktop {
display: none;
}
.partner-icons.mobile {
display: block;
}
}
@media (max-width: 320px) {
.partner-icons > div {
width: 100%;
}
}
@media (min-width: 426px) {
.partner-icons {
display: flex;
}
}
.t-g .vc_gitem-zone-a .vc_gitem-row-position-top,
.t-g .vc_gitem-zone-a .vc_gitem-row-position-middle {
position: relative;
}
.t-g .vc_gitem-zone-a .vc_gitem-row-position-top {
margin-bottom: 30px;
}
.t-g .quotation {
width: auto !important;
margin-bottom: 22px;
}
.t-g .t-c {
color: #006bc0;
font-size: 22px;
line-height: 25px;
font-weight: 300;
font-family: 'National-Light';
}
.t-g .t-a {
color: #00bce7;
font-family: 'National-Medium';
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.55px;
}
.t-g .t-a:before {
content: '—';
display: inline-block;
margin-right: 5px;
}
.header-wrap #header {
z-index: 9999;
width: 100%;
transition: all 0.5s ease;
position: fixed;
}
.header-wrap #header.scrolling {
position: fixed;
background: #fff;
}
.header-wrap:after {
content: '';
display: block;
clear: both;
}
.haven-breadcrumbs {
-webkit-box-shadow: inset 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 20px -1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.haven-breadcrumbs {
display: none;
}
}
.single-post .haven-breadcrumbs {
-webkit-box-shadow: inset 0px 9px 20px -12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 9px 20px -12px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 9px 20px -12px rgba(0, 0, 0, 0.1);
}
.top-container-menu .top-menu-dropdown,
.haven-page-nav .top-menu-dropdown {
display: none;
}
.top-container-menu.mobile .top-menu-dropdown,
.haven-page-nav.mobile .top-menu-dropdown {
text-align: center;
color: #fff;
font-size: 17px;
font-weight: 500;
font-family: 'National-Light';
letter-spacing: 1.6px;
margin: 0 auto 40px;
display: block;
cursor: pointer;
}
.top-container-menu.mobile .top-menu-dropdown i,
.haven-page-nav.mobile .top-menu-dropdown i {
position: relative;
top: 8px;
transition: all 0.3s ease-in-out;
}
.top-container-menu.mobile .top-menu-dropdown i.active,
.haven-page-nav.mobile .top-menu-dropdown i.active {
transform: rotate(180deg);
}
.top-container-menu.mobile ul,
.haven-page-nav.mobile ul {
display: none;
}
.haven-page-nav.mobile .top-menu-dropdown {
color: #00bce7;
margin: 0 auto;
padding: 24px 0 27px;
}
.haven-page-nav.mobile .top-menu-dropdown i {
color: #4a4a4a;
}
.haven-page-nav.mobile ul.menu {
-webkit-box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
}
.our-services {
border: none !important;
padding: 0;
}
.our-services ::-webkit-scrollbar {
display: none;
}
.our-services .service-head {
overflow-x: scroll;
display: none;
appearance: none;
-webkit-appearance: none;
}
@media (max-width: 768px) {
.our-services .service-head {
display: block;
}
}
.our-services .service-head ul {
background: none;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #dcdcdc;
}
.our-services .service-head ul li {
background: none;
border: none;
margin: 0;
}
.our-services .service-head ul li a {
padding: 20px 0 !important;
margin: 0 20px;
color: #dcdcdc;
font-size: 14px;
}
.our-services .service-head ul li.ui-state-active {
background: none;
border: none;
}
.our-services .service-head ul li.ui-state-active a {
color: #00bce7;
border-bottom: 3px solid #00bce7;
}
.our-services .ui-tabs-panel {
width: 100%;
}
.our-services.desktop {
display: block;
}
.our-services.mobile {
display: none;
}
@media (max-width: 768px) {
.our-services.mobile {
display: block;
}
.our-services.desktop {
display: none;
}
}
#desktop-slider-list {
display: block;
}
@media (max-width: 768px) {
#desktop-slider-list {
display: none;
}
}
#mobile-slider-list {
display: none;
}
#mobile-slider-list li > div {
width: 100%;
}
#mobile-slider-list .bx-has-controls-direction {
position: relative;
}
#mobile-slider-list .bx-has-controls-direction .bx-pager a {
text-indent: 0;
background-color: #9b9b9b;
color: #fff;
width: 18px;
height: 18px;
border-radius: 20px;
font-family: 'National-Light';
font-size: 14px;
line-height: 18px;
-webkit-box-shadow: 0px 1px 5px 0px #000000;
-moz-box-shadow: 0px 1px 5px 0px #000000;
box-shadow: 0px 1px 5px 0px #000000;
}
#mobile-slider-list .bx-has-controls-direction .bx-pager a.active {
color: #00bce7;
background-color: #fff;
}
#mobile-slider-list .bx-has-controls-direction .bx-controls-direction a {
background: url(//haven.co.nz/app/themes/BBTFramework/images/swipe-left.png) top center no-repeat;
width: 42px;
height: 42px;
top: 15px;
}
#mobile-slider-list .bx-has-controls-direction .bx-controls-direction a.bx-next {
background: url(//haven.co.nz/app/themes/BBTFramework/images/swipe-right.png) top center no-repeat;
}
@media (max-width: 768px) {
#mobile-slider-list {
display: block;
}
}
.values-container strong {
font-size: 18px;
letter-spacing: 1px;
}
.about-haven-main p {
max-width: 722px;
margin: 0 auto;
font-size: 22px;
color: #fff;
line-height: 28px;
}
.about-haven-main .about-haven p {
font-size: 15px;
}
.about-haven-main .about-haven p:first-of-type {
margin-bottom: 45px;
}
.about-haven-main .about-haven p:last-of-type {
margin-top: 40px;
}
.about-haven p {
max-width: 790px;
margin: 0 auto;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.91px;
}
#gform_5 .validation_error,
#gform_5 .validation_message {
display: none;
}
#gform_5 li.gfield:nth-of-type(even) {
padding-right: 0 !important;
}
#gform_5 .gfield_error {
border: none !important;
background: none !important;
padding-top: 0;
padding-bottom: 0;
}
#gform_5 .gfield_error:nth-of-type(odd) {
padding: 0 16px 0 0 !important;
}
#gform_5 .gfield_error .ginput_container {
margin-top: 8px !important;
}
.page-contact-us .gfield_error .ginput_container input {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.overlay {
background-color: rgba(0, 188, 231, 0.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.vc_gitem_row .vc_gitem-col.post-image-col {
padding: 0;
}
.post-content-wrapper .vc_gitem_row .vc_gitem-col {
padding: 0;
}
.post-content-wrapper .vc_gitem-row-position-top,
.post-content-wrapper .vc_gitem-row-position-middle,
.post-content-wrapper .vc_gitem-row-position-bottom {
position: relative;
transform: initial;
}
.post-content-wrapper .post-date,
.post-content-wrapper .post-category,
.post-content-wrapper .post-title,
.post-content-wrapper .post-content {
margin-bottom: 0;
}
.post-content-wrapper .post-date,
.post-content-wrapper .post-category {
text-transform: uppercase;
font-size: 18px;
font-family: 'National-Regular';
color: #00bce7;
display: inline-block;
}
.post-content-wrapper .post-social {
float: right;
font-size: 18px;
}
.post-content-wrapper .post-date a {
border-right: 1px #00bce7 solid;
padding-right: 10px;
margin-right: 10px;
}
.post-content-wrapper .post-title {
font-size: 25px;
font-family: 'National-Medium';
margin: 28px 0;
line-height: 30px;
}
.post-content-wrapper .post-title a {
color: #006bc0 !important;
}
.post-content-wrapper .post-content {
font-size: 18px;
font-family: 'National-Light';
min-height: 128px;
line-height: 24px;
}
.post-content-wrapper .post-content ol,
.post-content-wrapper .post-content ul {
list-style: initial;
padding-left: 20px;
margin-bottom: 20px;
}
.post-content-wrapper .post-content ol li,
.post-content-wrapper .post-content ul li {
margin-bottom: 10px;
}
.post-search {
margin-bottom: 52px;
padding: 0;
font-family: 'National-Light';
}
.post-search form {
width: 100%;
border: none;
}
.post-search form input.s {
border: 1px solid #dcdcdc;
padding: 6px 8px;
}
@media (max-width: 426px) {
.post-search form input.s {
width: 90%;
display: block;
margin: 0 auto 20px;
}
}
.post-search form button {
font-family: 'National-Medium';
position: relative !important;
right: auto !important;
top: auto !important;
width: 14%;
outline: none;
text-transform: none;
}
.post-search form button:before {
outline: none;
border-radius: 0px !important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_Blue-transparent.png) !important;
background-size: contain;
background-repeat: no-repeat !important;
background-position: 100%;
content: 'Search';
color: #ffffff !important;
font-family: 'National-Medium' !important;
font-size: 15px !important;
font-weight: 300;
letter-spacing: 0.59px;
padding: 6px 40px 7px 8px !important;
border: 1px solid #00bce7 !important;
background-color: #00bce7 !important;
text-decoration: none;
}
@media (max-width: 426px) {
.post-search form button {
width: auto;
display: block;
margin: auto !important;
}
}
.post-search-filter {
border-bottom: 1px solid #dcdcdc;
margin-bottom: 54px;
padding: 0;
}
@media (max-width: 426px) {
.post-search-filter {
margin: 0 15px;
}
}
.post-search-filter ul li {
display: inline-block;
margin: 0 16px;
}
.post-search-filter ul li:first-of-type {
margin-left: 0;
}
.post-search-filter ul li a {
color: #4a4a4a;
font-size: 14px;
font-family: 'National-Thin';
padding: 15px 0;
display: inline-block;
letter-spacing: 1px;
}
.post-search-filter ul li a:hover {
text-decoration: none;
border-bottom: 3px solid #00bce7;
font-family: 'National-Regular';
}
.post-search-filter ul li.active a {
border-bottom: 3px solid #00bce7;
font-family: 'National-Regular';
}
.post_white_section {
font-family: 'National-Light';
font-size: 18px;
}
.post_white_section .post-title {
font-size: 40px;
color: #00bce7;
font-family: 'National-Medium';
line-height: 40px;
letter-spacing: 1.82px;
margin-top: 30px;
margin-bottom: 30px;
}
.single-job .post-title {
font-size: 40px !important;
color: #00bce7;
font-family: 'National-Medium' !important;
line-height: 40px !important;
letter-spacing: 1.82px !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.post_white_section .post-date-category {
border-bottom: 1px solid #f6f6f6;
padding-bottom: 30px;
margin-bottom: 30px;
}
.post_white_section .post-date-category .post-social {
text-align: right;
}
@media (max-width: 426px) {
.post_white_section .post-date-category {
text-align: center;
}
.post_white_section .post-date-category .post-social {
text-align: center;
}
}
.post_white_section .post-date-category .post-date,
.post_white_section .post-date-category .post-category {
font-size: 14px;
font-family: 'National-Regular';
display: inline-block;
color: #222222;
text-transform: uppercase;
letter-spacing: 0.55px;
}
.post_white_section .post-date-category .post-category a,
.post_white_section .post-date-category .post-category a:hover {
color: #222222;
border-left: 1px #222222 solid;
padding-left: 10px;
margin-left: 10px;
text-decoration: none;
}
.post_white_section .post-content {
border-bottom: 1px solid #f6f6f6;
padding-bottom: 35px;
margin-bottom: 22px;
}
.post_white_section .post-content img {
max-height: 320px;
width: auto;
}
.post_white_section .post-content .post-social {
margin-top: 32px;
}
.post_white_section .post-content h2 {
font-size: 22px;
letter-spacing: 0.82px;
color: #222222;
}
.post_white_section .post-content p {
font-family: 'National-Light';
font-size: 18px;
}
.post_white_section .post-content ol,
.post_white_section .post-content ul {
list-style: initial;
padding-left: 20px;
margin-bottom: 20px;
}
.post_white_section .post-content ol li,
.post_white_section .post-content ul li {
margin-bottom: 10px;
}
.post_white_section .post-nav {
margin-bottom: 48px;
}
.post_white_section .post-nav a,
.post_white_section .post-nav a:hover {
color: #4a4a4a;
font-size: 18px;
text-decoration: none;
position: relative;
}
.post_white_section .post-nav a:before,
.post_white_section .post-nav a:after {
position: absolute;
top: -3px;
}
.post_white_section .post-nav .alignleft {
margin: 0;
}
.post_white_section .post-nav .alignleft a {
padding-left: 30px;
}
.post_white_section .post-nav .alignleft a:before {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_White-1.png) !important;
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
left: 0;
}
.post_white_section .post-nav .alignright {
margin: 0;
}
.post_white_section .post-nav .alignright a {
padding-right: 30px;
}
.post_white_section .post-nav .alignright a:after {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_White-1.png) !important;
background-size: contain;
background-repeat: no-repeat;
right: 0;
}
.post-social-wrap {
text-align: right;
}
.post-social-wrap .share-trig {
font-size: 15px;
cursor: pointer;
}
.post-social-wrap .post-social {
display: none;
box-shadow: 3px 3px 5px 1px #ccc;
background-color: #fff;
border-radius: 20px;
padding: 10px 4px 10px 14px;
position: absolute;
right: -45px;
top: 30px;
z-index: 1;
}
.post-social-wrap .post-social:before {
content: '';
background: url(//haven.co.nz/app/themes/BBTFramework/images/social-arrow.png) center center no-repeat transparent;
left: 0;
right: 0;
top: -11px;
position: absolute;
height: 11px;
}
@media (max-width: 1025px) {
.post-social-wrap .post-social {
right: -12px;
}
.post-social-wrap .post-social:before {
background-position: center right 13px;
}
}
.post-social {
font-size: 18px;
}
.post-social i {
font-size: 18px;
}
.post-social span {
display: inline-block;
margin-right: 10px;
}
.post-social span i {
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
.post-social div {
display: inline-block;
margin-right: 10px;
}
.post-social div i {
cursor: pointer;
vertical-align: middle;
}
.post-social div i:hover {
color: #006bc0;
}
.post-grid > .row > div {
padding: 0;
border-bottom: 1px solid #f6f6f6;
margin-bottom: 46px;
padding: 0 15px 18px;
}
@media (min-width: 769px) {
.post-grid > .row > div:nth-of-type(even) {
padding-right: 10px;
padding-left: 0px;
}
.post-grid > .row > div.search-col:nth-of-type(even) {
padding-left: 10px;
padding-right: 0;
}
.post-grid > .row > div:nth-of-type(odd) {
padding-left: 10px;
padding-right: 0;
}
.post-grid > .row > div.search-col:nth-of-type(odd) {
padding-right: 10px;
padding-left: 0;
}
.post-grid > .row > div:first-of-type {
padding: 0;
}
}
.post-grid .post-image {
background: url(//haven.co.nz/app/themes/BBTFramework/images/logo-white.png) center center no-repeat #00bce7;
background-size: 132px 33px;
height: 254px;
margin-bottom: 26px;
overflow: hidden;
}
.post-grid .post-image a {
display: flex;
position: relative;
height: 100%;
align-items: center;
vertical-align: middle;
}
.post-grid .post-image figure.vc_figure {
display: block;
height: 100%;
}
.post-grid .post-image figure.vc_figure a {
display: block;
position: relative;
height: 100%;
}
.post-grid .post-content-wrapper > .row {
margin: 0;
}
.post-grid .post-content-wrapper > .row > div {
padding: 0;
}
.post-grid .post-content-wrapper a,
.post-grid .post-content-wrapper a:hover {
text-decoration: none;
color: #00bce7;
}
.post-grid .post-content-wrapper .post-category a {
color: #00bce7;
}
.post-grid .post-content-wrapper .post-date {
border-right: 1px #00bce7 solid;
padding-right: 10px;
margin-right: 10px;
}
.post-grid .post-pagination {
text-align: center;
padding: 0 !important;
border: none !important;
}
.post-grid .post-pagination span {
color: #d4d4d4;
display: inline-block;
margin: 0 10px;
font-family: 'National-Medium';
}
.post-grid .post-pagination span.current {
color: #00bce7;
}
.post-grid .post-pagination a {
font-family: 'National-Medium';
color: #d4d4d4;
font-size: 15px;
display: inline-block;
margin: 0 10px;
}
.post-grid .post-pagination a:hover {
text-decoration: none;
}
.post-grid .post-pagination a.next,
.post-grid .post-pagination a.prev {
color: transparent;
text-indent: -9999px;
width: 20px;
height: 20px;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_White-1.png) !important;
background-size: contain;
background-repeat: no-repeat;
}
.post-grid .post-pagination a.next {
left: 0;
}
.post-grid .post-pagination a.prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
left: 0;
}
.post-search-result {
font-size: 20px;
color: #00bce7;
text-align: center;
font-family: 'National-Thin';
margin-bottom: 46px;
}
.search-grid {
display: none;
}
.blog-header {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Blog_Banner.png) top center no-repeat;
background-repeat: no-repeat;
background-size: cover;
}
.blog-header p {
font-size: 30px;
padding: 65px 0 69px;
color: #fff;
font-family: 'National-Thin';
text-align: center;
line-height: 1.5em;
letter-spacing: 1px;
}
.vertical-mid {
align-items: center;
}
.why-financial-adviser-inner-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.why-financial-adviser-inner-bg .vc_col-has-fill > div {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.why-financial-adviser-inner-bg div {
height: 100%;
margin: 0;
padding: 0 !important;
}
.why-financial-adviser-inner-bg figure {
position: absolute;
top: 35%;
cursor: pointer;
}
@media (max-width: 767px) {
.why-financial-adviser-inner-bg {
position: relative;
min-height: 350px;
}
.why-financial-adviser-inner-bg .vc_col-has-fill > div {
min-height: 350px;
}
}
.video-deployed {
position: fixed;
width: 80%;
z-index: 1000;
left: 0;
top: 0;
right: 0;
display: none;
margin-left: auto !important;
margin-right: auto !important;
margin-top: auto !important;
margin-bottom: auto !important;
}
.home-video video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
#black-screen {
width: 100%;
height: 100vh;
background: #000;
position: fixed;
z-index: 99999;
display: none;
opacity: 0.8;
cursor: pointer;
}
.haven-pay-off h5 {
font-family: 'National-Thin';
color: #2d2d2d;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.82px;
}
.haven-pay-off > div {
padding-left: 15px;
padding-right: 15px;
}
.error-main-wrap {
padding: 74px 0;
}
.error-main-wrap img {
display: block;
margin: auto;
}
.error-main-wrap .error-main {
font-size: 15px;
text-transform: uppercase;
color: #00bce7;
margin-bottom: 32px;
font-family: 'National-Regular';
}
.error-main-wrap .error-title {
font-size: 25px;
line-height: 30px;
color: #006bc0;
letter-spacing: 1.14px;
margin-bottom: 32px;
}
.error-main-wrap .error-content {
font-size: 18px;
margin-bottom: 32px;
line-height: 23px;
font-family: 'National-Thin';
}
.error-main-wrap .error-btns > div {
display: inline-block;
margin-right: 10px;
}
.error-main-wrap .error-btns > div.button-white a {
border: 1px #00bce7 solid !important;
color: #2d2d2d !important;
background-size: auto 32px;
background-position: top -1px right -1px;
padding: 5px 40px 6px 8px !important;
}
.error-main-wrap .error-btns > div.button-blue a {
background-size: auto 32px;
background-position: top -1px right -1px;
padding: 5px 40px 6px 8px !important;
}
.top-parent-288 .top-container {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Mortgages_ArticleBanner.png) top center no-repeat;
background-size: cover;
}
.top-parent-5 .top-container {
background: url(//haven.co.nz/app/themes/BBTFramework/images/KiwiSaver_ArticleBanner.png) top center no-repeat;
background-size: cover;
}
.top-parent-473 .top-container {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Insurance_ArticleBanner.png) top center no-repeat;
background-size: cover;
}
.top-parent-691 .top-container {
background: url(//haven.co.nz/app/themes/BBTFramework/images/Accounting_ArticleBanner.png) top center no-repeat;
background-size: cover;
}
.fixed-footer {
position: fixed;
width: 100%;
bottom: 0;
}
.blog-home-grid .vc_grid-item {
margin-bottom: 10px;
padding-bottom: 0 !important;
padding-left: 12px !important;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top {
position: relative;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top .vc_gitem-col {
padding: 0;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top .vc_gitem-col .blog-home {
margin-bottom: 0;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top .vc_gitem-col .blog-home a {
color: #4a4a4a;
padding-right: 40px;
display: block;
font-size: 18px;
font-family: 'National-Regular';
max-height: 22px;
overflow: hidden;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top .vc_gitem-col .blog-home a:hover {
color: #006bc0;
opacity: 1;
}
.blog-home-grid .vc_gitem-zone-a .vc_gitem-row-position-top .vc_gitem-col .blog-home:before {
content: '';
background-image: url(//haven.co.nz/app/uploads/2017/08/arrow-benefits.png);
width: 12px;
height: 9px;
position: relative;
top: 8px;
right: 25px;
float: right;
}
.service-wrap .vc_column-inner {
padding: 0 !important;
}
text {
font-family: 'National-Light';
}
.page-accounting .ks-m-top h3 {
font-size: 25px;
}
.page-accounting .ks-m-top p {
max-width: 274px;
font-size: 18px;
line-height: 24px;
}
.about-personal-business h2,
.our-values h2 {
color: #00bce7;
}
.ui-tooltip {
color: #006bc0;
font-family: 'National-Regular';
font-size: 12px;
padding: 8px 18px;
background-color: transparent;
box-shadow: none;
border: none !important;
background-image: url(//haven.co.nz/app/themes/BBTFramework/images/tooltip.png);
text-align: center;
width: 106px;
height: 40px;
}
.gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
margin-top: 0;
}
.i-p-banner.mobile {
display: none;
}
.i-p-banner.mobile h3 {
color: #2d2d2d;
font-family: 'National-Medium';
font-size: 14px;
line-height: 18px !important;
}
.i-p-banner.mobile h5 {
font-size: 20px;
font-family: 'National-Light';
color: #00bce7;
letter-spacing: 0.91px;
}
.i-p-banner.mobile .button-blue {
display: block;
text-align: center;
}
.i-p-banner.mobile p,
.i-p-banner.mobile li {
font-family: 'National-Light';
font-size: 14px;
line-height: 18px;
}
@media (max-width: 767px) {
.i-p-banner.mobile {
display: block;
}
.i-p-banner.desktop {
display: none;
}
}
.video-banner {
padding: 0;
}
.video-banner > div:first-of-type {
padding: 0 20px;
}
@media (min-width: 768px) {
.video-banner > div:first-of-type {
padding: 0 20px 0 10px;
margin-left: 10px;
}
}
.acc-accounting .wpb_single_image {
min-height: 150px;
}
.acc-accounting img {
height: auto;
width: auto;
max-height: 200px;
}
.acc-accounting .ks-m-top p,
.acc-accounting p {
max-width: 80%;
margin: auto;
font-size: 18px;
line-height: 24px;
}
.page-accounting .acc-accounting img {
height: auto;
max-height: 200px;
max-width: 234px;
} #mobile_header {
height: 80px;
display: none;
background: #00bce7;
position: relative;
z-index: 999;
}
@media (max-width: 985px) {
#mobile_header {
display: block;
}
}
#mobile_header .cd-dropdown {
top: 80px;
font-size: 20px;
font-weight: 300;
background: #00bce7;
}
#mobile_header .cd-dropdown-content a,
#mobile_header .cd-dropdown-content ul a {
color: #fff;
border-color: #fff;
padding: 0;
font-family: 'National-Light';
}
#mobile_header .cd-dropdown-content,
#mobile_header .cd-dropdown-content ul {
padding: 25px 20px;
}
#mobile_header .has-children > a::before,
#mobile_header .go-back a::after {
display: none;
}
#mobile_header .has-children > a::after {
background: url(//haven.co.nz/app/themes/BBTFramework/images/mob-arrow.png);
width: 15px;
height: 11px;
transform: rotate(0deg);
top: 42%;
right: 0;
}
#mobile_header .go-back a::before {
background: url(//haven.co.nz/app/themes/BBTFramework/images/mob-arrow-back.png);
width: 15px;
height: 11px;
transform: rotate(0deg);
top: 42%;
left: 0;
}
#mobile_header .cd-dropdown-content .go-back {
position: sticky;
top: 0;
z-index: 2;
background: #00bce7;
}
#mobile_header .cd-dropdown-content .go-back a {
color: #fff;
font-weight: 700;
padding-left: 30px;
font-family: 'National-Regular';
text-transform: uppercase;
}
#mobile_header h3 {
margin: 0;
z-index: 2;
position: fixed;
background: #00bce7;
width: 100%;
height: 80px;
}
#mobile_header h3 img {
margin: 25px 0 0 25px;
max-width: 125px;
}
#mobile_header .cd-dropdown-trigger {
display: inline-block;
background: none;
padding-right: 0;
padding-left: 0;
float: right;
}
#mobile_header .cd-dropdown-trigger::before {
content: "";
display: none;
}
#mobile_header .cd-dropdown-content .go-back a::before,
#mobile_header .cd-dropdown-content .go-back a::after {
left: 5px;
}
#mobile_header .cd-dropdown-trigger::after {
content: "\f0c9";
font-family: "FontAwesome";
font-weight: normal;
color: #fff;
background: #00bce7;
margin: 0.3em 0;
display: inline-block;
padding: 0.5em 0.8em 0.5em 0.8em;
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
height: auto;
width: auto;
}
#mobile_header .cd-dropdown-trigger.dropdown-is-active::after {
content: "\f00d";
}
#mobile_header ul.cd-dropdown-content p {
font-size: 28px;
font-weight: 700;
color: #fb002c;
margin: 20px;
font-family: "TradeGothicLTStd-Light";
}
#mobile_header .sub-menu {
background: #00bce7;
z-index: 2;
}
.ks-slider.desktop .bx-viewport {
z-index: 2;
}
@media (min-width: 1025px) {
.ks-slider.desktop .bx-controls {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.ks-slider.desktop .bx-controls .bx-controls-direction {
bottom: 50%;
}
}
.ks-slider.mobile {
display: none;
}
.ks-slider.mobile .bx-viewport {
min-height: 90vh;
}
@media (max-width: 767px) {
.ks-slider.desktop {
display: none;
}
.ks-slider.mobile {
display: block;
}
}
#articles {
padding-top: 20px;
}
#articles h2 {
font-size: 27px;
}
.play-me {
cursor: pointer;
position: relative;
z-index: 999;
}
.page-template-kiwisaver-php h2 {
font-size: 22px;
}
.page-our-accounting-packages .other-services {
display: none;
}
.packageMainHeader {
font-size: 25px;
}
@media (min-width: 768px) {
.havenBenefits > div {
max-width: 23.5%;
margin: 0 1%;
}
}
.havenBenefits > div:first-of-type {
margin-left: 0;
}
.havenBenefits > div:last-of-type {
margin-right: 0;
}
.havenBenefits p {
font-size: 14px !important;
line-height: 18px !important;
}
.havenBenefits i {
font-size: 35px;
color: #006bc0;
}
@media (min-width: 768px) {
.havenBenefits {
padding: 0;
}
}
.checkList {
background-color: #fff;
}
@media (min-width: 768px) {
.checkList {
margin: 0 1%;
max-width: 32%;
}
}
@media (max-width: 768px) {
.checkList {
margin-bottom: 20px;
}
}
.checkList:first-of-type {
margin-left: 0;
}
.checkList:last-of-type {
margin-right: 0;
}
.checkList h2,
.checkList h6 {
text-align: center;
}
.checkList h6 {
font-size: 12px;
color: #006bc0;
text-transform: uppercase;
}
.checkList h2 {
font-size: 25px;
}
.checkList ul li {
list-style-image: url(//haven.co.nz/app/themes/BBTFramework/images/check-list.png);
margin-bottom: 15px;
font-size: 14px !important;
}
.checkList .packHead {
background-color: #00bce7;
color: #fff;
font-size: 25px;
letter-spacing: 1.14px;
padding: 20px 0;
}
.checkList .wpb_text_column {
margin-bottom: 70px;
padding: 0 30px;
}
.checkList .wpb_text_column h2 {
font-size: 65px;
line-height: 65px !important;
margin-bottom: 30px !important;
}
.checkList .button-blue {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
}
.checkList .button-blue a {
width: 100%;
font-size: 13px !important;
}
.packageDisc p {
border-top: 1px solid #e1e1e1;
font-size: 14px !important;
line-height: 18px !important;
color: #4a4a4a;
padding-top: 10px;
}
.packageDisc p em {
font-style: italic;
}
input[type=text],
input[type=email],
textarea {
appearance: none;
-webkit-appearance: none;
}
@media (max-width: 985px) {
.header-wrap {
display: none;
}
}
@media (max-width: 767px) {
.header-wrap {
padding: 25px 0 32px;
position: relative;
background: #fff;
z-index: 1;
}
#header {
padding: 0;
position: relative;
z-index: 0;
}
#navigation .nav-home,
#navigation .nav-close {
width: 30px;
height: 30px;
background: #2d2d2d;
font-size: 18px;
}
#navigation .nav-home:before,
#navigation .nav-close:before {
color: #00bce7;
}
#navigation h3 {
display: none;
}
#navigation ul {
display: block;
}
#navigation ul > li .sub-menu {
width: auto;
}
#navigation ul > li .sub-menu li {
text-align: left;
display: block;
padding-right: 0 !important;
}
.nav-toggle {
position: absolute;
right: 0;
z-index: 1;
border: none;
text-align: right;
background: #fff;
margin: 0;
}
.nav-toggle:before {
color: #00bce7;
text-shadow: none;
font-size: 22px;
padding: 13px 0 0;
margin-right: 30px;
}
.nav-toggle a {
display: none;
}
.mort-three > div:first-of-type {
padding-left: 15px;
}
.mort-three > div:last-of-type {
padding-right: 15px;
}
}
@media (min-width: 768px) {
#navigation,
#navigation ul.nav,
section.menus {
position: initial !important;
}
#navigation {
width: auto;
transform: initial !important;
}
#navigation ul.nav > li > a:hover {
color: #00bce7;
}
#navigation ul.nav > li > ul.sub-menu {
position: absolute;
width: 208px;
box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.5);
}
#navigation ul.nav > li > ul.sub-menu > li {
padding: 0 10px;
}
#navigation ul.nav > li > ul.sub-menu > li:hover {
background-color: #00bce7 !important;
}
#navigation ul.nav > li > ul.sub-menu > li:hover > a {
color: #fff;
}
#navigation ul.nav > li > ul.sub-menu > li > a {
color: #444;
font-size: 14px;
padding: 12px 0 !important;
text-transform: none;
border-bottom: 1px solid #f6f6f6;
}
#navigation ul.nav > li > ul.sub-menu > li > a i {
position: absolute;
top: 7px;
right: 0;
}
#navigation ul.nav > li > ul.sub-menu > li > a:hover {
color: #fff;
border-bottom: 1px solid #00bce7;
}
#navigation ul.nav > li > ul.sub-menu > li:last-of-type > a {
border-bottom: none;
}
#navigation ul.nav > li > ul.sub-menu > li ul.sub-menu {
background-color: #f6f6f6;
width: 200px;
padding: 0 10px 10px;
box-shadow: inset 4px 1px 6px -4px rgba(0, 0, 0, 0.5);
top: 0;
}
#navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a {
border-bottom: 1px solid #ebebeb;
}
#navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li a:hover {
color: #00bce7;
}
#navigation ul.nav > li > ul.sub-menu > li ul.sub-menu > li:last-of-type a {
border-bottom: none;
}
.v-c-m {
margin: 0 12%;
}
}
.page-home .top-container-new__left {
min-height: 535px;
}
.page-home .top-container-new__right {
background-image: radial-gradient(circle 309px at 228.63% 81.4%, #48d2f2 0%, #00bce7 100%);
padding: 60px 30px;
}
.page-home .top-container-new__right > .vc_column-inner {
padding: 0 15px;
}
.page-home .top-container-new__right > .vc_column-inner > .wpb_wrapper {
padding: 0 15px;
}
.page-home .top-container-new__right .title h1 {
color: #ffffff;
font-size: 40px;
font-weight: 300;
line-height: 40px;
letter-spacing: 1.82px;
margin-bottom: 24px;
font-family: 'National-Light';
}
.page-home .top-container-new__right .content p {
color: #ffffff;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.59px;
}
.page-home .top-container-new__right .button-white a.vc_btn3 {
padding: 7px 85px 7px 55px !important;
font-family: 'National-Light';
background-color: transparent!important;
color: #FFF!important;
background-image: url(//haven.co.nz/app/uploads/2018/01/ArrowButton_Blue-transparent.png) !important;
}
@media (min-width: 992px) {
.page-home .top-container-new__right {
padding: 0 30px;
min-height: 535px;
}
}
@media (max-width: 940px) {
.page-home .top-container-new__left,
.page-home .top-container-new__right {
min-height: 335px;
}
} .page-jobs #mobile_header{
height: 0;
}
.page-jobs #inner-wrapper>.content{
padding-top: 0;
}
.page-jobs .header-wrap #header,
.page-jobs #mobile_header,
.page-jobs #mobile_header h3 {
background-color: rgba(255, 255, 255, 0.2);
}
.page-jobs .header-wrap #header #navigation ul.nav > li a{
color: #FFF;
}
.page-jobs .header-wrap #header.scrolling {
background: #fff;
}
.page-jobs .header-wrap #header.scrolling #navigation ul.nav > li a{
color: #2d2d2d;
}
.haven-container-a{
max-width: 780px;
}
.haven-container-a p{
font-size: 18px;
font-weight: 300;
letter-spacing: 0.82px;
}
.featured-title,
.featured-title h3{
color: #00bce7;
font-size: 20px;
font-weight: 300;
line-height: 25px;
letter-spacing: 0.91px;  
}
.featured-title{
margin-bottom: 30px;
}
.featured-title h3{
margin: 0;
}
.featured-content,
.featured-content p{
color: #4a4a4a;
font-size: 14px !important;
font-weight: 300;
letter-spacing: 0.64px;  
}
.featured-content p:last-child{
margin-bottom: 0;
}
.hide-temporary {
display: none;
}
.job-section-title{
color: #00bce7;
font-size: 40px;
font-weight: 300;
line-height: 40px; 
letter-spacing: 1.82px;  
}
.job-box h4{
color: #00bce7;
font-family: "National-Light";
font-size: 25px;
font-weight: 300;
line-height: 25px; letter-spacing: 1.14px;
margin-bottom: 10px;
}
.job-box .job-location{
color: #00bce7;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.55px;   
margin-bottom:15px;
font-family: "National-Light";
}
.job-box .post-blurb,
.job-box .post-blurb p{
color: #4a4a4a;
font-family: "National-Light";
font-size: 14px;
font-weight: 300;
letter-spacing: 0.64px;  
line-height: 17px !important;
}
.job-box .post-blurb{
margin-bottom: 15px;
}
.job-box .post-blurb p:last-child{
margin-bottom: 0;
}
.job-box .job-type,
.job-box .job-status {
font-family: "National-Light";
display: inline;
font-size: 14px;
color: #4a4a4a;
letter-spacing: 0.64px;  
margin-right: 10px;
}
.job-box .job-status {
border-left: 1px solid #dadada;
padding-left: 10px;
}
.job-status.job-expired {
color: #d0021b;
}
.job-box .job-type{
display: inline;
}
.job-box .button-white-black{
margin-top: 25px;
}
.job-box .button-white-black a{
color: #4a4a4a !important;
font-family: "National-Light";
font-size: 14px;
font-weight: 300;
letter-spacing: 0.64px;  
padding: 12px 40px 12px 8px !important;
}
.job-box .button-white-black a, .job-box .button-white-black a:active{
padding: 7px 40px 7px 8px !important; 
}
.job-box .job-metas strong{
color: #d0021b;
font-weight: 300;
}
.job-rows{ }
.job-rows:after {
content: '';
display: block;
width: 100%;
clear: both;
margin-bottom: 44px;
height: 44px;    
}
.job-separator{
border-bottom: 1px solid #dadada;
display: block;
width: 100%;
clear: both;
margin-bottom: 44px;
height: 44px;
}
@media (max-width: 375px) {
.job-rows{
margin-top: 21px;  
}  
.job-rows .job-separator{
display: none;
}
.job-rows .job-box{
margin-bottom: 44px;
}
.job-rows .job-box:last-child{
margin-bottom: 0;
}
.job-box .post-blurb {
margin-bottom: 29px;
}  
.job-box .button-white-black a{
display: block;
color: #4a4a4a;
font-family: "National-Book";
font-size: 16px;
font-weight: 300;
letter-spacing: 0.73px;   
text-align: center; 
}
} .single-job #mobile_header h3{
background-color: #fff;
}
.single-job #mobile_header .cd-dropdown-trigger::after{
background-color: #fff;
color: #00bce7;
}
.page-jobs #mobile_header .cd-dropdown-trigger::after{
background: transparent;
}
.single-job .haven-breadcrumbs {
box-shadow: none;
}
.single-job .post-title {
color: #00bce7;
font-family: 'National-Light';
font-size: 40px;
font-weight: 300;
line-height: 40px;
letter-spacing: 1.82px;
}
.job-metas {
color: #2d2d2d;
font-family: "National-Medium";
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.55px;
color: #dadada;
letter-spacing: 0.55px;
}
.job-metas span {
border-right: 1px solid #dadada;
color: #2d2d2d;
letter-spacing: 0.55px;
margin-right: 5px;    
padding-right: 5px;    
font-size: 14px;
}
.job-metas span:last-child {
border-right: none;
}
.career-section .section-title {
color: #006bc0;
font-size: 25px;
font-weight: 300;
line-height: 25px; letter-spacing: 1.14px;
}
.career-section .section-subtitle {
color: #00bce7;
font-size: 20px;
font-weight: 300;
line-height: 25px;        
letter-spacing: 0.91px;
margin-top: 30px;
margin-bottom: 12px !important;
}
.career-summary {
border-bottom: 1px solid #f6f6f6;
}
.career-section .section-content{
margin: 20px 0 30px;
font-family: "National-Light";
color: #4a4a4a;
}
.career-section .section-content p:last-child{
margin-bottom: 0;
}
.career-summary .section-content,
.career-summary .section-content p{
font-size: 18px;
font-weight: 300; 
letter-spacing: 0.82px;
}
.career-role .section-content{
padding-top: 0;
}
.career-role .section-content,
.career-role .section-content p{
font-size: 14px;
font-weight: 300;
letter-spacing: 0.64px;
}
.career-requirement .section-content{
margin-top: 0;
}
.career-requirement .section-content,
.career-requirement .section-content p{
font-size: 14px;
font-weight: 300;
letter-spacing: 0.64px;
}
.career-section .section-content ul{
margin-top: 30px;
}
.career-section .section-content ul li{
margin-top: 15px;
}
.career-section .section-content ul li::before {
content: "•";
color: #4a4a4a;
margin-right: 15px
}
.career-contacts a {
color: #FFF;
}
.career-contact-email {
text-align: center;
background-image: radial-gradient(circle 294px at 34.21% 1365.47%, #48d2f2 0%, #00bce7 100%);
padding-top: 25px;
padding-bottom: 25px;
margin-top: 20px;
}
.career-contact-email .section-content,
.career-contact-email .section-content p{
color: #ffffff;
font-family: "National-Medium";
font-size: 15px;
font-weight: 500;
text-transform: none !important;
letter-spacing: 1.6px;  
}
@media (max-width: 375px) {
.single-job .post-title {
text-align: center;
}
.job-metas {
text-align: center;
margin-bottom: 25px;
}  
.job-metas span.job-status{
display: block;
margin-right: 0;
padding-right: 0;
}  
.job-metas .job-type {
border-right: none;
margin-right: 0;
padding-right: 0;      
}  
.single-job .post-social > span{
display: block;
margin-bottom: 20px;
margin-right: 0;
}
.single-job .post-social .button{
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
background-color: #ffffff;    
border-radius: 100%;
width: 44px;
height: 44px;
padding: 14px 15px;
margin-left: 5px;
margin-right: 5px;
}
.career-contact-email {
padding-top: 5px;
padding-bottom: 5px;
}  
} #navigation ul.nav > li > ul.sub-menu > li.apply-menu {
background: #00bce7;
}
#navigation ul.nav > li > ul.sub-menu > li.apply-menu > a {
color: #fff;
}
#navigation ul.nav > li > ul.sub-menu > li.apply-menu:hover {
background: #fff !important;
}
#navigation ul.nav > li > ul.sub-menu > li.apply-menu:hover > a {
color: #2d2d2d;
}