html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font:normal 13px 'barlowregular' Arial, Helvetica, sans-serif;}
@font-face {
font-family: 'courgetteregular';
src: url('../fonts/courgette-regular-webfont.eot');
src: url('../fonts/courgette-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/courgette-regular-webfont.woff2') format('woff2'),
url('../fonts/courgette-regular-webfont.woff') format('woff'),
url('../fonts/courgette-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlowregular';
src: url('../fonts/barlow-regular-webfont.eot');
src: url('../fonts/barlow-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/barlow-regular-webfont.woff2') format('woff2'),
url('../fonts/barlow-regular-webfont.woff') format('woff'),
url('../fonts/barlow-regular-webfont.ttf') format('truetype'),
url('../fonts/barlow-regular-webfont.svg#barlowregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlowmedium';
src: url('../fonts/barlow-medium-webfont.eot');
src: url('../fonts/barlow-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/barlow-medium-webfont.woff2') format('woff2'),
url('../fonts/barlow-medium-webfont.woff') format('woff'),
url('../fonts/barlow-medium-webfont.ttf') format('truetype'),
url('../fonts/barlow-medium-webfont.svg#barlowmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlowsemibold';
src: url('../fonts/barlow-semibold-webfont.eot');
src: url('../fonts/barlow-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/barlow-semibold-webfont.woff2') format('woff2'),
url('../fonts/barlow-semibold-webfont.woff') format('woff'),
url('../fonts/barlow-semibold-webfont.ttf') format('truetype'),
url('../fonts/barlow-semibold-webfont.svg#barlowsemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('../fonts/lato-regular-webfont.eot');
src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato-regular-webfont.woff2') format('woff2'),
url('../fonts/lato-regular-webfont.woff') format('woff'),
url('../fonts/lato-regular-webfont.ttf') format('truetype'),
url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold';
src: url('../fonts/lato-bold-webfont.eot');
src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato-bold-webfont.woff2') format('woff2'),
url('../fonts/lato-bold-webfont.woff') format('woff'),
url('../fonts/lato-bold-webfont.ttf') format('truetype'),
url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'squada_oneregular';
src: url('../fonts/squadaone-regular-webfont.eot');
src: url('../fonts/squadaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/squadaone-regular-webfont.woff2') format('woff2'),
url('../fonts/squadaone-regular-webfont.woff') format('woff'),
url('../fonts/squadaone-regular-webfont.ttf') format('truetype'),
url('../fonts/squadaone-regular-webfont.svg#squada_oneregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'capriolaregular';
src: url('../fonts/capriola-regular-webfont.eot');
src: url('../fonts/capriola-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/capriola-regular-webfont.woff2') format('woff2'),
url('../fonts/capriola-regular-webfont.woff') format('woff'),
url('../fonts/capriola-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oxygenregular';
src: url('../fonts/oxygen-regular-webfont.eot');
src: url('../fonts/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oxygen-regular-webfont.woff2') format('woff2'),
url('../fonts/oxygen-regular-webfont.woff') format('woff'),
url('../fonts/oxygen-regular-webfont.ttf') format('truetype'),
url('../fonts/oxygen-regular-webfont.svg#oxygenregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oxygenbold';
src: url('../fonts/oxygen-bold-webfont.eot');
src: url('../fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oxygen-bold-webfont.woff2') format('woff2'),
url('../fonts/oxygen-bold-webfont.woff') format('woff'),
url('../fonts/oxygen-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratregular';
src: url('../fonts/montserrat-regular-webfont.eot');
src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
url('../fonts/montserrat-regular-webfont.woff') format('woff'),
url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*--GENERAL STYLES--*/
*{margin:0px; padding:0px;}
img{outline:none; border:none; background:none;}
h1{font: normal 28px 'oxygenbold'; color: #000; letter-spacing: 0.02em; margin: 20px 0px 30px 0; float: left;}
h2{font: normal 22px 'squada_oneregular'; color: #4a4949; letter-spacing: 0.02em; line-height: 1.6em; float: left;}
h3{font: normal 20px 'squada_oneregular'; color: #ac8e05; letter-spacing: 0.04em; line-height: 1.6em; margin: 20px 0 0; float: left; clear: left;}
h4{font: normal 20px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.04em; line-height: 1.6em;}
h4 a{font: normal 20px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.04em; line-height: 1.6em; text-decoration: none;}
h4 a:hover{font: normal 20px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.04em; line-height: 1.6em; text-decoration: none;}
p{font: normal 14px 'latoregular'; color: #000; letter-spacing: 0.06em; line-height: 1.8em; margin: 10px 0; clear: left;}
p a{font: normal 14px 'latoregular'; color: #000; letter-spacing: 0.06em; text-decoration: none;}
p a:hover{font: normal 14px 'latoregular'; color: #000; letter-spacing: 0.06em; text-decoration: none;}
#innerpg p{font:normal 14px 'oxygenregular'; color: #000; letter-spacing: 0.08em; line-height: 1.8em; margin: 10px 0 12px; clear: left;}
#innerpg p a{font: normal 14px 'oxygenregular'; color: #ac8e05; letter-spacing: 0.08em; text-decoration: none;}
#innerpg p a:hover{font: normal 14px 'oxygenregular'; color: #ac8e05; letter-spacing: 0.08em; text-decoration: none;}
#innerpg p b{font:normal 14px 'oxygenbold'; color: #000; letter-spacing: 0.06em; line-height: 1.8em; margin: 10px 0 12px; clear: left;}
#innerpg p b a{font: normal 14px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.06em; text-decoration: none;}
#innerpg p b a:hover{font: normal 14px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.06em; text-decoration: none;}
ul{list-style: url(../images/double-arrow.png); list-style-position: inside; margin:15px 0 10px 20px;}
ul li{font: normal 14px 'latoregular'; color: #131313; letter-spacing: 0.08em; line-height: 1.6em; margin: 0 0 15px;}
ul li a{font: normal 14px 'latoregular'; color: #131313; letter-spacing: 0.08em; text-decoration: none;}
ul li a:hover{font: normal 14px 'latoregular'; color: #131313; letter-spacing: 0.08em; text-decoration: none;}
ul li ul{list-style: url(../images/orange-arrow.png);; list-style-position: inside; margin:10px 0 10px 20px; float: left;}
ul li ul li{margin: 0 0 10px;}
ol{list-style-position: outside; margin:20px 0 0px 20px;}
ol li{font: normal 13px 'latoregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em; margin: 0 0 15px;}
ol li a{font: normal 13px 'latoregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
ol li a:hover{font: normal 13px 'latoregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
/*--GENERAL STYLES--*/
/*--COMMON STYLES--*/
.clear{clear:both;}
.clr-none{clear: none !important;}
.no-border{border:none !important;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.auto-margin{margin:0 auto; float:none!important;}
.float-lt{float:left !important;}
.float-rt{float:right !important;}
.float-none{float:none !important;}
.txt-center{text-align:center;}
.txt-left{text-align:left;}
.black{color: #000 !important;}
.gold{color:#ac8e05 !important;}
.content-area{width: 1000px; margin: 0 auto;}
.more{font: normal 12px 'latobold'; color: #ac8e05; letter-spacing: 0.06em;}
.more a{font: normal 12px 'latobold'; color: #ac8e05; letter-spacing: 0.06em; text-decoration: none;}
.more a:hover{font: normal 12px 'latobold'; color: #ac8e05; letter-spacing: 0.06em; text-decoration: none;}
.btn{width: 150px; height: 14px; margin: 20px auto 0; float: none; background: url(../images/btn-bg.png) top left no-repeat; font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none; padding: 10px 0;}
.btn a{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
.btn a:hover{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
.breadcrum{width: 100%; float: left; font: normal 14px 'latobold'; color: #ac8e05; letter-spacing: 0.04em; margin:20px 0 20px;}
.breadcrum a{font: normal 14px 'latobold'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
.breadcrum a:hover{font: normal 14px 'latobold'; color: #ac8e05; letter-spacing: 0.04em; text-decoration: none;}
.breadcrum span{font: normal 15px 'capriolaregular'; color: #131313; margin: 0 10px;}
/*--LINK HOVER EFFECT--*/
/*--DOT EFFECT--*/
.cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
float: left;
}
.cl-effect-13 a::before {
position: relative;
top: 13px;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
margin: 0 0 17px;
float: left;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #ce9703;
text-shadow: 10px 0 #ce9703, -10px 0 #ce9703;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ac8e05;
}
/*--DOT EFFECT--*/
/*--UNDERLINE EFFECT--*/
.cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: relative;
top: -5px;
left: 0;
width: 100px;
height: 1px;
background: #ddd;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
float: left;
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/*--UNDERLINE EFFECT--*/
/*--BUTTON EFFECT--*/
.cl-effect-10 {position: relative; z-index: 1; float: left;}
.cl-effect-10 a {overflow: hidden; margin: 25px 0 20px; position: relative; display: inline-block; outline: none; text-decoration: none; text-transform: uppercase; text-shadow: 0 0 1px rgba(255,255,255,0.3); font: normal 18px 'squada_oneregular'; color: #fff; letter-spacing: 0.08em;}
.cl-effect-10 a span {display: block; padding:10px 30px; background: #CBA43D;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {position: absolute; top: 0; left: 0; z-index: -1; padding: 10px 30px; width: 100%; height:100%;
background: #fff; color: #CBA43D; content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
/*--BUTTON EFFECT--*/
/*--LINK HOVER EFFECT--*/
/*--COMMON STYLES--*/
/*--HEADER STARTS--*/
header{width: 100%; float: left; background: #f7f7f7; padding: 10px 0 8px;}
header #logo{width: 25%; float: left;}
header #logo img{width: 200px; height: 78px;}
/*--MENU STARTS--*/
header nav{width: 73%; float: right;}
header nav span.active{font: normal 14px 'barlowmedium'; color: #ae8f43; letter-spacing: 0.06em;}
header nav a{font: normal 14px 'barlowmedium'; color:#362821; letter-spacing:0.06em; position:relative; display:inline-block; margin:30px 11px 0 11px; text-decoration:none; float:left;}
/*--FOR IE & MS EDGE--*/
@media screen and (min-width:0\0) {
header nav a{font:normal 14px 'barlowmedium'; color:#362821; letter-spacing:0.06em; position:relative; display:inline-block; margin:30px 11px 0 11px; text-decoration:none; float:left;}
}
@supports (-ms-ime-align:auto) {
header nav a{font:normal 14px 'barlowmedium'; color:#362821; letter-spacing:0.06em; position:relative; display:inline-block; margin:30px 11px 0 11px; text-decoration:none; float:left;}
}
/*--FOR IE & MS EDGE--*/
header nav #dd a{margin: 30px 18px 0 0;}
header nav a span{font: normal 14px 'barlowmedium'; color: #362821; letter-spacing: 0.06em;}
header nav a.img{margin:0 39px !important; height: 68px;}
header nav a:hover, nav a:focus {outline:none;}
header nav a:first-child{margin:30px 11px 0 0;}
header nav a:last-child{margin:30px 0 0 11px;}
header nav .nav-apply-box{width: auto; padding:10px; float: right; background:#ae8f43; font: normal 14px 'barlowmedium'; color: #fff; letter-spacing: 0.06em; word-spacing: 0.1em; margin: 20px 0 0;}
header nav .nav-apply-box a{font: normal 14px 'barlowmedium'; color: #fff; text-decoration: none; margin: 0;}
.cl-effect-5 a {overflow: hidden; height: 1em;}
.cl-effect-5 a span {position: relative; display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {position: absolute; top: 100%; content: attr(data-hover); color: #ae8f43; line-height: 1.2em;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
/*--DROP DOWN MENU--*/
.wrapper-dropdown-3 {position: relative; width:auto; float:left; margin:0 8px 0 12px; cursor:pointer; z-index:99;}
.wrapper-dropdown-3 span{font:normal 14px 'barlowmedium'; color:#362821;}
.wrapper-dropdown-3:after {content: ""; width: 0; height: 0; position: absolute; right:2%; top:78%; margin-top:0; border-width: 6px 6px 0 6px; border-style: solid;border-color: #cba43d transparent;}
.wrapper-dropdown-3 .dropdown {position: absolute; top: 130%; width:220px; margin:0; padding:10px 10px 10px 15px; opacity: 0; pointer-events:none; list-style:none; background:#f4f4f4; border-radius:10px; border: 1px solid #ae8f43;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.wrapper-dropdown-3 .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}
.wrapper-dropdown-3 .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}
.wrapper-dropdown-3 ul.dropdown li{margin:0 !important; float:left; padding:0 10px 0 20px;}
.wrapper-dropdown-3 .dropdown li a {font:normal 14px 'barlowmedium'; color:#362821; padding:0 0 2px; display: block; text-decoration: none; margin:10px 0 !important;}
.wrapper-dropdown-3.active .dropdown {
opacity: 1;
pointer-events: auto;
}
/* No CSS3 support */
.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
display: block;
}
/*--DROP DOWN MENU--*/
/*--MENU ENDS--*/
/*--HEADER ENDS--*/
/*--BANNER STARTS--*/
#banner{width: 100%; height: 600px; float: left;}
#abtus-banner{width:100%; height:500px; float:left; background-image:url(../images/abtus-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#why-choose-banner{width:100%; height:500px; float:left; background-image:url(../images/why-choose-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#first-home-banner{width:100%; height:500px; float:left; background-image:url(../images/first-home-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#kiwisaver-banner{width:100%; height:500px; float:left; background-image:url(../images/kiwisaver-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#home-loan-banner{width:100%; height:500px; float:left; background-image:url(../images/home-loan-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#property-investment-banner{width:100%; height:500px; float:left; background-image:url(../images/property-investment-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#refinancing-banner{width:100%; height:500px; float:left; background-image:url(../images/refinancing-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#life-insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/life-insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#medical-insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/medical-insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#trauma-insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/trauma-insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#income-insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/income-insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#mortgage-insurance-banner{width:100%; height:500px; float:left; background-image:url(../images/mortgage-insurance-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#appointment-banner{width:100%; height:500px; float:left; background-image:url(../images/appointment-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#apply-banner{width:100%; height:500px; float:left; background-image:url(../images/apply-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#article-banner{width:100%; height:500px; float:left; background-image:url(../images/article-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#nonbank-banner{width:100%; height:500px; float:left; background-image:url(../images/nonbank-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
#contact-banner{width:100%; height:500px; float:left; background-image:url(../images/contact-banner.jpg); background-position:top left; background-size:100% 100%; background-repeat:no-repeat;}
/*--BANNER ENDS--*/
/*--INDEX CONTENT STARTS--*/
#gp1{width: 100%; float: left; background: #f7f7f7; padding: 30px 0;}
#gp1 .content-holder{width: 80%; margin: 0 auto 40px; float: none; text-align: center;}
#gp1 .bk1{float: left; margin: -10px 0 0;}
#gp1 .bk2{float: right; margin: -10px 0 0;}
#gp1 h1{font: normal 28px 'oxygenbold'; color: #000; letter-spacing: 0.02em; margin: 10px auto 0; float: none;}
#gp1 p{width: 100%; margin: 18px auto 10px;}
#gp1 a{text-decoration: none;}
#gp1 a:hover{text-decoration: none;}
#gp1 .tagline{font: normal 24px 'courgetteregular'; color: #ce9703; letter-spacing: 0.02em; line-height: 1.2em; margin:0;}
#gp1 .more{line-height: 1.6em;}
#gp1 .more a{margin: 0 0 0 -7px;}
#gp1 .blk{width: 25%; float: left;}
#gp1 .blk-mid{width: 25%; float: left; margin: 0 12%;}
#gp1 .blk p{font: normal 13px 'barlowmedium'; color: #000; line-height: 1.4em; letter-spacing: 0.04em; margin: 5px 0 15px;}
#gp1 .blk-mid img{margin: 0 0 15px;}
#gp1 .blk-mid p{font: normal 13px 'barlowmedium'; color: #000; line-height: 1.4em; letter-spacing: 0.04em; margin: 5px 0 0;}
#gp2{width: 100%; float: left; background: #d4c3a0; padding:50px 0 75px;}
#gp2 .content-holder{width: 50%; margin: 0 auto; float: none;}
#gp2 .content-holder .bk1{float: left; margin:-17px -26px 0px 0;}
#gp2 .content-holder .bk2{float: right; margin:-25px 13px 0 0;}
#gp2 .content-holder .blk{width: 45%; float: left;}
#gp2 .blk .text1{width: 80%; float: left; margin: 28px 0 25px 15px;}
#gp2 .blk .text2{width: 80%; float: left; margin:30px 0 25px 30px;}
#gp2 .blk h2{color: #ac8e05; font: normal 20px 'squada_oneregular'; float: none; line-height: 1.4em;}
#gp2 .blk h2 a{color: #ac8e05; text-decoration: none;}
#gp2 .blk h2 a:hover{color: #ac8e05; text-decoration: none;}
#gp2 .blk .text1 h2.cl-effect-4 a::after{width: 94px;}
#gp2 .blk .text2 h2.cl-effect-4 a::after{width: 169px;}
#gp2 .blk p{font: normal 13px 'barlowmedium'; color: #000; line-height: 1.5em; letter-spacing: 0.06em; margin: 5px 0 15px;}
#gp3{width: 100%; float: left; background: #f7f7f7; padding: 0 0 30px;}
#gp3 .reach{width: 40%; margin:-40px auto 60px; background: #080808; padding:30px 20px; border-radius: 20px; font: normal 22px 'courgetteregular'; color: #f7da57; text-align: center; line-height: 1.8em; letter-spacing: 0.06em;
-webkit-box-shadow: 2px 4px 6px 6px #C4C4C4;
box-shadow: 2px 4px 6px 6px #C4C4C4; }
#gp3 .reach a{font: normal 22px 'courgetteregular'; color: #f7da57; line-height: 1.8em; letter-spacing: 0.06em; text-decoration: none;}
#gp3 .reach a:hover{font: normal 22px 'courgetteregular'; color: #f7da57; line-height: 1.8em; letter-spacing: 0.06em; text-decoration: none;}
#gp3 .review{width: 50%; float: none; text-align: center; margin: 0 auto;}
#gp3 .review img{margin: 0px 0 -10px 0;}
#gp3 .client{font: normal 15px 'courgetteregular'; color: #ac8e05; letter-spacing: 0.04em; margin: 20px 0 0;}
#gp4{width: 100%; height: 400px; float: left; background-image: url(../images/why-choose-bg.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover;}
#gp4 .content-holder{width: 500px; float: right; margin: 50px 20px 0 0;}
#gp4 h3{font: normal 26px 'oxygenbold'; color: #000; letter-spacing: 0.04em; line-height: 1.6em; float: left;}
#gp4 ul{float: left; margin:20px 0 10px 18px; list-style-position: outside;}
#gp4 .more{margin: 0 0 0 3px; font: normal 15px 'latobold'; clear: both;}
#gp4 .more a{font: normal 15px 'latobold'; text-decoration: none;}
#gp4 .more a:hover{font: normal 15px 'latobold'; text-decoration: none;}
#gp4 .cl-effect-13 a:hover::before,
#gp4 .cl-effect-13 a:focus::before {
color: #131313;
text-shadow: 10px 0 #131313, -10px 0 #131313;
}
#gp5{width: 100%; float: left; background: #f7f7f7; padding: 40px 0;}
#gp5 .blk{width: 21%; height: 240px; float: left; background: url(../images/article-outline.png) top left no-repeat; padding: 25px 0 0 80px;}
#gp5 .blk-mid{width: 21%; height: 240px; float: left; margin: 0 5%; background: url(../images/article-outline.png) top left no-repeat; padding: 25px 0 0 80px;}
#gp5 h4{font: normal 13px 'oxygenbold'; color: #ac8e05; line-height: 1.6em; letter-spacing: 0.06em; margin: 15px 0 0;}
#gp5 h4 a{font: normal 13px 'oxygenbold'; color: #ac8e05; line-height: 1.6em; letter-spacing: 0.06em; text-decoration: none;}
#gp5 h4 a:hover{font: normal 13px 'oxygenbold'; color: #ac8e05; line-height: 1.6em; letter-spacing: 0.06em; text-decoration: none;}
#gp5 p{font:normal 12px 'latobold'; color: #000; letter-spacing: 0.06em; line-height: 1.6em; word-spacing: 0.1em;}
#gp5 p a{font: normal 12px 'latobold'; color: #000; letter-spacing: 0.06em; line-height: 1.6em; word-spacing: 0.1em; text-decoration: none;}
#gp5 p a:hover{font:normal 12px 'latobold'; color: #ac8e05; letter-spacing: 0.06em; line-height: 1.6em; word-spacing: 0.1em; text-decoration: none;}
#gp5 .more{margin: 30px 35px 0 0; float: right; clear: both; font: normal 14px 'latobold';}
#gp5 .more a{font: normal 14px 'latobold'; text-decoration: none;}
#gp5 .more a:hover{font: normal 14px 'latobold'; text-decoration: none;}
/*--INDEX PAGE--*/
/*--FOOTER STARTS--*/
footer{width: 100%; float: left; background:#fff; padding:0px 0 15px;}
footer #address{width: 26%; float: left; background: #000; padding:41px 25px; font: normal 13px 'latoregular'; color: #fff; letter-spacing: 0.09em; line-height: 1.8em; margin: 0 50px 30px 0;}
footer #address a{font: normal 13px 'latoregular'; color: #fff; letter-spacing: 0.09em; line-height: 1.8em; text-decoration: none;}
footer #address a:hover{font: normal 13px 'latoregular'; color: #fff; letter-spacing: 0.09em; line-height: 1.8em; text-decoration: none; border-bottom: 1px dashed #f7f7f7;}
footer #form{width: 60%; float: right; padding:20px 0;}
footer #form h3{font: normal 15px 'latobold'; color: #26276b; letter-spacing: 0.08em; line-height: 1.4em; margin: 0 0 10px; float: none;}
footer #form input{width: 200px; height: auto; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left;}
footer #form textarea{width: 300px; height: 60px; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left;}
.antispam{display: none;}
footer #form input::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
footer #form textarea::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
footer #form input.submit{width: 150px; height: 36px; background:url(../images/btn-bg.png) no-repeat; font: normal 14px 'squada_oneregular'; color: #fff; text-align: center; letter-spacing: 0.06em; float: left; margin: 10px 0 0; padding: 5px 0; clear: both; border: 0; cursor: pointer;}
footer #form input.submit a{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
footer #form input.submit a:hover{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
footer #footer-links{width:50%; float:left; background:none; font:normal 13px 'barlowmedium'; color:#26276b; letter-spacing: 0.06em; line-height: 1.8em; text-align: left; margin:10px 0 0;}
footer #footer-links a{font:normal 11px 'montserratregular'; color: #26276b; letter-spacing: 0.1em; line-height: 1.8em; text-decoration: none;}
footer #footer-links a:hover{font: normal 11px 'montserratregular'; color: #26276b; letter-spacing: 0.1em; line-height: 1.8em; text-decoration: none;}
footer #footer-links span{margin: 0 10px;}
footer #design{width: 50%; float: left; background: none; font:normal 12px 'barlowmedium'; color:#26276b; letter-spacing: 0.08em; line-height: 1.2em; text-align: right; margin:10px 0 0;}
footer #design a{font: normal 11px 'montserratregular'; color: #26276b; letter-spacing: 0.08em; text-decoration: none;}
footer #design a:hover{font: normal 11px 'montserratregular'; color: #26276b; letter-spacing: 0.08em; text-decoration: none;}
/*--FOOTER ENDS--*/
/*--INNER PAGE STARTS--*/
#innerpg{width: 100%; float: left; background: #f7f7f7; padding: 30px 0;}
#innerpg main{width: 65%; float: left; margin: 0 5% 0 0;}
#innerpg aside{width: 30%; float: left;}
#innerpg .tagline{font: normal 24px 'courgetteregular'; color: #050995; letter-spacing: 0.02em; line-height: 1.5em; margin:0;}
#innerpg ol.why{list-style-position: outside; margin:10px 0 0px 20px; float: left;}
#innerpg ol.why li{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em; margin: 0 0 20px;}
#innerpg ol.why li a{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
#innerpg ol.why li a:hover{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
#innerpg ul.why{list-style-position: outside; margin:10px 0 0px 20px; float: left;}
#innerpg ul.why li{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em; margin: 0 0 20px;}
#innerpg ul.why li a{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
#innerpg ul.why li a:hover{font: normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; text-decoration: none;}
#innerpg main .heading-bg{width: 60px; height: 100px; background:/*#d8b40e*/#e7c31c; float: left; margin: -30px -45px 0 0;}
#innerpg .apply-heading-bg{width: 60px; height: 100px; background:/*#d8b40e*/#e7c31c; float: left; margin: -30px -45px 0 0;}
#innerpg .img1{float: right; margin: 0 0 20px 40px;}
#innerpg .img2{float:left; margin: 0 40px 20px 0px;}
#innerpg aside .blk1{width:90%; height: auto; float: left; background:#e7c31c; padding:4% 5%; border-top-left-radius: 16px; border-bottom-right-radius: 16px; margin: 20px 0;}
#innerpg aside .blk2{width:89%; height: auto; float: left; background:transparent; padding:4% 5%; border: 2px solid #131313; margin: 20px 0;}
#innerpg aside .blk3{width:90%; height: auto; float: left; background:#fff/*fff5df*/; padding:4% 5%; border-top-left-radius: 16px; border-bottom-right-radius: 16px; margin: 20px 0;}
#innerpg aside .blk4{width:89%; height: auto; float: left; background:transparent; padding:6% 5%; border: 2px solid #131313; margin: 30px 0;}
#innerpg aside .blk4 h2{width: auto; float: left; font: normal 20px 'squada_oneregular'; letter-spacing: 0.04em; color: #e7c31c/*ac8e05*/; background: #f7f7f7; margin: -35px 65px 0; padding: 5px 23px;}
#innerpg aside .icon{width: 20%; float: left; padding: 5px 0;}
#innerpg aside .text{width: 75%; float: right; font: normal 13px 'oxygenregular'; letter-spacing: 0.06em; line-height: 1.4em; color: #4a4949;}
#innerpg aside .text a{font: normal 13px 'oxygenregular'; letter-spacing: 0.06em; line-height: 1.4em; color: #4a4949; text-decoration: none;}
#innerpg aside .text a:hover{font: normal 13px 'oxygenregular'; letter-spacing: 0.06em; line-height: 1.4em; color: #4a4949; text-decoration: none;}
#innerpg aside .text .heading{font:normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em;}
#innerpg aside .text .heading a{font:normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em; text-decoration: none;}
#innerpg aside .text .heading a:hover{font:normal 14px 'montserratregular'; color: #131313; letter-spacing: 0.04em; line-height: 1.6em; text-decoration: none;}
#innerpg form{width:100%; float:left; padding:20px 0;}
#innerpg form h3{font: normal 15px 'latobold'; color: #26276b; letter-spacing: 0.08em; line-height: 1.4em; margin: 0 0 10px; float: none;}
#innerpg form input{width: 200px; height: 16px; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left; clear: left;}
#innerpg form select{width: 211px; height: 34px; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left; clear: left;}
#innerpg form select option{width: 211px; height: 34px; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left; clear: left; opacity:0.9; filter:alpha(opacity=90);}
#innerpg form textarea{width: 300px; height: 60px; padding:7px 5px; font: normal 13px 'barlowregular'; color: #000; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 88px 10px 0; float: left; clear: left;}
.antispam{display: none;}
#innerpg form input::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
#innerpg form textarea::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
#innerpg form input.submit{width: 150px; height: 36px; background:url(../images/btn-bg.png) no-repeat; font: normal 14px 'squada_oneregular'; color: #fff; text-align: center; letter-spacing: 0.06em; float: left; margin: 10px 0 0; padding: 5px 0; clear: both; border: 0; cursor: pointer;}
#innerpg form input.submit a{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
#innerpg form input.submit a:hover{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
#innerpg h3.contact{font: normal 15px 'latobold'; color: #26276b; letter-spacing: 0.08em; line-height: 1.4em; margin: 0 0 10px; float: none;}
#innerpg form.apply{width:100%; float:left; padding:20px 0;}
#innerpg form.apply .mn-blk{width: 100%; float: left; margin: 10px 0 10px;}
#innerpg form.apply .block{width:50%; float:left;}
#innerpg form.apply .blk{width:30%; float:left; margin: 0 2% 0 0;}
#innerpg form.apply .asset-blk{width:34%; float:left; margin: 0 3% 0 0;}
#innerpg form.apply h3{font: normal 15px 'latobold'; color: #26276b; letter-spacing: 0.08em; line-height: 1.4em; margin: 0 0 20px; float: none;}
#innerpg form.apply label{font: normal 14px 'oxygenbold'; color: #ac8e05; letter-spacing: 0.08em; float: left; width:auto; margin:0; clear: both;}
#innerpg form.apply label.rlabel{font:normal 13px 'oxygenregular'; color: #131313; letter-spacing: 0.06em; float: left; width:auto; margin: 4px 0 0; clear: none;}
#innerpg form.apply label.rlabel1{font:normal 13px 'oxygenregular'; color: #131313; letter-spacing: 0.06em; float: left; width:auto; margin: 17px 0 0; clear: none;}
#innerpg form.apply label.rlabel2{font:normal 13px 'oxygenregular'; color: #131313; letter-spacing: 0.06em; float: left; width:auto; margin: 17px 20px 0 0; clear: none;}
#innerpg form.apply input[type="radio"]{width: auto; height: auto; float: left; cursor: pointer; margin: 7px 18px 0 0; padding: 0;}
#innerpg form.apply .radio{margin:20px 18px 0 0 !important;}
#innerpg form.apply .rinput{width: 259px; height: 18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 10px 180px 10px 0; float: left; clear:none;}
#innerpg form.apply .add-input{width: 300px; height:18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 188px 10px 0; float: left; clear: none !important;}
#innerpg form.apply .add-input1{width: 300px; height:18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 50px 10px 0; float: left; clear: none !important;}
p a#remScnt{float: left;}
#innerpg form.apply input{width: 300px; height:18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 180px 10px 0; float: left; clear: left;}
#innerpg form.apply .blk input{width: 95%; max-width: 300px;}
#innerpg form.apply .blk .plus3-input{width: 95%!important; max-width: 300px!important;}
#innerpg form.apply .input1{width: 300px; height:18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin:4px 0px 10px 20px; float: left; clear: left;}
#innerpg form.apply .ad-input{width:82%; height: 18px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 180px 10px 0; float: left; clear: left;}
#innerpg form.apply select{width: 300px; height: 35px; padding:8px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 180px 10px 0; float: left; clear: left;}
#innerpg form.apply select option{width: 300px; height: 35px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 180px 10px 0; float: left; clear: left; opacity:0.9; filter:alpha(opacity=90);}
#innerpg form.apply textarea{width: 400px; height: 80px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 180px 10px 0; float: left; clear: left;}
#innerpg form.apply .apply-textarea{width: 92.6%; max-width: 960px; height: 200px; padding:10px 5px; font: normal 13px 'oxygenregular'; color: #333; letter-spacing: 0.04em; background:none; border: 1px solid #26276b; margin: 4px 0px 10px 0; float: left; clear: left;}
.antispam{display: none;}
#innerpg form.apply input::placeholder {color: #000; opacity:0.5; filter:alpha(opacity=50);}
#innerpg form.apply textarea::placeholder {color: #000; opacity:0.5; filter:alpha(opacity=50);}
#innerpg form.apply input.submit{width: 150px; height: 36px; background:url(../images/btn-bg.png) no-repeat; font: normal 14px 'squada_oneregular'; color: #fff; text-align: center; letter-spacing: 0.06em; float: left; margin: 10px 0 0; padding: 5px 0; clear: both; border: 0; cursor: pointer;}
#innerpg form.apply input.submit a{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
#innerpg form.apply input.submit a:hover{font: normal 14px 'squada_oneregular'; color: #fff; letter-spacing: 0.06em; text-decoration: none;}
#innerpg form.apply ul{margin: 0; float: left; list-style: none;}
#innerpg form.apply ul li{margin: 0; display: block;}
#innerpg form.apply ul li ul{list-style: url(../images/orange-arrow.png); list-style-position: inside; margin: 0 0 15px 20px;}
#innerpg form.apply ul li ul li{display: list-item; margin: 12px 0 12px 20px;}
#innerpg form.apply .each-input{width: 284px !important; margin-right: 24px !important;}
#innerpg form.apply .p_scents h2, .p_scents1 h2, .p_scents2 h2, .p_scents3 h2, .p_scents4 h2, .p_scents5 h2{margin: 18px 0 0 0;}
#innerpg form.apply .p_scents .remScnt, .p_scents1 .remScnt, .p_scents2 .remScnt, .p_scents3 .remScnt, .p_scents4 .remScnt, .p_scents5 .remScnt{margin:0px 0 0 9px; float: left;}
#innerpg form.apply img{margin: 8px 0 0;}
#innerpg form.apply .plus-img{margin: 18px 0 0;}
/*--PAGINATION STARTS--*/
.paginate-pagination ul {margin: 30px 0 !important; padding: 0; list-style: none;}
.paginate-pagination ul:after {
content: ' ';
display: table;
clear: both;
}
.paginate-pagination ul > li {float: left; margin-right: 3px;}
.paginate-pagination ul > li > a.page {
display: block;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #ddd;
background: white;
text-decoration: none;
cursor: pointer;
color: #000;
}
.paginate-pagination ul > li > a.page:hover { color: #ac8e05; }
.paginate-pagination ul > li > a.page.active { color: #ac8e05; cursor:pointer; }
.paginate-pagination ul > li > a.page-next.deactive,
.paginate-pagination ul > li > a.page-prev.deactive { opacity: 0.7; cursor: pointer; }
/*--PAGINATION ENDS--*/
#innerpg .article-blk{width: 100%; float: left; margin: 0 0 10px 0; border-bottom: 1px dashed #e7c31c; padding:10px 0;}
#innerpg .article-blk .article-img{width: 20%; float: left; margin: 0 2% 0 0;}
#innerpg .article-blk .article-img img{margin:10px 0 0;}
#innerpg .article-blk .article-txt{width: 75%; float: left; margin: 0 3% 0 0;}
#innerpg .article-blk h2{font: normal 20px 'squada_oneregular'; color: #4a4949; letter-spacing: 0.02em; line-height: 1.6em; float: left;}
#innerpg .article-blk p{font: normal 13px 'oxygenregular'; line-height: 1.8em;}
#innerpg #thx-img{width: 47%; float: left; margin: 3% 3% 3% 0;}
#innerpg #thx-txt{width: 50%; float: left; text-align: center; padding: 140px 0;}
#innerpg #thx-txt h2{font: normal 45px 'squada_oneregular'; letter-spacing: 0.02em; line-height: 1.6em; float: none;}
#innerpg #thx-txt span{font: normal 24px 'courgetteregular'; color: #ce9703; letter-spacing: 0.02em; line-height: 1.8em;}
/*--INNER PAGE ENDS--*/
/*--RESPONSIVE--*/
@media screen
and (min-width:240px)
and (max-width:320px){
.content-area{width: 90%; padding: 0 5%; float: left;}
h2{line-height: 1.2em; margin: 0 0 2px;}
h3{line-height: 1.2em;}
p{font: normal 13px 'latoregular'; line-height: 1.8em;}
ul{margin: 15px 0 10px 0px;}
ul li{font: normal 13px 'latoregular'; line-height: 1.6em;}
header{width: 100%; padding: 5% 0;}
header #logo{width: 100%;}
header #logo img{width: 100%; max-width: 200px;}
header nav{display: none;}
#banner{height: 300px;}
#gp1{padding: 30px 0 10px;}
#gp1 .content-holder{width: 100%; margin: 0 0 30px; text-align: left; float: left;}
#gp1 .bk1{margin: 0;}
#gp1 h1{font: normal 20px 'oxygenbold'; margin: 10px 0 0 0;}
#gp1 p{margin:6px 0 10px; font: normal 13px 'latoregular'; line-height: 1.8em;}
.btn{margin: 20px 0 0; text-align: center;}
#gp1 .tagline{font: normal 18px 'courgetteregular'; line-height: 1.6em; margin:0; text-align: center;}
#gp1 .blk, #gp1 .blk-mid{width: 100%; float: left; margin: 0px 0 30px;}
#gp1 .blk img, #gp1 .blk-mid img{width: 100%; max-width: 250px;}
#gp1 .blk-mid p{margin: 5px 0 15px;}
#gp1 .blk-mid .d-img{display: none;}
#gp1 .blk-mid img{margin: 0;}
#gp2 .content-holder{width: 100%; margin: 0; float: left;}
#gp2 .content-holder .blk{width: 90%;}
#gp2 .content-holder .blk img{width: 100%; max-width: 225px;}
#gp2 .blk .text1{width: 90%; margin: 12px 0 0px 15px;}
#gp2 .blk .text2{width:100%; margin: 0px 15px 0 0px; border-top: 1px dashed #F4E69A; padding: 15px 0 0;}
#gp2 .content-holder .bk2{margin: -20px 0px 0 0;}
#gp3 .reach{width: 65%; font: normal 16px 'courgetteregular'; line-height: 1.8em; margin: -40px auto 40px;}
#gp3 .review{width: 86%; text-align: left;}
#gp3 .review img{width: 40px;}
#gp4{padding:40px 0 30px; height: auto;}
#gp4 .content-holder{width: 100%; float: left; margin: 0;}
#gp4 h3{margin: 0; font: normal 22px 'oxygenbold'; line-height: 1.4em;}
#gp4 ul{margin: 10px 0 10px 18px;}
#gp4 .cl-effect-13 a::before{margin: 0;}
#gp5 .blk, #gp5 .blk-mid{width:80%; height: auto; background-size: 60% 100%; padding:30px 0 30px 40px; margin: 0 0 30px;}
#gp5 h4{margin: 5px 0 0;}
#gp5 .blk img, #gp5 .blk-mid img{width: 49px;}
#gp5 .more{margin: 0;}
footer .content-area{width: 100%; padding: 0;}
footer #address{width: 90%; padding:7% 5%; margin: 0 0 30px;}
footer #form{width: 90%; padding: 0 5%; margin: 0 0 30px;}
footer #form input, footer #form textarea{width: 94%; margin: 10px 0;}
footer #footer-links, footer #design{width: 90%; padding: 0 5%; text-align: left;}
#abtus-banner, #insurance-banner, #appointment-banner, #nonbank-banner{height: 300px; background-size: cover; background-position: 46% 0%;}
#apply-banner{height: 300px; background-size: cover; background-position: 56% 0%;}
#article-banner{height: 300px; background-size: cover; background-position: 85% 0%;}
#why-choose-banner, #home-loan-banner, #property-investment-banner, #refinancing-banner, #contact-banner{height: 300px; background-size: cover; background-position:45% 0;}
#first-home-banner{height: 300px; background-size: cover; background-position:70% 0;}
#kiwisaver-banner, #medical-insurance-banner{height: 300px; background-size: cover; background-position:60% 0;}
#mortgage-insurance-banner, #income-insurance-banner, #trauma-insurance-banner{height: 300px; background-size: cover; background-position:50% 0;}
#life-insurance-banner{height: 300px; background-size: cover; background-position:69% 0;}
#innerpg main{width: 100%; margin: 0 0 10px;}
#innerpg main .heading-bg{margin: -30px 0 0 0;}
#innerpg main h1{margin: -70px 0px 30px 20px; font: normal 22px 'oxygenbold';}
.breadcrum{margin: 10px 0 20px; line-height: 1.6em;}
#innerpg p{font: normal 13px 'oxygenregular'; line-height: 1.8em;}
#innerpg p b{font: normal 13px 'oxygenbold'; line-height: 1.8em;}
#innerpg .tagline{font: normal 20px 'courgetteregular'; line-height: 1.5em;}
#innerpg aside{width: 100%;}
#innerpg aside .icon{width: 35%;}
#innerpg aside .text{width: 65%;}
#innerpg aside .blk4 h2{width: auto; float: none; margin: -28px auto 20px; padding: 1% 10%; display: table;}
#innerpg aside #canvas1, #canvas0{width:192px !important; height: 200px !important;}
#innerpg aside .blk4 div{width: 192px!important; max-width: 268px !important; height: 200px!important; max-height: 268px !important;}
#innerpg aside #canvas1 img, #canvas0 img{width: 100% !important; height: 100% !important;}
#innerpg .img1, #innerpg .img2{width: 100%; max-width: 300px; margin: 0 0 20px 0;}
#innerpg main .h-loan{margin: 22px 0px 30px -40px;}
#innerpg ol.why li{font: normal 13px 'montserratregular'; line-height: 1.6em;}
.ins-aside{display: none;}
.ins-aside1{display: block;}
.ins-type{width: 100%; float: left; margin: 0;}
.ins-type img{width: 100%; max-width: 300px; float: left; margin: 0 0 20px;}
#innerpg aside.ins-aside1 .blk4{display: none;}
#innerpg form input{width: 94%; max-width: 200px; margin: 10px 0 10px 0;}
#innerpg form select{width: 98%; max-width: 211px; margin: 10px 0 10px 0;}
#innerpg form textarea{width: 92.5%; max-width: 200px; margin: 10px 0 10px 0;}
#innerpg .article-blk .article-img{width: 100%; max-width: 100px; margin: 0 0 10px;}
#innerpg .article-blk .article-txt{width: 100%;}
#innerpg .article-blk h2{line-height: 1.2em;}
#innerpg main .h-loan2{margin: -70px 0px 30px 24px;}
#innerpg form.apply{width: 100%; float: left!important;}
#innerpg form.apply ul{width: 100%; float: left;}
.paginate-pagination ul{margin: 30px 0 0 !important;}
#innerpg form.apply .mn-blk{margin:0;}
#innerpg form.apply .block{width: 100%; margin:0px;}
#innerpg form.apply select{width: 98%; max-width: 300px; margin: 4px 0 20px;}
#innerpg form.apply select option{width: 98%; max-width: 300px; margin: 4px 0 10px;}
#innerpg form.apply input, #innerpg form.apply .ad-input{width: 92.5%; max-width: 300px; margin: 4px 0 20px; padding: 8px 5px;}
#innerpg form.apply input#p_scnt{width: 90% !important;}
#innerpg form.apply .input1{width: 92.5%; margin: 4px 0 10px 0;}
#innerpg form.apply .rinput{width: 82%; max-width: 300px; margin:10px 0 20px; padding: 8px 5px;}
#innerpg form.apply .apply-textarea{width: 92.5%; margin: 4px 0px 20px 0;}
#innerpg form.apply .res-margin{margin: 0 0 20px;}
#innerpg form.apply input[type="radio"]{margin: 7px 12px 0 0;}
#innerpg form.apply .radio{margin: 20px 12px 0 0 !important;}
#innerpg form.apply h3{margin: 0 0 20px !important;}
#innerpg form.apply h3 br{display: none;}
#innerpg form.apply .blk{width:100%; margin: 0;}
#innerpg form.apply .each-input{width: 95% !important; margin: 0 0 10px 0!important;}
#innerpg form.apply .asset-blk{width: 100%; margin: 0;}
#innerpg form.apply .p_scents .remScnt, .p_scents1 .remScnt, .p_scents2 .remScnt, .p_scents3 .remScnt, .p_scents4 .remScnt, .p_scents5 .remScnt{margin: 0;}
.container{width: 100%; float: left;}
#innerpg form.apply ul li ul{margin: 0 0 15px 0px;}
}
@media screen
and (min-width:320px)
and (max-width:479px){
.content-area{width: 90%; padding: 0 5%; float: left;}
header{width: 100%; padding: 5% 0 4%;}
header #logo{width: 100%;}
header #logo img{width: 100%; max-width: 200px;}
header nav{display: none;}
#banner{height: 300px;}
#gp1{padding: 30px 0 10px;}
#gp1 .content-holder{width: 100%; margin: 0 0 30px; text-align: left; float: left;}
#gp1 .bk1{margin: 0;}
#gp1 h1{font: normal 20px 'oxygenbold'; margin:20px 0 0 -20px;}
#gp1 p{margin:6px 0 10px; font: normal 13px 'latoregular'; line-height: 1.8em;}
.btn{margin: 20px 0 0; text-align: center;}
#gp1 .tagline{font: normal 18px 'courgetteregular'; line-height: 1.6em; margin:0; text-align: center;}
#gp1 .blk, #gp1 .blk-mid{width: 100%; float: left; margin: 0px 0 30px;}
#gp1 .blk img, #gp1 .blk-mid img{width: 100%; max-width: 250px;}
#gp1 .blk-mid p{margin: 5px 0 15px;}
#gp1 .blk-mid .d-img{display: none;}
#gp1 .blk-mid img{margin: 0;}
#gp2 .content-holder{width: 100%; text-align: center;}
#gp2 .content-holder .blk{width: 100%; float: left; margin: 0; border-bottom: 1px dashed #C7B13D;}
#gp2 .blk .text1, #gp2 .blk .text2{width: 100%; float: left; margin: 20px 0; text-align: center;}
#gp2 .blk h2{float: none; margin: 0; text-align: center;}
#gp2 .blk .cl-effect-4 a::after{display: none;}
#gp3 .reach{width: 65%; font: normal 16px 'courgetteregular'; line-height: 1.8em; margin: -40px auto 40px;}
#gp3 .review{width: 86%; text-align: left;}
#gp3 .review img{width: 40px;}
#gp4{padding:40px 0 30px; height: auto;}
#gp4 .content-holder{width: 100%; float: left; margin: 0;}
#gp4 h3{margin: 0; font: normal 22px 'oxygenbold'; line-height: 1.4em;}
#gp4 ul{margin: 10px 0 10px 18px;}
#gp4 .cl-effect-13 a::before{margin: 0;}
#gp5 .blk, #gp5 .blk-mid{width:80%; max-width: 200px; height: auto; background-size: 60% 100%; padding:30px 0 30px 40px; margin: 0 0 30px;}
#gp5 h4{margin: 5px 0 0;}
#gp5 .blk img, #gp5 .blk-mid img{width: 49px;}
#gp5 .more{margin: 0;}
footer .content-area{width: 100%; padding: 0;}
footer #address{width: 90%; padding:7% 5%; margin: 0 0 30px;}
footer #form{width: 90%; padding: 0 5%; margin: 0 0 30px;}
footer #form input, footer #form textarea{width: 94%; max-width: 300px; margin: 10px 0;}
footer #footer-links, footer #design{width: 90%; padding: 0 5%; text-align: left;}
#abtus-banner, #insurance-banner, #nonbank-banner, #apply-banner{height: 300px; background-size: cover; background-position: 40% 0%;}
#article-banner{height: 300px; background-size: cover; background-position: 95% 0%;}
#appointment-banner{height: 300px; background-size: cover; background-position: 55% 0%;}
#why-choose-banner, #home-loan-banner, #property-investment-banner, #refinancing-banner, #contact-banner, #trauma-insurance-banner{height: 300px; background-size: cover; background-position:45% 0;}
#first-home-banner{height: 300px; background-size: cover; background-position:70% 0;}
#kiwisaver-banner, #medical-insurance-banner{height: 300px; background-size: cover; background-position:60% 0;}
#mortgage-insurance-banner, #income-insurance-banner{height: 300px; background-size: cover; background-position:50% 0;}
#life-insurance-banner{height: 300px; background-size: cover; background-position:69% 0;}
#innerpg main{width: 100%; margin: 0 0 10px;}
#innerpg main .heading-bg{margin: -30px 0 0 0;}
#innerpg main h1{margin: -50px 0px 30px 20px; font: normal 22px 'oxygenbold';}
#innerpg main h1.h-loan{margin: 22px 0px 30px -40px;}
#innerpg main h1.h-loan1{margin:-70px 0px 30px 20px;}
#innerpg p{font: normal 13px 'oxygenregular'; line-height: 1.8em; float: left; clear: left;}
#innerpg p b{font: normal 13px 'oxygenbold'; line-height: 1.8em;}
#innerpg .tagline{font: normal 20px 'courgetteregular'; line-height: 1.5em; float: left;}
#innerpg .img1, #innerpg main .img2{width: 100%; max-width: 300px; margin: 0 0 20px; float: left;}
#innerpg main ol.why li{font: normal 13px 'montserratregular'; line-height: 1.6em; float: left;}
#innerpg aside{width: 100%;}
#innerpg aside .blk1, #innerpg aside .blk2, #innerpg aside .blk3{width: 90%; max-width: 250px;}
#innerpg aside .icon{width: 25%;}
#innerpg aside .text{width: 75%;}
#innerpg aside .blk4{width: 86%; max-width: 250px;}
#innerpg aside .blk4 h2{width: auto; float: none; margin: -33px auto 20px; padding: 1% 10%; display: table;}
#innerpg aside #canvas1, #canvas0{width:246px !important; height: 240px !important;}
#innerpg aside .blk4 div{width: 246px!important; max-width: 268px !important; height: 240px!important; max-height: 268px !important; margin: 0 0 10px;}
#innerpg aside #canvas1 img, #canvas0 img{width: 100% !important; height: 100% !important;}
#innerpg ul{list-style-position: outside; float: left;}
#innerpg ol.why li p{float: left; margin: 2px 0 15px;}
.ins-aside{display: none;}
.ins-aside1{display: block;}
.ins-type{width: 100%; float: left; margin: 0;}
.ins-type img{width: 100%; max-width: 300px; float: left; margin: 0 0 20px;}
#innerpg aside.ins-aside1 .blk4{display: none;}
#innerpg form input{width: 94%; max-width: 225px; margin: 10px 0 10px 0;}
#innerpg form select{width: 98%; max-width: 235px; margin: 10px 0 10px 0;}
#innerpg form textarea{width: 92.5%; max-width: 225px; margin: 10px 0 10px 0;}
#innerpg .article-blk .article-img{width: 100%; max-width: 100px; margin: 0 0 10px;}
#innerpg .article-blk .article-txt{width: 100%;}
#innerpg .article-blk h2{line-height: 1.2em;}
#innerpg main .h-loan2{margin: 22px 0px 30px -40px;}
#innerpg form.apply{width: 100%; float: left!important;}
#innerpg form.apply ul{width: 100%; float: left;}
.paginate-pagination ul{margin: 30px 0 0 !important;}
#innerpg form.apply .mn-blk{margin:0;}
#innerpg form.apply .block{width: 100%; margin:12px 0;}
#innerpg form.apply select{width: 270px; max-width: 300px; margin: 4px 0 20px;}
#innerpg form.apply select option{width: 99%; max-width: 300px; margin: 4px 0 10px;}
#innerpg form.apply input, #innerpg form.apply .ad-input, #innerpg form.apply .add-input1, #innerpg form.apply .input1, #innerpg form.apply .blk input, #innerpg form.apply .add-input{width: 260px; max-width: 300px; margin: 4px 0 0px; padding: 8px 5px;}
#innerpg form.apply .each-input{width: 260px!important; max-width: 300px!important; margin: 4px 0 0!important;}
#innerpg form.apply .rinput{width: 250px; max-width: 275px; margin:10px 0 20px; padding: 8px 5px;}
#innerpg form.apply .rinput-res{width: 260px; max-width: 275px; margin:10px 0 20px; padding: 8px 5px;}
#innerpg form.apply .apply-textarea{width: 260px; max-width: 300px; margin: 4px 0px 20px 0;}
#innerpg form.apply .res-margin{margin: 0 0 20px;}
#innerpg form.apply .res-margin1{margin: 0 0 12px;}
#innerpg form.apply input[type="radio"]{margin: 7px 12px 0 0;}
#innerpg form.apply .radio{margin: 20px 12px 0 0 !important;}
#innerpg form.apply h3{margin: 0 0 20px !important;}
#innerpg form.apply h3 br{display: none;}
#innerpg form.apply .blk{width:100%; margin: 0;}
#innerpg form.apply .p_scents .remScnt, .p_scents1 .remScnt, .p_scents2 .remScnt, .p_scents3 .remScnt, .p_scents4 .remScnt, .p_scents5 .remScnt{margin: 0;}
.container{width: 100%; float: left;}
#innerpg form.apply ul li ul{margin: 0 0 15px 0px;}
#innerpg form.apply .asset-blk{width: 100%; margin: 0;}
}
@media screen
and (min-width:375px)
and (max-width:479px){
#innerpg main h1.h-loan1{margin: 22px 0px 30px -40px;}
#innerpg ul.why li{float: left;}
}
@media screen
and (min-width:479px)
and (max-width:767px){
.content-area{width: 94%; padding: 0 3%; float: left;}
header #logo{width: 100%; float: left;}
header #logo img{width: 100%; max-width: 200px; float: left;}
header nav{display: none;}
#banner{height: 300px;}
#gp1 .content-holder{width: 100%; margin: 0 0 40px; float: left; text-align: left;}
#gp1 h1{font: normal 20px 'oxygenbold'; margin:16px 0 8px -15px; float: left;}
#gp1 p{width: 88%; margin: 0px 0 10px 30px; float: left;}
#gp1 a .btn{float: left; margin: 23px 0 0 30px; text-align: center;}
#gp1 .tagline{text-align: center;}
#gp1 .blk, #gp1 .blk-mid{width: 100%; float: left; margin: 0 0 30px;}
#gp1 .blk p, #gp1 .blk-mid p{width: 100%; max-width: 250px; float: left; margin: 0px 0 15px;}
#gp1 .blk img, #gp1 .blk-mid img{float: left; clear: left;}
#gp1 .blk-mid .d-img{display: none;}
#gp2 .content-holder{width: 100%; max-width: 500px;}
#gp2 .content-holder .blk img{width: 100%; max-width: 225px;}
#gp3 .reach{width: 82%; font: normal 18px 'courgetteregular'; line-height: 1.8em; margin: -40px auto 45px;}
#gp3 .review{width: 90%;}
#gp4{height: auto; float: left;}
#gp4 .content-holder{width: 100%; padding: 30px 0; float: left; margin: 0;}
#gp4 h3{margin: 0; font: normal 20px 'oxygenbold'; line-height: 1.6em;}
#gp4 ul li{font: normal 12px 'capriolaregular'; line-height: 1.6em;}
#gp5 .blk, #gp5 .blk-mid{width: 100%; max-width: 200px; padding: 30px 0 30px 85px; margin:0;}
#gp5 .more{float: left; margin: 0;}
footer .content-area{width: 100%; padding: 0;}
footer #address{width: 94%; padding:7% 3%; margin: 0 0 30px;}
footer #form{width: 94%; padding: 0 3%; margin: 0 0 30px;}
footer #form input, footer #form textarea{width: 94%; max-width: 300px; margin: 10px 15px 10px 0;}
footer #footer-links{width: 94%; padding: 0 3%; text-align: left; margin: 0;}
footer #design{width: 94%; padding: 0 3%; text-align: left;}
#abtus-banner, #insurance-banner, #appointment-banner, #nonbank-banner, #apply-banner{height: 300px; background-size: cover; background-position: 60% 0%;}
#article-banner{height: 300px; background-size: cover; background-position: 85% 0%;}
#why-choose-banner, #home-loan-banner, #property-investment-banner, #refinancing-banner, #contact-banner{height: 300px; background-size: cover; background-position:45% 0;}
#first-home-banner, #trauma-insurance-banner{height: 300px; background-size: cover; background-position:70% 0;}
#kiwisaver-banner, #life-insurance-banner, #medical-insurance-banner, #income-insurance-banner, #mortgage-insurance-banner{height: 300px; background-size: cover; background-position:60% 0;}
#innerpg main{width: 100%; margin: 0 0 10px;}
#innerpg main .heading-bg{margin: -30px 0 0 0;}
#innerpg main h1{margin:22px 0px 30px -40px; font: normal 22px 'oxygenbold';}
#innerpg p{font: normal 13px 'oxygenregular'; line-height: 1.8em; clear: left !important;}
#innerpg p b{font: normal 13px 'oxygenbold'; line-height: 1.8em;}
#innerpg .tagline{font: normal 20px 'courgetteregular'; line-height: 1.5em;}
#innerpg aside{width: 100%;}
#innerpg aside .blk1, #innerpg aside .blk2, #innerpg aside .blk3{width: 90%; max-width: 250px; clear: left;}
#innerpg aside .icon{width: 25%;}
#innerpg aside .text{width: 75%;}
#innerpg aside .blk4{width: 86%; max-width: 250px; clear: left;}
#innerpg aside .blk4 h2{width: auto; float: none; margin: -42px auto 20px; padding: 1% 10%; display: table;}
#innerpg aside #canvas1, #canvas0{width:246px !important; height: 240px !important;}
#innerpg aside .blk4 div{width: 246px!important; max-width: 268px !important; height: 240px!important; max-height: 268px !important; margin: 0;}
#innerpg aside #canvas1 img, #canvas0 img{width: 100% !important; height: 100% !important;}
.ins-aside{display: none;}
.ins-aside1{display: block;}
.ins-type{width: 100%; float: left; margin: 0;}
.ins-type img{width: 100%; max-width: 300px; float: left; margin: 0 0 20px;}
#innerpg aside.ins-aside1 .blk4{display: none;}
#innerpg .article-blk .article-img{width: 23%; max-width: 120px; margin: 0 20px 0 0;}
#innerpg .article-blk .article-txt{width: 73%; margin: 0;}
#innerpg form.apply{width: 100%; float: left!important;}
#innerpg form.apply ul{width: 100%; float: left;}
.paginate-pagination ul{margin: 30px 0 0 !important;}
#innerpg form.apply .mn-blk{margin:0;}
#innerpg form.apply .block{width: 100%; margin:0px;}
#innerpg form.apply select{width: 99%; max-width: 300px; margin: 4px 0 20px;}
#innerpg form.apply select option{width: 99%; max-width: 300px; margin: 4px 0 10px;}
#innerpg form.apply input, #innerpg form.apply .ad-input{width: 95%; max-width: 300px; margin: 4px 0 8px; padding: 8px 5px;}
#innerpg form.apply .rinput{width: 78%; max-width: 275px; margin:10px 0 20px; padding: 8px 5px;}
#innerpg form.apply .apply-textarea{width: 94.5%; max-width: 300px; margin: 4px 0px 20px 0;}
#innerpg form.apply .res-margin{margin: 0 0 20px;}
#innerpg form.apply input[type="radio"]{margin: 7px 12px 0 0;}
#innerpg form.apply .radio{margin: 20px 12px 0 0 !important;}
#innerpg form.apply h3{margin: 0 0 20px !important;}
#innerpg form.apply h3 br{display: none;}
#innerpg form.apply .blk{width:100%; margin: 0;}
#innerpg form.apply label{max-width: 400px;}
#innerpg form.apply ul li ul{margin: 0 0 15px 0px;}
#innerpg form.apply img{clear: both; float: left;}
#innerpg form.apply .plus-img{margin: 10px 0;}
#innerpg form.apply .asset-blk{width: 90%; margin: 0;}
}
@media screen
and (min-width:767px)
and (max-width:1000px){
.content-area{width: 96%; padding: 0 2%; float: left;}
header #logo{width: 100%; float: left;}
header #logo img{width: 100%; max-width: 200px; float: left;}
header nav{display: none;}
#banner{height: 400px;}
#gp1 .blk, #gp1 .blk-mid{width: 100%; float: left; margin: 0 0 30px;}
#gp1 .blk p, #gp1 .blk-mid p{width: 100%; max-width: 250px; float: left; margin: 0px 0 15px;}
#gp1 .blk img, #gp1 .blk-mid img{float: left; clear: left;}
#gp1 .blk-mid .d-img{display: none;}
#gp2 .content-holder{width: 100%; max-width: 500px;}
#gp2 .content-holder .blk img{width: 100%; max-width: 225px;}
#gp3 .reach{width: 80%; max-width: 700px; margin: -40px auto 40px;}
#gp3 .review{width: 80%; max-width: 700px;}
#gp4{height: auto; float: left;}
#gp4 .content-holder{width: 500px; padding:35px 0 25px; float:right; margin: 0;}
#gp4 h3{margin: 0; font: normal 22px 'oxygenbold'; line-height: 1.6em;}
#gp4 ul li{font: normal 12px 'capriolaregular'; line-height: 1.6em;}
#gp4 .more.cl-effect-13 a{float: right; margin: 0 30px 0 0;}
#gp5 .blk, #gp5 .blk-mid{width: 100%; max-width: 200px; padding: 30px 0 30px 85px; margin:0; clear: left;}
#gp5 .more{float: left; margin: 0;}
footer #form{height: 380px; width: 50%;}
footer #address{width: 36%; height: 195px; padding: 100px 25px;}
footer #form input, footer #form textarea{width: 240px;}
#abtus-banner, #insurance-banner, #appointment-banner, #nonbank-banner, #apply-banner{height: 400px; background-size: cover; background-position: 60% 0%;}
#article-banner{height: 400px; background-size: cover; background-position: 85% 0%;}
#why-choose-banner, #home-loan-banner, #property-investment-banner, #refinancing-banner, #contact-banner{height: 300px; background-size: cover; background-position:45% 0;}
#first-home-banner, #trauma-insurance-banner{height: 300px; background-size: cover; background-position:70% 0;}
#kiwisaver-banner, #life-insurance-banner, #medical-insurance-banner, #income-insurance-banner, #mortgage-insurance-banner{height: 300px; background-size: cover; background-position:60% 0;}
#innerpg main{width: 100%; margin: 0 0 10px;}
#innerpg aside{width: 100%;}
#innerpg aside .blk1, #innerpg aside .blk2, #innerpg aside .blk3{width: 90%; max-width: 250px; clear: left; padding: 12px 15px;}
#innerpg aside .icon{width: 25%;}
#innerpg aside .text{width: 75%;}
#innerpg aside .blk4{width: 90%; max-width: 250px; clear: left; padding: 10px 15px;}
#innerpg aside .blk4 div{width: 250px !important; height: 250px !important; margin: 6px 0 10px;}
#innerpg aside #canvas1 img, #canvas0 img{width: 100% !important; height: 100% !important;}
#innerpg aside .blk4 h2{margin:-28px 58px 0;}
.ins-aside{display: none;}
.ins-aside1{display: block;}
.ins-type{display: none;}
#innerpg aside.ins-aside1 .blk4{display: none;}
#innerpg .article-blk .article-img{width: 14%; max-width: 100px; margin: 0 20px 0 0;}
#innerpg .article-blk .article-txt{width: 80%;}
#innerpg form.apply .rinput{margin: 10px 0px 10px 0;}
#innerpg form.apply .blk{width: 100%; margin: 0;}
#innerpg form.apply .apply-textarea{max-width: 700px;}
#innerpg form.apply .asset-blk{min-width: 300px;}
#innerpg form.apply input{margin: 4px 57px 10px 0;}
#innerpg form.apply .add-input1{margin: 4px 3px 10px 0;}
}
@media screen
and (min-width:1000px){
#gp1 .blk-mid .res-img{display: none;}
#gp1 .blk-mid .d-img{display: block;}
.ins-aside1{display: none;}
.ins-type{display: none;}
}