body, html {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body {
background: #FFF;
}
body.iframe {
width: auto;
height: auto;
}
h1, h2, h3, h4, h5, p, ul, ol, li, form, hr {
margin: 0;
padding: 0;
}
BODY, TABLE {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #173056;
}
.noPadding {
padding: 0px;
}
img {
max-width: 100%;
height: auto!important;
}
.container-fluid
{
max-width:1920px;
width:100%;
margin:0px auto;
display:block;
}
/******************************************************/
.pattern {
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.pattern {
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.pattern {
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.pattern {
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.pattern {
}
}
/* ----------- General Page Rules -------------------------*/
hr {
display: block;
border: none;
border-bottom: 1px solid #66c8c7;
margin: 40px 0px;
}
h1 {
font-size: 28px;
color: #66c8c7;
line-height: 1.4;
margin: 20px 0px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
h2 {
font-size: 40px;
color: #173056;
line-height: 1.4;
margin: 20px 0px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
h2 {
font-size: 34px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
h2 {
font-size: 36px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
h2 {
font-size: 38px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
h2 {
font-size: 40px;
margin: 20px 0px
font-family: 'LatoLatinWebLight';;
}
}
h3 {
font-size: 34px;
color: #173056;
line-height: 1.4;
margin: 20px 0px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
h3 {
font-size: 28px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
h3 {
font-size: 30px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
h3 {
font-size: 32px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
h3 {
font-size: 34px;
margin: 20px 0px;
font-family: 'LatoLatinWebLight';
}
}
h4 {
font-size: 24px;
color: #173056;
line-height: 1.4;
margin: 20px 0px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
h5 {
font-size: 18px;
color: #66c8c7;
line-height: 1.4;
margin: 20px 0px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
p {
font-family: 'LatoLatinWebLight';
font-size: 16px;
color: #173056;
line-height: 1.4;
margin: 12px 0px;
font-weight: 100;
}
li {
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #173056;
line-height: 1.4;
margin: 12px 0px 12px 18px;
font-weight: 100;
}
a {
text-decoration: none;
color: #173056;
}
a:hover {
text-decoration: none;
color: #173056;
}
/*****************************/
.pattern img {
width: 100%;
float: left;
}
header {
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
z-index: 5000;
height: 224px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header {
height: 116px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
header {
height: 125px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
header {
height: 135px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
header {
height: 145px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
header {
height: 152px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
header {
height: 163px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
header {
height: 172px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
header {
height: 183px;
}
}
/*************************************/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px){
header .container{
width: 100% !important;
padding:0px 110px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px){
header .container{
padding:0px 80px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px){
header .container{
padding:0px 110px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px){
header .container{
padding:0px 130px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px){
header .container{
padding:0px 180px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px){
header .container{
padding:0px 230px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px){
header .container{
padding:0px 200px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px){
header .container{
padding:0px 220px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
header {
z-index:4499;
}
}
header #headerLightBlue {
position: absolute;
top: 188px;
left: 0;
right: 0;
width: 100%;
margin: 0px 0px 0px 0px;
height: 36px;
background: #65c8c7;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px){
header #headerLightBlue {
position: absolute;
top: 116px;
left: 0;
right: 0;
width: 100%;
margin: 0px 0px 0px 0px;
height: 23px;
background: #65c8c7;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px){
header #headerLightBlue {
top: 125px;
height: 24px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px){
header #headerLightBlue {
top: 135px;
height: 26px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px){
header #headerLightBlue {
top: 145px;
height: 28px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px){
header #headerLightBlue {
top: 152px;
height: 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px){
header #headerLightBlue {
top: 163px;
height: 32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px){
header #headerLightBlue {
top: 172px;
height: 34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px){
header #headerLightBlue {
top: 183px;
height: 36px;
}
}
/*****************************/
.contactContainer {
float: left;
position: relative;
width: 100%;
}
.contactPage h2 {
margin-top: 0;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.contactContainer {
width:50%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
header a.contactLink {
margin: 70px 0px 0px 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.contactContainer {
float: right;
width: 65%;
}
header a.contactLink {
margin: 80px 0px 0px 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 860px) {
.contactContainer {
float: right;
width: 65%;
}
header a.contactLink {
margin: 80px 0px 0px 30px !important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.contactContainer {
width:53%;
width: 770px;
left: 100px;
position: absolute;
}
header .siteSearchContainer {
display: block;
float: left;
margin: 60px 8px 0px 30px !important;
}
header a.contactLink {
margin: 60px 0px 0px 30px !important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header .siteSearchContainer {
margin: 0px 78px 0px 30px !important;
}
header a.contactLink {
margin: 0px 0px 0px 0px !important;
}
.contactContainer {
top:0px;
left: 100px;
position: absolute;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.contactContainer {
top:0px;
left: 133px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.contactContainer {
top:0px;
left: 202px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.contactContainer {
top:0px;
left: 270px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.contactContainer {
top:0px;
left: 350px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.contactContainer {
top:0px;
left: 400px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.contactContainer {
top:0px;
left: 400px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.contactContainer {
top:0px;
left: 434px;
}
}
header a.contactLink {
float: left;
position: relative;
margin: 0px 0px 0px 10px;
padding: 0px 0px 3px 0px;
color: #00acc8;
font-size: 18px;
border-bottom: 1px solid #00acc8;
font-family: 'Lato', sans-serif;
font-weight: 100;
display:none;
font-family: 'LatoLatinWebLight';
}
header .siteSearchContainer {
float: right;
margin: 20px 0px 0px 30px;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
header a.contactLink {
float:left;
position: relative;
margin: 68px 0px 0px 30px;
padding: 0px 0px 3px 0px;
color: #00acc8;
font-size: 18px;
border-bottom: 1px solid #00acc8;
font-weight: 100;
display:none;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header a.contactLink {
display:block;
float: right;
margin: 23px 0px 0px 0px!important;
padding: 0px 0px 3px 0px;
display:block;
font-size: 14px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 14px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 16px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 16px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
header a.contactLink {
padding: 0px 0px 3px 0px;
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
header .searchLabel {
display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header .siteSearchContainer {
display:block;
float: right;
position: relative;
margin:23px 35px 0px 0px!important;
}
}
header .siteSearchInput {
border: none;
color: #00acc8;
font-size: 14px;
border-bottom: 1px solid #00acc8;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px;
font-weight: 100;
width: 123px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header .siteSearchInput {
font-size: 14px;
width: 123px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
header .siteSearchInput {
font-size: 14px;
width: 143px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
header .siteSearchInput {
font-size: 15px;
width: 153px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
header .siteSearchInput {
font-size: 15px;
width: 168px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
header .siteSearchInput {
font-size: 16px;
width: 173px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
header .siteSearchInput {
font-size: 16px;
width: 183px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
header .siteSearchInput {
font width: 123px;
size: 17px;
width: 193px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
header .siteSearchInput {
font-size: 17px;
width: 203px;
font-family: 'LatoLatinWebLight';
}
}
header .siteSearchSubmit {
border: none;
position: absolute;
top: 0px;
right: 0px;
width: 25px;
height: 25px;
margin: 0px 0px 0px;
background: url(https://www.harristate.co.nz/images/style/siteSearchSubmit.png) center center no-repeat;
}
/*****************************/
.logoContainer {
float: left;
position: relative;
width: 55%;
z-index: 5000;
margin: 30px 0px 0px 10px;
}
.logoContainer a img {
width: 261px!important;
margin: 0px;
}
.logoContainer a {
width: 94%;
text-align: center;
margin: 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.logoContainer a {
width:auto;
text-align: left;
margin: 0px;
}
.logoContainer {
width: 43%;
height: 200px;
margin: 0px 0px 0px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.logoContainer {
width:33%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.logoContainer {
width:23%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.logoContainer {
width:164px;
margin: 0px 0px 0px 21px;
}
.logoContainer a img {
width: 100%!important;
margin: 0px;
}
.logoContainer a {
width: 100%;
text-align: center;
margin: 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.logoContainer
{
width:178px;
margin: 0px 0px 0px 15px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.logoContainer
{
width:190px;
margin: 0px 0px 0px 44px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.logoContainer
{
width:204px;
margin: 3px 0px 0px 53px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.logoContainer
{
width:218px;
margin: 5px 0px 0px 62px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.logoContainer
{
width:232px;
margin: 5px 0px 0px 71px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.logoContainer
{
width:246px;
margin: 6px 0px 0px 80px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.logoContainer
{
width:261px;
margin: 5px 0px 0px 92px;
}
}
/***************************************/
.menu-collapser {
position:absolute;
top:0;
right:0;
background:#000;
width:50px;
height:50px;
font-size: 18px;
text-transform: uppercase;
z-index:5000;
display:none;
}
.menu-collapser .collapse-button {
position: absolute;
width: 40px;
height: 40px;
top: 00px;
right: 0px;
background: #173056;
padding: 0px 2px 0px 2px;
border-radius: 3px;
cursor: pointer;
}
.menu-collapser .collapse-button span {
display: block;
margin: 8px 10%;
width: 80%;
height: 3px;
background: #FFF;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.navigationMobile
{
display:none;
}
}
.navigationMobile ul.collapsed {
float: left;
position: relative;
margin-top: 5px;
background: rgba(101,200,199, 0.9);
width: 100%;
max-width: 100%;
padding: 10px 0px;
overflow: hidden;
z-index:5000;
}
.navigationMobile ul.collapsed li {
float: left;
position: relative;
width: 100%;
margin: 5px 10px;
}
.navigationMobile ul.collapsed li a:hover {
color: #FFF;
}
.navigationMobile ul.collapsed li span {
margin: 0px 0px 0px 0px;
display:inline-block;
cursor: pointer;
left:0px;
top:16px;
position:absolute;
z-index:9999;
}
.navigationMobile ul.collapsed li.expertise-anchor span {
left:125px;
}
.navigationMobile ul.collapsed li.about-us-anchor span {
left:125px;
}
.navigationMobile ul.collapsed li.client-stories-anchor span {
left:185px;
}
.navigationMobile ul.collapsed li.community-anchor span,
.navigationMobile ul.collapsed li.articles-anchor span {
display:none;
}
.navigationMobile ul.collapsed li span i{
float:left;
position:relative;
width:24px;
height:35px;
font-size:0;
background: url(https://www.harristate.co.nz/images/style/smallBlueNavArrow.jpg) top center no-repeat;
}
.navigationMobile ul.collapsed li span.expanded i{
float:left;
position:relative;
width:24px;
height:35px;
font-size:0;
background: url(https://www.harristate.co.nz/images/style/smallWhiteNavArrow.jpg) top center no-repeat;
}
.navigationMobile ul.collapsed li span:hover i{
background: url(https://www.harristate.co.nz/images/style/smallWhiteNavArrow.jpg) top center no-repeat;
}
.navigationMobile ul.collapsed li ul li span {
display: none;
}
/**********************************************/
ul.collapsed {
width: 100%!important;
padding-bottom: 10px;
min-height:100%;
z-index:9999;
}
ul.collapsed li {
float: left!important;
position: relative!important;
width: 96%!important;
background: transparent;
margin: 0px 0%;
}
ul.collapsed li a {
float: left!important;
position: relative!important;
width: auto!important;
margin: 0px 0px!important;
padding: 8px 0px!important;
font-size: 20px;
color: #FFf;
border-bottom: 0px solid #FFF;
text-transform:uppercase;
color:#163056;
z-index:9998;
}
ul.collapsed li a:hover {
color: #FFF;
}
ul.collapsed li ul {
float: left!important;
position: relative!important;
width: 100%!important;
margin: 0px 0% 0px 0%;
padding: 0px;
}
ul.collapsed li ul li {
float: left!important;
position: relative!important;
width: 100%!important;
margin: 0px 0% 0px 0%!important;
padding: 5px 0 0px 5px!important;
}
ul.collapsed li ul li ul {
display: none!important;
}
ul.collapsed li ul li a {
float: left;
position: relative;
width: 100%;
margin: 0px;
padding-left: 10px!important;
font-size: 16px;
}
ul.collapsed li ul li a:before {
content: "-";
margin-right: 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
ul.collapsed li ul li a:before {
content: "-";
margin-right: 5px;
}
}
.headerNavigation > ul li .sub-toggle {
background: transparent;
text-align: right;
padding: 0px 10px 0px 0px;
}
.headerNavigation > ul li .sub-toggle > i {
color: #FFF!important;
font-style: normal;
}
.mobileNavWrap
{
position:absolute;
top:0px;
left:0px;
right:0;
z-index:9999;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.mobileNavWrap
{
display:none;
}
}
.mobileNavInnerWrap
{
display:none;
}
.navigationMobile.active
{
float:left;
position:relative;
width:100%;
}
.mobileNavInnerWrap.active
{
float:left;
position:relative;
width:100%;
transition:all 0.5s;
display:block;
background:#65c8c7!important;
}
.navigationMobile.active ul.collapsed
{
position:relative;
width:100%;
display:block!important;
background:#65c8c7!important;
margin:0px 0px;
padding:60px 30px;
list-style:none;
}
.navigationMobile.active ul.collapsed li
{
padding:0px!important;
margin:0!important;
}
.navigationMobile.active ul.collapsed li a
{
padding:8px 0px!important;
margin:0!important;
font-size:22px;
}
.navigationMobile.active ul.collapsed li ul
{
list-style:none;
padding:0px 0px 30px 30px!important;
margin:0!important;
}
.navigationMobile.active ul.collapsed li ul li
{
padding:0px!important;
margin:0!important;
}
.navigationMobile.active ul.collapsed li ul li a
{
list-style:none;
font-size:22px;
padding:5px 0px!important;
margin:0!important;
}
.navigationMobile.active ul.collapsed li ul li a:before
{
content:"";
}
.menu-collapser
{
display:none!important;
}
.openIcon
{
position:absolute;
top:59px;
right:35px;
width:41px;
height:41px;
background: url(https://www.harristate.co.nz/images/style/menuIcon.png) center center no-repeat;
background-size:100%;
cursor:pointer;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.openIcon
{
top:70px;
width:61px;
height:41px;
}
}
.closeIcon
{
position:absolute;
top:70px;
right:35px;
width:28px;
height:38px;
background: url(https://www.harristate.co.nz/images/style/closeIcon.png) center center no-repeat;
background-size:100%;
cursor:pointer;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.closeIcon
{
width:38px;
height:38px;
}
}
.whiteLogo
{
margin:40px 0px 0px 30px;
max-width:55%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.whiteLogo
{
margin:30px 0px 0px 30px;
width:auto;
}
}
#sitesearchLink
{
position:absolute;
top:71px;
right:150px;
width:40px;
height:40px;
background: url(https://www.harristate.co.nz/images/style/largeSearchIcon.png) center center no-repeat;
background-size:100%;
cursor:pointer;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
#sitesearchLink
{
display:block;
}
}
.mobileNavInnerWrap #sitesearchLink
{
position:absolute;
top:71px;
right:150px;
width:40px;
height:40px;
background: url(https://www.harristate.co.nz/images/style/largeSearchIconWhite.png) center center no-repeat;
background-size:100%;
cursor:pointer;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.mobileNavInnerWrap #sitesearchLink
{
display:block;
}
}
.leftNavContent
{
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.leftNavContent
{
float:left;
position:relative;
width:50%;
padding:0px 0px 0px 30px;
box-sizing:border-box;
display:block;
}
}
.leftNavContent h2
{
color: #FFF;
text-transform: uppercase;
font-size: 42px;
line-height: 1.2;
font-weight: 100;
margin: 0px 0px 10px;
}
.rightNavContent
{
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.rightNavContent
{
float:right;
position:relative;
width:40%;
padding:0px 0px 40px;
display:block;
}
}
.rightNavContent h2 {
color: #162f56;
font-size: 36px;
line-height: 1;
margin: 0px 0px 20px;
}
.rightNavContent h2 span {
font-weight: 600;
}
.rightNavContent p {
font-size: 26px;
font-weight: 100;
margin: 45px 0px 0px 0px;
line-height: 1.2;
}
.phoneContent
{
float:right;
position:relative;
width:94%;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.phoneContent p
{
border:2px solid #FFF;
text-align:center;
padding:10px 0px;
margin:0px 30px 40px 0px;
color:#FFF;
font-size:26px;
}
.phoneContent p a
{
color:#FFF;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.phoneContent
{
float:right;
position:relative;
width:75%;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.phoneContent
{
display:none;
}
}
/****************************************/
#linksMenu {
display: none!important;
width : 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
#linksMenu {
display:block!important;
}
}
.navigation {
position: absolute;
width: 94%;
top: 190px;
left: 3%;
z-index: 5000;
padding: 0px 0px 0px 0%;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.navigation {
width:auto;
top: 75px;
left: 280px;
padding: 0px 0px 0px 0%;
display:block;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.navigation {
top: 82px;
left: 280px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.navigation {
top: 92px;
left: 318px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.navigation {
top: 98px;
left: 350px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.navigation {
top: 105px;
left: 400px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.navigation {
top: 109px;
left: 450px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.navigation {
top: 115px;
left: 450px;
padding: 0px 0px 0px 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.navigation {
top: 119px;
left: 480px;
padding: 0px 0px 0px 0%;
}
}
header {
background: none;
}
.pattern img {
max-width: 100%;
}
.navigation .menuCatName {
display: none;
}
.navigation ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
.navigation ul li {
float: left;
position: relative;
display: inline-block;
margin: 0px 15px;
padding: 0px;
list-style: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.navigation ul li {
margin:0px 6.5px;
padding: 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.navigation ul li {
margin:0px 15px;
padding: 0px;
}
}
.navigation ul li span {
float: right;
position: relative;
width: 13px;
height: 7px;
margin: 10px 0px 0px 6px;
background: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.navigation ul li span {
float: right;
position: relative;
width: 13px;
height: 7px;
margin: 10px 0px 0px 6px;
background: url(https://www.harristate.co.nz/images/style/topNavDownArrow.png) center center no-repeat;
}
}
.navigation .articles-anchor span, .navigation .community-anchor span {
display: none;
}
.navigation ul li span i {
display: block;
color: #FFF;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.navigation ul li span i {
display:none;
font-family: 'LatoLatinWebLight';
}
}
.navigation ul li a {
margin: 0px;
padding: 0px;
text-transform: uppercase;
color: #173056;
font-size: 13px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 13px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 16px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.navigation ul li a {
margin: 0px;
padding: 0px;
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
.navigation ul li a:hover {
color: #66c8c7;
}
.navigation ul li ul {
margin: 0px;
padding: 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.navigation ul li ul {
margin:0px;
padding: 0px;
display: none!important;
}
}
.navigation ul li:hover ul {
position: absolute;
margin: 0px;
padding: 0px;
width: 300px;
display: none;
}
/***************************/
#linksMenu {
position: absolute;
top: 140px;
left: 0;
background: #65c8c7;
background: rgba(101,200,199,0.95);
width: 100%;
height: 0px;
transition: all 0.5s;
overflow: hidden;
border-top: 1px solid #FFF;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#linksMenu {
top: 139px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
#linksMenu {
top: 149px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
#linksMenu {
top: 161px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
#linksMenu {
top: 173px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
#linksMenu {
top: 182px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
#linksMenu {
top: 195px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
#linksMenu {
top: 206px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
#linksMenu {
top: 219px;
}
}
#linksMenu.hover {
height: 315px;
transition: all 0.5s;
}
#linksMenu.hover .linksMenuWrap {
float: left;
position: relative;
width: 100%;
padding: 20px 8% 0px 19%;
}
#linksMenu.hover .linksMenuWrap ul {
float: left;
position: relative;
width: 100%;
list-style: none;
padding: 0% 0%;
}
#linksMenu.hover .linksMenuWrap ul li {
float: left;
position: relative;
width: 100%;
list-style: none;
margin: 0;
}
#linksMenu .linksMenuWrap ul li,
#linksMenu .linksMenuWrap ul{
list-style: none!important;
}
#linksMenu .linksMenuWrap ul li ul{
-webkit-columns: 50px 2; /* Chrome, Safari, Opera */
-moz-columns: 50px 2; /* Firefox */
columns: 50px 2;
}
#linksMenu.hover .linksMenuWrap ul li ul{
width: 100%;
list-style: none;
display: inline-block !important;
padding: 0% 0%;
}
#linksMenu .linksMenuWrap ul li ul.virtualModuleMenu,
#linksMenu.hover .linksMenuWrap ul li ul.virtualModuleMenu{
width: 100% !important;
-webkit-columns: 50px 2; /* Chrome, Safari, Opera */
-moz-columns: 50px 2; /* Firefox */
columns: 50px 2;
}
.ourPeopleMenu.virtualModuleMenu,
.navigation .ourPeopleMenu.virtualModuleMenu,
#linksMenu .linksMenuWrap .ourPeopleMenu.virtualModuleMenu
{
display:none!important;
}
#linksMenu .linksMenuWrap ul li.about-us-anchor ul,
#linksMenu.hover .linksMenuWrap ul li.about-us-anchor ul
{
-webkit-columns: 50px 1; /* Chrome, Safari, Opera */
-moz-columns: 50px 1; /* Firefox */
columns: 50px 1;
}
#linksMenu.hover .linksMenuWrap ul li ul.communityMenu.virtualModuleMenu,
#linksMenu.hover .linksMenuWrap ul li ul.latestNewsMenu,
#linksMenu.hover .linksMenuWrap ul li ul.ourPeopleMenu {
display: none !important;
}
#linksMenu .linksMenuWrap ul li ul,
#linksMenu.hover .linksMenuWrap ul li ul li {
/*! float: left; */
position: relative;
width: 100%;
margin: 0px;
padding: 4px 0px;
display: inline-block;
}
#linksMenu.hover .linksMenuWrap ul li ul li:hover a {
color: #fff;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor {
float: left;
position: relative;
width: 49%;
width: 100%!important;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor a {
font-size: 26px;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor ul {
float: left;
position: relative;
width: 100%;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor ul li {
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor ul li ul li {
float: left;
position: relative;
width: 33%;
margin: 0px;
padding: 2px 0px 2px;
display: inline-block;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor a, #linksMenu.hover .linksMenuWrap li.articles-anchor ul li a {
font-size: 0px;
}
#linksMenu.hover .linksMenuWrap li.articles-anchor ul li ul li a {
font-size: 18px;
padding: 0px 20px 0px 0px;
}
#linksMenu ul li a {
text-transform: uppercase;
font-weight: 100;
font-size: 0px;
font-family: 'LatoLatinWebLight';
}
#linksMenu ul li ul li a {
text-transform: uppercase;
font-weight: 100;
font-size: 18px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#linksMenu ul li ul li a {
font-size: 14px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
#linksMenu ul li ul li a {
font-size: 14px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
#linksMenu ul li ul li a {
font-size: 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
#linksMenu ul li ul li a {
font-size: 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
#linksMenu ul li ul li a {
font-size: 16px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
#linksMenu ul li ul li a {
font-size: 16px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
#linksMenu ul li ul li a {
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
#linksMenu ul li ul li a {
font-size: 17px;
font-family: 'LatoLatinWebLight';
}
}
#linksMenu ul li ul li a.menuSelected {
color: #fff;
font-family: 'LatoLatinWebLight';
}
.menuCatName {
float: left;
position: relative;
color: #FFF;
font-size: 36px;
margin: 0px 0px 10px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.menuCatName {
font-size: 26px;
margin: 0px 0px 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.menuCatName {
font-size: 28px;
margin: 0px 0px 15px;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.menuCatName {
font-size: 32px;
margin: 0px 0px 15px;
font-family: 'LatoLatinWebLight';
}
}
.navigationMobile .menuCatName
{
display:none;
}
/***************/
section {
float: left;
position: relative;
width: 100%;
margin: 0px auto;
}
.terms-of-engagement section
{
margin: 30px auto 0px;
}
header #logo {
float: left;
position: relative;
margin: 10px 0px 10px 3%;
padding: 0px 0px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
header #logo {
margin:30px 0px 30px 3%;
padding: 0px 0px 0px;
z-index: 5000;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
header #logo {
margin:30px 0px 30px 3%;
padding: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
header #logo {
margin:35px 0px 30px 3%;
padding: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
header #logo {
margin:21px 0px 0px 86px;
padding: 0px 0px 0px;
}
}
/****************************/
#homeSlides {
float: left;
position: relative;
width: 100%;
margin: 0px 0;
}
.moduleComponentContainerhomeSlides {
float: left;
position: relative;
width: 100%;
}
.moduleComponentContainerhomeSlides .bannerTitle {
display: none;
}
.moduleComponentContainerhomeSlides .bannerImageContainer
{
float:left;
position:relative;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent {
float:left;
position:relative;
width:100%;
padding:30px 7% 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
position:absolute;
bottom:0px;
left: 10%;
width: 80%;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
bottom:0px;
left: 10.1%;
width: 533px;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
bottom:0px;
left: 96px;
width: 334px;
padding: 0% 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 89px;
width: 361px;
padding: 0% 0;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 112px;
width: 399px;
padding: 0% 4px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 120px;
width: 415px;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 127px;
width: 445px;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 135px;
width: 472px;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 143px;
width: 498px;
padding: 0% 0%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent {
left: 153px;
width: 534px;
padding: 0% 0%;
}
}
.moduleComponentContainerhomeSlides .bannerHtmlContent #topWrap {
float: left;
position: relative;
height: auto;
width: 100%;
background: none;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent #innerWrap {
float: left;
position: relative;
background: rgba(255,255,255,0.7);
padding: 2% 3% 5% 3%;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent #topWrap {
height:224px;
width: 100%;
background: url(https://www.harristate.co.nz/images/style/bannerHtmlContentBannerTop.png) top center repeat-x;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent #innerWrap {
background: #FFF;
padding: 0% 3% 10%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent #topWrap {
height:135px;
width: 100%;
background: url(https://www.harristate.co.nz/images/style/bannerHtmlContentBannerTopSmall.png) bottom center repeat-x;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent #innerWrap {
background: #FFF;
padding: 0% 8% 20% 3%;
}
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
text-transform: uppercase;
color: #031125;
font-weight: 100;
font-size: 24px;
margin: 0px 0px 0px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
color: #031125;
font-weight: 100;
font-size: 18px;
margin: 0px 0px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
text-transform: uppercase;
font-size: 44px;
margin: 0px 0px 0px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 33px;
margin: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
text-transform: uppercase;
font-size: 30px;
margin: 0px 0px 0px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 22px;
margin: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 32px;
margin: 0px 0px 0px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 23px;
margin: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 32px;
margin: 0px 0px 0px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 24px;
margin: 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 34px;
margin: 0px 0px 0px 5px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 26px;
margin: 0px 0px 0px 5px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 36px;
margin: 0px 0px 0px 5px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 28px;
margin: 0px 0px 0px 5px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 38px;
margin: 0px 0px 0px 5px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 30px;
margin: 0px 0px 0px 5px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 40px;
margin: 0px 0px 0px 4px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 31px;
margin: 0px 0px 0px 4px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleComponentContainerhomeSlides .bannerHtmlContent h2 {
font-size: 44px;
margin: 0px 0px 0px 5px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent h3 {
font-size: 33px;
margin: 0px 0px 0px 5px;
}
}
.moduleComponentContainerhomeSlides .mobileBanner
{
display:block;
}
.moduleComponentContainerhomeSlides #item172
{
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentContainerhomeSlides .mobileBanner
{
display:none;
}
.moduleComponentContainerhomeSlides #item172
{
display:block;
}
}
.moduleComponenthomePageContent.moduleComponent134 {
float:left;
position:relative;
width:100%;
background: #FFF;
padding: 0% 12% 0px 10%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponenthomePageContent.moduleComponent134 {
width:100%;
background: #FFF;
padding: 0% 12% 0px 10%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent134 {
width:100%;
background: #FFF;
padding: 0% 60px 0px 106px;
}
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent {
float:left;
position:relative;
width:100%;
margin:0px!important;
padding:0px!important;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent p {
font-size: 18px;
font-weight: 100;
margin: 15px 0px;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3 {
text-transform: uppercase;
font-weight: 100;
margin: 0px 0px 0px;
font-size: 21px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent p {
font-size: 20px;
margin: 15px 0px;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3 {
margin: 0px 0px 0px;
font-size: 24px;
}
}
.contact h3 {
text-transform: uppercase;
font-weight: 100;
font-size: 28px;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3 a {
float: left;
position: relative;
}
.contact h3 a {
float: left;
position: relative;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3 a:after {
content: "";
position: absolute;
top: 2px;
right: -30px;
width: 15px;
height: 25px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/blueArrowSmall.png) center center no-repeat;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3 a:after {
top: 4px;
right: -30px;
width: 15px;
height: 25px;
background: url(https://www.harristate.co.nz/images/style/blueArrowSmall.png) center center no-repeat;
}
}
.contact h3 a:after {
content: "";
position: absolute;
top: 8px;
right: -40px;
width: 15px;
height: 25px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/blueArrow.png) center center no-repeat;
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent h3:hover a:after {
right: -35px;
transition: all 0.5s;
}
.contact h3:hover a:after {
right: -50px;
transition: all 0.5s;
}
.moduleComponenthomePageContent.moduleComponent135 {
min-height: 636px;
}
.moduleComponenthomePageContent.moduleComponent137 {
background:#0bacc8;
padding: 20px 3% 40px 3%;
}
.moduleComponenthomePageContent.moduleComponent138 {
background:#FFF;
padding: 20px 3% 40px 3%;
display:none;
}
.mobileCallout .moduleComponenthomePageContent.moduleComponent138
{
display:block;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 106px;
display:block;
}
.mobileCallout .moduleComponenthomePageContent.moduleComponent138
{
display:none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 101px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 101px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 128px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 128px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 138px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 138px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 148px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 148px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 154px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 154px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 164px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 164px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleComponenthomePageContent.moduleComponent134 {
padding: 0% 60px 0px 175px;
}
.moduleComponenthomePageContent.moduleComponent137 {
padding: 0% 8.5%;
}
.moduleComponenthomePageContent.moduleComponent138 {
padding: 0% 7% 0px 175px;
}
}
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent,
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:0% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerImageContainer
{
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
margin:0px 0px 0px;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
position:absolute;
top:0px;
left:0px;
padding:4% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
margin:0px 0px 0px 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:4% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
margin:0px 0px 0px;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:4% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:6% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:4% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:6% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:10% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleComponenthomePageContent.moduleComponent134 .bannerHtmlContent
{
padding:15% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent
{
padding:4% 10% 0px!important;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent
{
padding:18% 0px 0px!important;
}
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size: 38px;
font-weight: 100;
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
color:#66c8c7;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size:26px;
margin:0px 0px 5px;
padding:0px 0px;
font-weight: 100;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size:28px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size:30px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size:32px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h2 {
font-size:34px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 24px;
font-weight: 100;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 16px;
font-weight: 100;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 18px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 20px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 22px;
margin:0px 0px 5px;
padding:0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3,
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent h3
{
font-size: 24px;
margin:0px 0px 15px;
padding:0px 0px;
}
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 16px;
font-weight: 100;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 14px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 15px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 16px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 17px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent p {
font-size: 18px;
margin:6px 0px;
}
}
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 20px;
font-weight: 100;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 14px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 15px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 16px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 17px;
margin:6px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponenthomePageContent.moduleComponent138 .bannerHtmlContent p {
font-size: 18px;
margin:6px 0px;
}
}
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h2,
.moduleComponenthomePageContent.moduleComponent137 .bannerHtmlContent h3
{
color: #FFF;
}
.moduleComponenthomePageContent.moduleComponent136, .moduleComponenthomePageContent.moduleComponent139 {
padding: 0px 0px 0px 0px;
}
.moduleComponenthomePageContent .bannerImageContainer
{
overflow:hidden;
}
.moduleComponenthomePageContent .bannerImageContainer img {
width: 100%;
max-width:100%;
height:auto !important;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1200px)
{
.moduleComponenthomePageContent .bannerImageContainer img {
width: 100%;
height:100% !important;
max-width:none;
float:right;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1700px)
{
.moduleComponenthomePageContent .bannerImageContainer img {
width: 100%;
max-width:100%;
height:auto !important;
}
}
/**************************/
.homeCalloutsWrap {
float: left;
position: relative;
/**max-width: 100%;***/
padding:0px 10px 0px 0px!important;
}
.homeCalloutsWrap .moduleComponent140,
.homeCalloutsWrap .moduleComponent141,
.homeCalloutsWrap .moduleComponent142
{
float: left;
position: relative;
padding: 0px 0px 0px;
width: 100%;
margin: 12px 0% 12px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.homeCalloutsWrap .moduleComponent140, .homeCalloutsWrap .moduleComponent141, .homeCalloutsWrap .moduleComponent142 {
padding:0px 0px 0px;
width: 83%;
margin: 12px 8.5%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.homeCalloutsWrap .moduleComponent140,
.homeCalloutsWrap .moduleComponent141,
.homeCalloutsWrap .moduleComponent142 {
padding:0px 0px 0px;
width: 32%;
margin: 22px 2% 22px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.homeCalloutsWrap .moduleComponent140,
.homeCalloutsWrap .moduleComponent141,
.homeCalloutsWrap .moduleComponent142 {
padding:0px 0px 0px;
width: 32%;
margin: 10px 2% 10px 0px;
}
}
.homeCalloutsWrap .moduleComponent142 {
margin-right: 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent {
background: #8bc2c4 url(https://www.harristate.co.nz/images/style/greenOverlayArrowBottom.png) top left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent {
background: #73c0d6 url(https://www.harristate.co.nz/images/style/blueOverlayArrowBottom.png) top left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent {
background: #be80a7 url(https://www.harristate.co.nz/images/style/pinkOverlayArrowBottom.png) top left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent .bannerImageContainer {
float: left;
position: relative;
width: 100%;
}
.homeCalloutsWrap .moduleComponent .bannerImageContainer img {
width: 100%;
}
.homeCalloutsWrap .moduleComponent .bannerImageContainer {
float: left;
position: relative;
}
.homeCalloutsWrap .moduleComponent .bannerImageContainer span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.homeCalloutsWrap .moduleComponent140 .bannerImageContainer span {
background: url(https://www.harristate.co.nz/images/style/greenOverlayArrowTop.png) bottom left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent141 .bannerImageContainer span {
background: url(https://www.harristate.co.nz/images/style/blueOverlayArrowTop.png) bottom left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent142 .bannerImageContainer span {
background: url(https://www.harristate.co.nz/images/style/pinkOverlayArrowTop.png) bottom left no-repeat;
background-size: contain;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent, .homeCalloutsWrap .moduleComponent141 .bannerHtmlContent, .homeCalloutsWrap .moduleComponent142 .bannerHtmlContent {
float: left;
position: relative;
padding: 0px 30px 15px;
width: 100%;
box-sizing: border-box;
min-height: 275px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent {
padding:0px 15px 15px;
min-height: 300px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent, .homeCalloutsWrap .moduleComponent141 .bannerHtmlContent, .homeCalloutsWrap .moduleComponent142 .bannerHtmlContent {
padding:0px 30px 15px;
min-height: 305px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent {
padding:0px 15px 15px;
min-height: 226px;
}
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2
{
text-transform: uppercase;
color: #FFF;
font-size: 34px;
line-height: 1.2;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2, .homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2, .homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:30px;
line-height: 1.2;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2, .homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2, .homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:34px;
line-height: 1.2;
}
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin-bottom: 61px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:22px;
margin:10px 0px 0px;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin:10px 0px 38px;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2 br{
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:24px;
margin:10px 0px 0px;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin:10px 0px 38px;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2 br{
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:26px;
margin:10px 0px 0px;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin:10px 0px 38px;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2 br{
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:28px;
margin:10px 0px 0px;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin:10px 0px 38px;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2 br{
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
font-size:30px;
margin:10px 0px 0px;
}
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent h2 {
margin:10px 0px 38px;
}
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent h2 br{
}
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
color: #FFF;
font-size: 18px;
font-weight: 100;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
font-size: 14px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
font-size: 15px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
font-size: 16px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
font-size: 17px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p
{
font-size: 18px;
}
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
float: left;
position: absolute;
bottom:10px;
text-transform: uppercase;
font-size: 20px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
content: "";
position: absolute;
top: 5px;
right: -20px;
width: 12px;
height: 20px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/whiteArrowSmall.png) center center no-repeat;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
bottom:10px;
font-size: 16px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
top: 1px;
right: -20px;
width: 12px;
height: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
bottom:10px;
font-size: 17px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
top: 1px;
right: -20px;
width: 12px;
height: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
bottom:10px;
font-size: 18px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
top: 2px;
right: -20px;
width: 12px;
height: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
bottom:10px;
font-size: 19px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
top: 3px;
right: -20px;
width: 12px;
height: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a {
bottom:10px;
font-size: 20px;
margin: 20px 0px 0px 0px;
}
.homeCalloutsWrap .moduleComponent140 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent141 .bannerHtmlContent p a:after,
.homeCalloutsWrap .moduleComponent142 .bannerHtmlContent p a:after {
top: 5px;
right: -20px;
width: 12px;
height: 20px;
}
}
/*******************/
.lightBlueBackground {
background: #dff1f2;
padding: 20px 0 40px;
/*! overflow: hidden; */
}
.whatOurClientsSayContainer
{
float: left;
position: relative;
width:100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.whatOurClientsSayContainer
{
width:50%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 76px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 72px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 99px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 108px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 120px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 126px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 135px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.whatOurClientsSayContainer
{
width:50%;
padding:0px 0px 0px 146px;
}
}
.moduleComponentwhatOurClientsSay {
float: left;
position: relative;
margin-left: 3%;
width: 94%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentwhatOurClientsSay {
margin-left:0;
width: 100%;
padding: 0 30px;
}
}
.moduleComponentwhatOurClientsSay h2 {
font-size: 30px;
color: #00acc8;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:38px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:28px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:36px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponentwhatOurClientsSay h2 {
font-size:38px;
}
}
.moduleComponentwhatOurClientsSay .imageContainer {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentwhatOurClientsSay .imageContainer {
margin:0px 0px 0px 0px;
width: 39.5%;
}
}
.moduleComponentwhatOurClientsSay .imageContainer img {
float: left;
position: relative;
margin: 0px 0px 12px 0px;
width: 100%;
}
.moduleComponentwhatOurClientsSay .imageContainer span {
font-size: 14px;
font-weight: 100;
}
.moduleComponentwhatOurClientsSay .content .extraField, .moduleComponentwhatOurClientsSay .title {
display: none;
}
.moduleComponentwhatOurClientsSay .content {
float: left;
position: relative;
width: 100%;
padding: 0px 0px 0px 0%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentwhatOurClientsSay .content {
width: 47%;
padding: 0px 0px 0px 5%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponentwhatOurClientsSay .content {
width:55%;
padding: 0px 0px 0px 10px;
}
}
.moduleComponentwhatOurClientsSay .content span {
color: #66c8c7;
font-weight: 600;
font-size: 30px;
margin: 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentwhatOurClientsSay .content span {
font-size: 18px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentwhatOurClientsSay .content span {
font-size: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentwhatOurClientsSay .content span {
font-size: 22px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentwhatOurClientsSay .content span {
font-size: 24px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentwhatOurClientsSay .content span {
font-size: 26px;
}
}
.moduleComponentwhatOurClientsSay .content p {
color: #173056;
font-size: 20px;
font-weight: 100;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentwhatOurClientsSay .content p {
font-size: 14px;
margin: 10px 0px;
padding:0px;
}
}
.moduleComponentwhatOurClientsSay .content a {
float: left;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 100;
}
.moduleComponentwhatOurClientsSay .content a:after {
content: " ";
position: absolute;
top:1px;
right: -20px;
width: 15px;
height: 25px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/lightBlueArrowSmall.png) center center no-repeat;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentwhatOurClientsSay .content a {
float: left;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 100;
}
.moduleComponentwhatOurClientsSay .content a:after {
content: " ";
position: absolute;
top: 1px;
right: -20px;
width: 15px;
height: 25px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/lightBlueArrowSmall.png) center center no-repeat;
}
}
/****************************/
.mediaReleasesContainer
{
float: left;
position: relative;
width:100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.mediaReleasesContainer
{
width:50%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.mediaReleasesContainer
{
width:50%;
}
}
.moduleComponentlatestNews {
float: left;
position: relative;
width: 94%;
margin: 0px 0px 0px 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentlatestNews {
width:100%;
margin: 0px;
padding: 0 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentlatestNews {
width:100%;
margin: 0px;
padding: 0 0px;
}
}
.moduleComponentlatestNews h2 {
font-size: 26px;
color: #00acc8;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentlatestNews h2 {
font-size:38px;
color: #00acc8;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentlatestNews h2 {
font-size:28px;
color: #00acc8;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentlatestNews h2 {
font-size:30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentlatestNews h2 {
font-size:32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentlatestNews h2 {
font-size:34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentlatestNews h2 {
font-size:36px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleComponentlatestNews h2 {
font-size:38px;
}
}
.moduleComponentlatestNews .imageContainer {
float: left;
position: relative;
margin: 0px 5% 0px 0px;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentlatestNews .imageContainer {
margin:0px 5% 0px 0px;
width: 39.5%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponentlatestNews .imageContainer {
margin:0px 5% 0px 0px;
width: 39.5%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentlatestNews .imageContainer {
margin:0px 10px 0px 0px;
width: 30.5%;
}
}
.moduleComponentlatestNews .imageContainer img {
float: left;
position: relative;
margin: 0px 0px 12px 0px;
width: 100%;
}
.moduleComponentlatestNews .imageContainer span {
font-size: 14px;
font-weight: 100;
}
.moduleComponentlatestNews .content .title {
color: #66c8c7;
font-weight: 100;
font-size: 28px;
margin: 0px 0px 5px;
line-height: 1.2;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentlatestNews .content .title {
font-size: 18px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleComponentlatestNews .content .title {
font-size: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleComponentlatestNews .content .title {
font-size: 22px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleComponentlatestNews .content .title {
font-size: 24px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleComponentlatestNews .content .title {
font-size: 26px;
}
}
.moduleComponentlatestNews .content {
float: left;
position: relative;
color: #173056;
font-size: 17px;
line-height: 1.3;
font-weight: 100;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentlatestNews .content {
width:55%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponentlatestNews .content {
width:55%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentlatestNews .content {
width:60%;
font-size: 14px;
}
}
.moduleComponentlatestNews .content .readMore {
float: left;
position: relative;
margin: 10px 0px 0px;
width: 100%;
}
.moduleComponentlatestNews .content .readMore a {
float: left;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 100;
}
.moduleComponentlatestNews .content .readMore a:after {
content: "";
position: absolute;
top: 0px;
right: -20px;
width: 15px;
height: 25px;
transition: all 0.5s;
background: url(https://www.harristate.co.nz/images/style/lightBlueArrowSmall.png) center center no-repeat;
}
/***************************/
.footer .leftContainer a {
background: #65c8c7;
}
.footer #contactInfo {
float: left;
position: relative;
margin: 17px 0px 0px 0px;
}
.footer #contactInfo h2 {
color: #162f56;
font-size: 36px;
line-height: 1;
margin: 10px 0px 0px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer #contactInfo h2 {
font-size: 26px;
margin: 10px 0px 0px;
}
}
.footer #contactInfo h2 span {
font-weight: 600;
}
.footer #contactInfo p {
font-size: 16px;
font-weight: 100;
margin: 15px 0px 0px 0px;
line-height: 1.2;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer #contactInfo p {
font-size: 14px;
margin: 15px 0px 0px 0px;
}
}
#socialLinks {
float: left;
position: relative;
width: 100%;
height: 31px;
margin: 10px 0px 0px;
}
#socialLinks a {
float: left;
position: relative;
width: 31px;
height: 31px;
margin: 0px 10px 0px 0px;
}
#socialLinks a.facebookLink {
background: url(https://www.harristate.co.nz/images/style/facebookIcon.png) center center no-repeat;
}
#socialLinks a.instagram {
background: url(https://www.harristate.co.nz/images/style/instagramIcon.png) center center no-repeat;
}
.footer img#footerLogo {
display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {
.footer img#footerLogo {
float:right;
position: relative;
display: block;
width : 100px ;
margin: -100px 3px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 990px) {
.footer img#footerLogo {
margin:30px 3px 0px 0px;
width : 60px ;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer img#footerLogo {
float:right;
position: relative;
width : 90px ;
margin: 10px 0px 30px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.footer img#footerPattern {
float:right;
position: relative;
}
}
.footer .leftContainer {
padding-left: 2%!important;
margin-top: 25px;
}
.footer .leftContainer a {
margin-right: 0px;
text-transform: uppercase;
color: #FFF;
font-size: 16px;
margin-top: 10px;
display: inline-block;
font-family: 'LatoLatinWeb';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {
.footer .leftContainer a {
font-size:14px;
margin-top: 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 700px) {
.footer .leftContainer a {
font-size:11px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 900px) {
.footer .leftContainer a {
font-size:13px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer .leftContainer a {
font-size:13px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.footer .leftContainer a {
font-size:18px;
}
}
.footer .leftContainer #footerNav a {
margin-right: 20px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer .leftContainer #footerNav a {
margin-right: 15px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.footer .leftContainer #footerNav a {
margin-right: 35px;
}
}
.footer .leftContainer h2 {
color: #FFF;
text-transform: uppercase;
font-size: 42px;
line-height: 1.2;
font-weight: 100;
margin: 40px 0px 10px;
display:none;
font-family: 'LatoLatinWebLight';
}
@media screen and (min-width:600px)
{
.footer .leftContainer h2
{
display:block;
}
}
@media screen and (min-width:1200px)
{
.footer .leftContainer h2 {
font-size: 32px;
line-height: 1.2;
margin: 32px 0px 0px;
}
}
.footer #copyright {
float: left;
position: relative;
margin: 0px 0px 0px 2%;
z-index: 1;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 944px) {
.footer #copyright {
float:left;
position: relative;
width: 90%;
margin: 20px 0px 0px 2%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer #copyright {
position:absolute;
bottom:0px;
left:56px;
margin:0px 0px 0px 0%;
padding:0px 0px 0px;
}
}
.footer #copyright p, .footer #copyright a {
color: #FFF;
font-size: 12px;
}
/*********************************/
.footer {
float: left;
position: relative;
width: 100%;
background: #65c8c7;
margin-top:0px;
}
.footer .leftContainer {
float: left;
position: relative;
width: 100%;
padding: 0px 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.footer .leftContainer {
width:50%;
padding: 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer .leftContainer {
width:50%;
padding: 0px 0px 80px 55px!important;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.footer .leftContainer {
width:50%;
padding: 0px 0px 0px 55px!important;
}
}
.footer .middleContainer {
float: left;
position: relative;
width: 100%;
padding: 0px 3%;
z-index: 2;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.footer .middleContainer {
float:left;
position: relative;
width: 50%!important;
padding: 0px 3%;
}
}
@media screen and (min-width: 1200px) {
.footer .middleContainer {
float:left;
position: relative;
width: 26%!important;
padding: 0px 0%;
}
}
#logoContainer {
float: right;
position: relative;
width: 29%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
#logoContainer {
float:right;
position: relative;
width: 20%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#logoContainer {
float:left;
position: relative;
width: 37%;
margin: 0px;
}
}
#logoContainer img {
max-width: 139px;
width: 100%;
}
.footer .rightContainer {
float: right;
position: relative;
width: 22.5%;
display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.footer .rightContainer {
width:22.5%;
}
}
.footer .rightContainer img {
display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.footer .rightContainer img {
display: none;
}
.footer .rightContainer {
display: block;
position : absolute;
top: 0;
right: 0;
bottom: 0;
background: url(https://www.harristate.co.nz/images/templates/footerPattern.png) left top;
background-size: cover;
padding-bottom : 0px;
width:25%;
}
}
/*********************************/
h1.contentPageTitle {
display: none;
}
#default h1.contentPageTitle {
display: block;
font-size: 28px;
text-transform: uppercase;
color: #173056;
line-height: 1.4;
margin: 0px 0px 0px 3%;
font-weight: 100;
text-align: left;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
#default h1.contentPageTitle {
font-size: 34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#default h1.contentPageTitle {
text-align:right;
margin: 0px 0px;
font-size: 34px;
}
}
#default.privacy h1.contentPageTitle
{
margin-top:15px;
}
#default.terms-of-engagement h1.contentPageTitle
{
margin-left:20px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
#default.terms-of-engagement h1.contentPageTitle
{
margin-left:50px;
}
}
.moduleListingWrapper {
float: left;
position: relative;
width: 100%;
}
.moduleListingWrapper #pageSource {
float: right;
position: relative;
width: 94%;
margin: 60px 3% 0px 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleListingWrapper #pageSource {
width:94%;
margin: 60px 3% 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper #pageSource {
width:57.5%;
margin: 30px 8% 0px 0px;
}
}
.moduleListingWrapper #pageSource h3.uppercaseLarge {
text-transform: uppercase;
font-size:18px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleListingWrapper #pageSource h3.uppercaseLarge {
font-size:22px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleListingWrapper #pageSource h3.uppercaseLarge {
font-size:28px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleListingWrapper #pageSource h3.uppercaseLarge {
font-size:30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper #pageSource h3.uppercaseLarge {
font-size:34px;
}
}
.moduleListingWrapper #pageSource h3.uppercaseLarge strong {
color: #66c8c7;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
.moduleListingWrapper #moduleItemsListing {
float: left;
position: relative;
background: #65c8c7;
width: 94%;
box-sizing: border-box;
margin: 25px 3% 25px;
padding: 12px 5%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleListingWrapper #moduleItemsListing {
width:94%;
margin: 25px 3%;
padding: 30px 50px 30px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleListingWrapper #moduleItemsListing {
width:94%;
margin: 20px 3%;
padding: 30px 50px 30px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper #moduleItemsListing {
width:296px;
margin: 20px 0px 20px 82px!important;
padding: 30px 0px 30px 24px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 89px!important;
padding: 30px 0px 30px 11px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 96px!important;
padding: 30px 0px 30px 31px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 102px!important;
padding: 30px 0px 30px 33px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 110px!important;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 25px 116px!important;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 125px;!important;
padding: 30px 0px 30px 38px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleListingWrapper #moduleItemsListing {
width:25%;
margin: 20px 0px 20px 131px!important;
padding: 30px 0px 30px 44px;
}
}
.moduleListingWrapper #moduleItemsListing.moduleItemsListingOurPeople {
float: left;
position: relative;
background: #FFF;
width: 100%;
box-sizing: border-box;
margin: 25px 0px 25px 0%;
padding: 30px 0px 30px 0px;
}
.our-people .moduleListingWrapper #moduleItemsListing.moduleItemsListingOurPeople {
float: left;
position: relative;
background: #FFF;
width: 100%;
box-sizing: border-box;
margin: 25px 0px 25px 0%!important;
padding: 30px 0px 30px 0px;
}
.leftMenu.mobileLeftMenu
{
display:block;
}
.leftMenu {
float: left;
position: relative;
width: 100%;
display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.leftMenu {
width:100%;
display: none;
}
.leftMenu.mobileLeftMenu
{
display:block;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.leftMenu {
width:40%;
display: block;
}
.leftMenu.mobileLeftMenu
{
display:none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.leftMenu {
width:32%;
margin:0px;
}
}
.leftMenu #moduleItemsListing {
float: right;
position: relative;
background: #65c8c7;
width: 100%;
box-sizing: border-box;
margin: 25px 0px 0px 0%;
padding: 30px 3% 30px 3%;
background: #65c8c7 url(https://www.harristate.co.nz/images/style/leftNavBottom.png) left bottom no-repeat;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.leftMenu #moduleItemsListing {
width:100%;
margin: 25px 0px 0px 0%;
padding: 30px 0px 30px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.leftMenu #moduleItemsListing {
width:78%;
margin: 25px 0px 0px 0%;
padding: 30px 0px 30px 20px;
display:block;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.leftMenu #moduleItemsListing {
float:left;
width:296px;
margin: 25px 0px 25px 82px;
padding: 30px 0px 30px 24px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.leftMenu #moduleItemsListing {
width:352px;
margin: 25px 0px 25px 69px;
padding: 30px 0px 30px 31px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.leftMenu #moduleItemsListing {
width:348px;
margin: 25px 0px 25px 96px;
padding: 30px 0px 30px 31px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.leftMenu #moduleItemsListing {
width:370px;
margin: 25px 0px 25px 102px;
padding: 30px 0px 30px 33px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.leftMenu #moduleItemsListing {
width:396px;
margin: 25px 0px 25px 110px;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.leftMenu #moduleItemsListing {
width:420px;
margin: 25px 0px 25px 116px;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.leftMenu #moduleItemsListing {
width:445px;
margin: 25px 0px 25px 125px;
padding: 30px 0px 30px 38px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.leftMenu #moduleItemsListing {
width:475px;
margin: 25px 0px 25px 131px;
padding: 30px 0px 30px 44px;
}
}
#moduleItemsListing .leftMenuTitle {
float: left;
position: relative;
font-size: 38px;
text-transform: uppercase;
font-weight: 100;
width: 100%;
color: #FFF;
margin:7px 0px 0px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#moduleItemsListing .leftMenuTitle {
font-size: 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
#moduleItemsListing .leftMenuTitle {
font-size: 32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
#moduleItemsListing .leftMenuTitle {
font-size: 34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
#moduleItemsListing .leftMenuTitle {
font-size: 36px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
#moduleItemsListing .leftMenuTitle {
font-size: 38px;
}
}
#moduleItemsListing.moduleItemsListingCommunity .leftMenuTitle
{
margin-top:5px;
}
#moduleItemsListing .peopleTitle {
float: left;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
width: 94%;
padding-right: 20px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
#moduleItemsListing .peopleTitle {
font-size: 15px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
#moduleItemsListing .peopleTitle {
font-size: 16px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
#moduleItemsListing .peopleTitle {
font-size: 17px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
#moduleItemsListing .peopleTitle {
font-size: 18px;
padding-right: 20px;
}
}
#moduleItemsListing .peopleTitle a {
float: left;
position: relative;
width: auto;
padding: 0px 30px 0px 0px;
font-family: 'LatoLatinWeb';
}
#moduleItemsListing .peopleTitle a:after {
content:"";
position:absolute;
width:20px;
height:25px;
margin:0px 0px 0px 11px;
background: url(https://www.harristate.co.nz/images/style/smallWhiteArrow.png) right center no-repeat;
}
#moduleItemsListing .peopleTitle a:hover
{
color:#fff;
}
#moduleItemsListing .peopleTitle a.activeSideMenuItem {
color: #FFF;
}
.standardLayOut #navBar, .standardLayOut #pageSource {
display: none;
}
.moduleDetailWrapperExpertise .extraFields span {
display: none;
}
.moduleItemWhatOurClientsSay .extraFields span {
display: none;
}
.moduleItemWhatOurClientsSay .extraFields p {
display: none;
}
.moduleItemWhatOurClientsSay .extraFields #extraField7 {
display: none!important;
}
.standardLayOut .textModuleItem, .standardLayOut {
float: left;
position: relative;
width: 100%;
margin: 0px;
padding: 0px;
/*! overflow: hidden; */
}
.standardLayOut .textModuleItem.moduleItemCommunity
{
margin-top:30px;
}
.standardLayOut {
margin: 0px 0px 50px;
padding: 0px;
}
.standardLayOut #moduleItemContent {
float: left;
position: relative;
width: 100%;
padding: 25px 3%;
box-sizing: border-box;
}
.standardLayOut #moduleItemContent table td{
width:100%;
padding:0px;
margin:0px 0px 30px;
display:block;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.standardLayOut #moduleItemContent table td:nth-of-type(1){
display:inline-block;
width:70%;
padding:0px;
margin:0px;
}
.standardLayOut #moduleItemContent table td:nth-of-type(2){
display:inline-block;
width:25%;
padding:0px;
margin:0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.standardLayOut #moduleItemContent {
width:100%;
padding: 25px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemContent {
width:60%;
padding: 25px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemContent {
width:68%;
padding: 25px 50px 0px;
/*! overflow: hidden; */
}
}
.moduleItemLatestNews #moduleItemContent h5
{
color:#173056;
font-weight:600;
font-size:16px;
}
.standardLayOut #moduleItemContent h2 {
font-size: 32px;
font-family: 'LatoLatinWebLight';
}
.standardLayOut #moduleItemContent .extraField {
font-size: 26px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
.standardLayOut #moduleItemContent #linkedItemsContainer .htmlContent {
display: none;
}
.standardLayOut #moduleItemBanner {
float: left;
position: relative;
width: 100%;
margin: 0px;
}
.standardLayOut #moduleItemBanner span {
position: absolute;
bottom: 0px;
left: 0px;
right: 0;
top: 0;
background: url(https://www.harristate.co.nz/images/style/greenBannerOverlay.png) top left no-repeat;
background: url(https://www.harristate.co.nz/images/style/tealBannerOverlay.png) top left no-repeat;
background: url(https://www.harristate.co.nz/images/style/lightBlueBannerOverlay.png) top left no-repeat;
opacity: .3;
}
.standardLayOut #moduleItemBanner .moduleItemImage {
float: left;
position: relative;
width: 100%;
margin: 0px;
min-height: 263px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemBanner .moduleItemImage {
width:60%;
margin: 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemBanner .moduleItemImage {
width:50%;
margin: 0px;
min-height: 411px;
}
}
.standardLayOut #moduleItemBanner .moduleItemImage img {
float: left;
position: relative;
width: 100%;
margin: 0px;
}
.standardLayOut #moduleItemBanner .moduleItemBannerText {
float: left;
position: relative;
width: 100%;
margin: 0px;
background: #0baac8;
min-height: 211px;
}
/* Business Law*/
.standardLayOut #expertiseColour30 .moduleItemBannerText {
background: #88c2c4 !important;
}
.standardLayOut #expertiseColour30 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour30 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #76b7bd;
}
/* Personal Law*/
.standardLayOut #expertiseColour28 .moduleItemBannerText {
background: #002d4c !important;
}
.standardLayOut #expertiseColour28 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour28 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #012a48;
}
/* Elder Law*/
.standardLayOut #expertiseColour29 .moduleItemBannerText {
background: #74c0d7 !important;
}
.standardLayOut #expertiseColour29 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour29 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #64b4cd;
}
/* Family Law*/
.standardLayOut #expertiseColour163 .moduleItemBannerText {
background: #88c2c4 !important;
}
.standardLayOut #expertiseColour163 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour163 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #76b7bd;
}
/* Employment Law*/
.standardLayOut #expertiseColour32 .moduleItemBannerText {
background: #154a52 !important;
}
.standardLayOut #expertiseColour32 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour32 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #14454c;
}
/* Franchising*/
.standardLayOut #expertiseColour31 .moduleItemBannerText {
background: #51c6d8 !important;
}
.standardLayOut #expertiseColour31 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour31 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #46bad1;
}
/* Insolvency / Bankruptcy*/
.standardLayOut #expertiseColour33 .moduleItemBannerText {
background: #3a8694 !important;
}
.standardLayOut #expertiseColour33 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour33 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #317e8e;
}
/* Property*/
.standardLayOut #expertiseColour34 .moduleItemBannerText {
background: #c07fa9 !important;
}
.standardLayOut #expertiseColour34 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour34 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #aa789e;
}
/* Relationship Property*/
.standardLayOut #expertiseColour35 .moduleItemBannerText {
background: #01a990 !important;
}
.standardLayOut #expertiseColour35 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour35 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #019e8b;
}
/* Immigration*/
.standardLayOut #expertiseColour37 .moduleItemBannerText {
background: #4caab2 !important;
}
.standardLayOut #expertiseColour37 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour37 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #429fae;
}
/* Litigation and Dispute Resolution*/
.standardLayOut #expertiseColour36 .moduleItemBannerText {
background: #002d4c !important;
}
.standardLayOut #expertiseColour36 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour36 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #012a48;
}
/* Notary Public*/
.standardLayOut #expertiseColour100 .moduleItemBannerText {
background: #88c2c4 !important;
}
.standardLayOut #expertiseColour100 .moduleItemBannerText span {
background: none;
}
.standardLayOut #expertiseColour100 .moduleItemBannerText span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 195px solid transparent;
border-left: 340px solid #76b7bd;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText {
margin:0px;
min-height: 211px;
}
.desktopHide {
display: none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText {
margin:0px;
min-height: 211px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText {
width:40%;
margin: 0px;
min-height: 263px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText {
width:50%;
margin: 0px;
min-height: 411px;
}
}
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner {
position: absolute;
bottom: 70px;
left: 3%;
width: 80%;
max-width:100%;
overflow:hidden;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner {
bottom: 70px;
left: 45px;
width: 400px;
max-width:100%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #expertiseColour36 #moduleItemBanner .moduleItemBannerText .textInner {
width: 80%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.standardLayOut #expertiseColour36 #moduleItemBanner .moduleItemBannerText .textInner {
width: 58%;
}
}
.latest-news .standardLayOut #moduleItemBanner .moduleItemBannerText .textInner {
width: 80%;
}
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner h1 {
color: #FFF;
text-transform: uppercase;
font-size: 30px;
margin: 0;
line-height:1.4;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner h1 {
font-size: 30px;
margin: 0 0px 0px 0px;
line-height:1.4;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner h1 {
font-size: 34px;
margin: 0 0px 0px 0px;
font-family: 'LatoLatinWebLight';
line-height:1.4;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner h1 {
font-size: 30px;
margin: 0 0px 0px 0px;
line-height:1.4;
font-family: 'LatoLatinWebLight';
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemBanner .moduleItemBannerText .textInner h1 {
font-size: 46px;
margin: 0 0px 0px 0px;
line-height:1.4;
font-family: 'LatoLatinWebLight';
}
}
/*********************/
.standardLayOut #moduleItemContent #linkedItemsContainer {
float: left;
position: relative;
width: 100%;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer {
float: left;
position: relative;
width: 100%;
margin: 0px 0px 30px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer {
width:48%;
margin: 0px 1% 30px 1%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer {
width:100%;
margin: 0px 0px 30px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer {
width:48%;
margin: 0px 1% 15px 1%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer {
width:50%;
margin: 0px 0px 15px 0px;
}
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage {
float: left;
position: relative;
margin: 0px 20px 10px 0px;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage {
margin:0px 20px 10px 0px;
width: 100%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage {
margin:0px 20px 10px 0px;
width: 100%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage {
margin:0px 20px 10px 0px;
width: 100%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage {
margin:0px 20px 10px 0px;
width: 50%;
}
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage img {
width: 100%;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .moduleItemImage span {
position: absolute;
left: 0;
bottom: 0;
height:50%;
width:85%;
background: url(https://www.harristate.co.nz/images/style/keyContactsOverlay.png) left bottom no-repeat;
background-size:100% auto;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .extraFields p {
font-size: 20px;
margin: 0px 0px 0px 0px;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer p.title {
font-size: 26px;
text-transform: uppercase;
margin: 20px 0px 0px 0px;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .extraField {
display: none;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .extraFields p {
font-size: 20px;
margin: 0px 0px 15px 0px;
}
.standardLayOut #moduleItemContent #linkedItemsContainer .itemContainer .extraFields p:nth-of-type(2) {
color: #66c8c7;
}
/***********************/
.leftMenuCallouts {
float: right;
width: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.leftMenuCallouts {
float: right;
width: 100%;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.leftMenuCallouts {
float: right;
width:78%;
margin:0px 0px 0px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.leftMenuCallouts {
float: left;
width: 296px;
margin:0px 13px 0px 82px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.leftMenuCallouts {
width: 352px;
margin:0px 13px 0px 69px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.leftMenuCallouts {
width: 348px;
margin:0px 13px 0px 96px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.leftMenuCallouts {
width: 370px;
margin:0px 13px 0px 102px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.leftMenuCallouts {
width: 396px;
margin:0px 13px 0px 110px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.leftMenuCallouts {
width: 420px;
margin:0px 13px 0px 116px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.leftMenuCallouts {
width: 445px;
margin:0px 13px 0px 125px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.leftMenuCallouts {
width: 475px;
margin:0px 13px 0px 131px;
}
}
.leftMenuCallouts #linkedItemsContainer .title {
display: none;
}
.leftMenuCallouts #linkedItemsContainer .htmlContent {
float: left;
position: relative;
background: #c3e7e6;
width: 100%;
box-sizing: border-box;
margin: 0px 0px 25px 0%;
padding: 30px 20px 60px 50px;
background: #c3e7e6 url(https://www.harristate.co.nz/images/style/leftNavTop.png) left top no-repeat;
}
#defaultModules.franchising-advice-for-franchisees-franchisors .leftMenuCallouts #linkedItemsContainer .htmlContent,
#defaultModules.resolve-employment-disputes .leftMenuCallouts #linkedItemsContainer .htmlContent,
#defaultModules.notary-public-tauranga .leftMenuCallouts #linkedItemsContainer .htmlContent
{
display:none;
}
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
text-transform: uppercase;
font-size: 34px;
line-height: 1.2;
margin: 10px 0px 50px 0px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
font-size: 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
font-size: 32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
font-size: 34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
font-size: 36px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent h2 {
font-size: 38px;
}
}
.leftMenuCallouts #linkedItemsContainer .htmlContent a {
float: left;
position: relative;
width: 100%;
padding: 0px 0px 0px 55px;
margin: 0px 0px 20px 0px;
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
line-height: 1.3;
font-family: 'LatoLatinWeb';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent a {
font-size: 15px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent a {
font-size: 16px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent a {
font-size: 17px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.leftMenuCallouts #linkedItemsContainer .htmlContent a {
font-size: 18px;
padding-right: 20px;
}
}
.leftMenuCallouts #linkedItemsContainer .htmlContent a:before {
position: absolute;
left: 0px;
top: 4px;
padding: 0px 0px 0px 0px;
content: "";
width: 30px;
height: 40px;
background: #c3e7e6 url(https://www.harristate.co.nz/images/style/leftNavIcon.png) left center no-repeat;
}
/**************************/
.moduleComponentContainerbottomCallout {
float: left;
position: relative;
width: 100%;
margin: 20px 0px 10px 0px;
padding: 20px 0px 0px 0px;
}
.moduleComponentContainerbottomCallout .bannerTitle {
display: none;
}
.moduleComponentContainerbottomCallout h3 {
text-transform: uppercase;
font-size:18px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleComponentContainerbottomCallout h3 {
font-size:22px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleComponentContainerbottomCallout h3 {
font-size:28px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleComponentContainerbottomCallout h3 {
font-size:30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleComponentContainerbottomCallout h3 {
font-size:34px;
}
}
.moduleComponentContainerbottomCallout h3 strong {
color: #66c8c7;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
/********************/
.standardLayOut #moduleItemBack {
text-transform: uppercase;
float: left;
position: relative;
width: 100%;
margin:9px 0px 6px;
padding:0px 0px 0px 20px;
font-family: 'LatoLatinWeb';
}
.standardLayOut #moduleItemBack a {
font-size:18px;
color:#00abc7;
font-family: 'LatoLatinWeb';
}
.standardLayOut #moduleItemBack a:before {
content:"";
width:10px;
height:15px;
position:absolute;
left:0px;
top:6px;
background: url(https://www.harristate.co.nz/images/style/backArrow.png) center center no-repeat;
}
/**************************/
#banners {
float: left;
position: relative;
width: 100%;
}
#banners .bannerTitle {
display: none;
}
/**********************************/
.moduleItemsListingOurPeople {
float: left;
position: relative;
width: 100%;
}
.moduleItemsListingOurPeople .directorOuter {
float: left;
position: relative;
width: 100%;
}
.moduleItemsListingOurPeople .directorOuter .categoryHeading {
float: left;
position: relative;
width: 100%;
text-align: left;
box-sizing:border-box;
padding:0px 0px 30px 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleItemsListingOurPeople .directorOuter .categoryHeading {
width: 20%;
text-align: right;
padding:0px 0px 0px 0%;
}
}
.moduleItemsListingOurPeople .directorOuter .directorContainer {
float: none;
position: relative;
width: 97%;
padding-left:3%;
box-sizing:border-box;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleItemsListingOurPeople .directorOuter .directorContainer {
float: right;
position: relative;
width: 75%;
}
}
.moduleItemsListingOurPeople .categoryHeading h2 {
text-transform: uppercase;
font-size: 34px;
margin: 0px;
}
.moduleItemsListingOurPeople .moduleItemsListingItem {
float: left;
position: relative;
width: 100%;
background: #0bacc8;
margin: 0px 20px 20px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleItemsListingOurPeople .moduleItemsListingItem {
width: 48%;
margin: 0px 2% 20px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleItemsListingOurPeople .moduleItemsListingItem {
width: 31%;
margin: 0px 2% 20px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleItemsListingOurPeople .moduleItemsListingItem {
width: 27%;
margin: 0px 20px 20px 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleItemsListingOurPeople .moduleItemsListingItem {
width: 22%;
margin: 0px 1% 20px 0px;
}
}
.moduleItemsListingOurPeople .moduleItemsListingItem img{
width:100%!important;
}
.moduleItemsListingOurPeople .moduleItemsListingItem .moduleItemContent {
float: left;
position: relative;
padding: 20px 20px 10px 20px;
width: 100%;
background: url(https://www.harristate.co.nz/images/style/legalTeam.png) 0px 0px no-repeat;
min-height: 240px;
}
.moduleItemsListingOurPeople .moduleItemsListingItem.Directors {
background: #163056;
}
.moduleItemsListingOurPeople .moduleItemsListingItem.Directors .moduleItemContent {
background: url(https://www.harristate.co.nz/images/style/directors.png) 0px 0px no-repeat;
}
.moduleItemsListingOurPeople .moduleItemsListingItem .title {
color: #FFF;
text-transform: uppercase;
font-size: 22px;
font-weight: 100;
font-family: 'LatoLatinWebLight';
}
.moduleItemsListingOurPeople .moduleItemsListingItem .extraField {
display: none;
}
.moduleItemsListingOurPeople .moduleItemsListingItem .extraFields p {
color: #FFF;
margin: 0px 0px 15px 0px;
font-size: 20px;
font-weight: 100;
}
.moduleItemsListingOurPeople .moduleItemsListingItem .extraFields p a {
color: #FFF;
}
.moduleItemsListingOurPeople .moduleItemsListingItem .readMore a {
position: absolute;
bottom: 20px;
text-transform: uppercase;
font-size: 22px;
font-weight: 100;
color: #FFF;
padding-right: 25px;
background: url(https://www.harristate.co.nz/images/style/smallWhiteArrow.png) 185px 9px no-repeat;
font-family: 'LatoLatinWebLight';
}
.moduleItemsListingOurPeople .imageOverlay {
float: left;
position: relative;
width: 100%;
}
.moduleItemsListingOurPeople .imageOverlay span {
position: absolute;
bottom: 0;
left: 0;
width:95%;
height:75%;
background: url(https://www.harristate.co.nz/images/style/peopleOverlay.png) bottom left no-repeat;
opacity: 0.45;
background-size:100%;
}
/********************************/
.moduleDetailWrapperOurPeople {
float: left;
position: relative;
}
#topRightModuleItemContent {
float: left;
position: relative;
width: 94%;
margin-right: 3%;
margin-left: 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
#topRightModuleItemContent {
width: 40%;
margin-right: 9.5%;
margin-left: 0.5%;
}
}
#topRightModuleItemContent span {
position: absolute;
z-index: 200;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(https://www.harristate.co.nz/images/style/contactDetailsOverlay.png) left bottom no-repeat;
background-size:80%;
}
.moduleDetailWrapperOurPeople .moduleItemImage {
float: left;
position: relative;
width: 100%;
}
.moduleDetailWrapperOurPeople .moduleItemImage img {
width: 100%;
}
/*******/
.moduleDetailWrapperOurPeople #topLeftModuleItemContent {
float: left;
position: relative;
width: 94%;
margin-left: 3%;
margin-right: 3%;
height: 100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent {
height: 450px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent {
width: 40%;
margin-left: 9.5%;
margin-right: 0.5%;
height: 100%;
}
}
.moduleDetailWrapperOurPeople .OurPeople40 #topLeftModuleItemContent #textContentInner,
.moduleDetailWrapperOurPeople .OurPeople41 #topLeftModuleItemContent #textContentInner,
.moduleDetailWrapperOurPeople .OurPeople42 #topLeftModuleItemContent #textContentInner,
.moduleDetailWrapperOurPeople .OurPeople43 #topLeftModuleItemContent #textContentInner {
background: #163056;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner {
position: absolute;
top: 0;
left: 0px;
bottom: 0;
right: 0;
z-index: 200;
background: #0bacc8;
padding: 8.5% 9.5%;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraField {
display: none;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .title {
color: #FFF;
font-size: 28px;
text-transform: uppercase;
font-weight: 100;
margin: 0px;
font-family: 'LatoLatinWebLight';
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .title {
font-size: 38px;
margin: 0px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .title {
font-size:26px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .title {
font-size:38px;
}
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p {
color: #FFF;
font-size: 24px;
font-weight: 100;
margin: 0px 0px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p {
font-size: 34px;
margin: 0px 0px 50px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p {
font-size: 26px;
margin: 0px 0px 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p {
font-size: 34px;
margin: 0px 0px 50px;
}
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p:nth-of-type(2) {
font-size: 30px;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner .extraFields p a {
color: #FFF;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner #moduleItemBack {
position: absolute;
bottom: 10px;
left: 9.5%;
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent #textContentInner #moduleItemBack a {
color: #FFF;
font-size: 24px;
text-transform: uppercase;
font-weight: 100;
padding: 0px 0px 0px 20px;
background: url(https://www.harristate.co.nz/images/style/whiteArrowLeft.png) left center no-repeat;
font-family: 'LatoLatinWebLight';
}
.moduleDetailWrapperOurPeople #topLeftModuleItemContent .moduleItemImage {
float: left;
position: relative;
width: 100%;
opacity: 0;
}
/**********/
.moduleDetailWrapperOurPeople #moduleItemContent {
float: left;
position: relative;
width: 94%;
padding: 2% 3%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.moduleDetailWrapperOurPeople #moduleItemContent {
width: 100%;
padding: 2% 9.5%;
}
}
.moduleDetailWrapperOurPeople #moduleItemContent p {
font-family: 'LatoLatinWebLight';
font-family: 'LatoLatinWebLight';
font-family: 'LatoLatinWebLight';
font-size: 20px;
font-weight: 100;
}
/**************************************/
#default .pageTitle {
padding: 40px 66px 0px 0px;
}
#default .pageContent {
padding: 34px 3% 40px 3%;
}
.our-story#default .pageTitle ,
.about-us#default .pageTitle
{
padding: 20px 0px 0px 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
#default .pageContent {
padding:34px 90px 40px 30px;
}
}
/***************************************/
.contact #pageSource h4 a
{
color:#00abc7;
font-family: 'LatoLatinWeb';
}
.contact #pageSource h4
{
color:#00abc7;
font-weight:500;
float:left;
position:relative;
}
.contact #pageSource h4:after {
content:"";
width:10px;
height:15px;
position:absolute;
right:-20px;
top:12px;
background: url(https://www.harristate.co.nz/images/style/backArrowContact.png) center center no-repeat;
}
#emailForm {
float: left;
position: relative;
width: 100%;
}
#emailForm .formRow {
float: left;
position: relative;
width: 99%;
margin-right: 1%;
display: block;
}
@media screen and (min-width:600px)
{
#emailForm .formRow {
width: 49%;
}
}
#emailForm .formRow.field50Container {
width: 100%;
margin-right: 0%;
}
#emailForm .formRow.field50Container textarea {
width: 100%;
padding: 10px;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #173056;
line-height: 1.4;
margin: 0px 0px;
font-weight: 100;
}
#emailForm .formRow .labelHorizontal {
width: 100%;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #173056;
line-height: 1.4;
margin: 12px 0px;
font-weight: 100;
}
#emailForm .formRow .valueHorizontal {
width: 100%;
display: block;
}
#emailForm .formRow .valueHorizontal input {
width: 100%;
display: block;
padding: 7px 10px;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #173056;
line-height: 1.4;
font-weight: 100;
margin: 0px 0px 10px;
}
.buttonBar {
float: left;
position: relative;
width: 100%;
margin: 12px 0px;
}
.buttonBar input {
border: 2px solid #173056;
padding: 6px 30px;
float: right;
background: #FFF;
color: #173056;
text-transform: uppercase;
cursor: pointer;
}
#default.contact #contentArea table td {
vertical-align: top;
}
#default.contact #contentArea table td hr {
margin: 0px 0px 20px;
}
#default.contact #contentArea table td h3 {
margin: 0px 0px 0px;
color: #66c8c7;
}
#default.contact #contentArea table td h4 {
margin: 0px 0px 10px;
}
#default.contact #contentArea table td h4 strong {
font-weight: 800;
}
/**********************************/
.siteSearch {
float: left;
position: relative;
margin: 15px 0px 0px;
}
.siteSearch span {
font-size: 16px;
padding: 0px 5px 0px 0px;
}
.siteSearch input.fsub {
border: 1px solid #173056;
padding: 5px 30px;
background: #FFF;
color: #173056;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
margin: 0px 0px 0px 5px;
}
.siteSearch input.textInput {
border: 1px solid #ccc;
padding: 5px 5px;
}
#searchResultItems {
float: left;
position: relative;
margin: 20px 0px 0px 0px;
}
#searchResultItems .searchResultItem {
border-bottom: 1px solid #65c8c7;
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
width: 100%;
}
#searchResultItems .searchResultItem .content {
float: left;
position: relative;
margin: 0px 0px 0px 1%;
width: 90%;
}
#searchResultItems .searchResultItem .img {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
}
.paginator {
float: left;
position: relative;
width: calc(100% - 45px);
margin: 20px 0px;
font-size: 14px;
font-weight: 600;
text-align: center;
padding-top: 30px;
border-top: 1px solid #002A4E;
font-family: 'LatoLatinWebLight';
}
.paginator .displayNone {
display: none;
}
.paginator a, .paginator span {
float: left;
position: relative;
padding: 0px 0px 0px;
font-weight: 100;
margin: 0px 2px;
}
.paginator span.current {
font-weight: 600;
}
.paginator .directionnext, .paginator .directionprev {
float: left;
position: relative;
padding: 5px 6px;
margin: 0px;
}
/****************/
#back-top {
position: fixed;
bottom: 0px;
right: 20px;
width: 50px;
height: 50px;
background: #162f56;
border-radius: 6px;
overflow: hidden;
display: none;
z-index: 10;
}
#back-top a {
position: absolute;
bottom: 0px;
top: 0;
left: 0;
right: 0px;
}
#back-top a:before {
content: "\2039";
position: absolute;
color: ;
font-size: 66px;
top: 24px;
right: 5px;
color: #FFF;
line-height: 0;
transform: rotate(90deg);
}
#plusone, .pinterest, #twitter, #facebook {
float: left;
position: relative;
}
#twitter {
margin: 1px 5px;
}
.pinterest {
margin: -1px 0px;
}
#plusone {
margin: 0px 0px 0px 5px;
}
.keyContactsContainer {
border-bottom: 1px solid #65c8c7;
float: left;
width: 100%;
}
/*************************/
.topPattern
{
position:absolute;
top:0px;
right:0px;
z-index:9999;
width:30%;
height:295px;
background: url(https://www.harristate.co.nz/images/templates/pattern.png) top left no-repeat;
background-size:cover;
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.topPattern
{
width:308px;
height:184px;
display:block;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.topPattern
{
width:386px;
height:199px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.topPattern
{
width:404px;
height:214px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.topPattern
{
width:446px;
height:229px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.topPattern
{
width:476px;
height:244px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.topPattern
{
width:505px;
height:259px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.topPattern
{
width:535px;
height:274px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.topPattern
{
width:571px;
height:295px;
}
}
.client-stories #pageSource h4
{
margin-top:0;
}
iframe[id^="oauth2relay"]{position:fixed !important;}
/**************************************/
.moduleListingWrapper.aboutpages #moduleItemsListing .menuCatName
{
display:none;
}
.moduleListingWrapper.aboutpages.mobileLeftNav #moduleItemsListing#moduleItemsListing
{
display:block;
}
.moduleListingWrapper.aboutpages.mobileLeftNav #moduleItemsListing {
float: left;
position: relative;
background: #65c8c7;
width: 94%;
box-sizing: border-box;
margin: 25px 3% 25px 3%;
padding: 12px 5%;
}
.moduleListingWrapper.aboutpages #moduleItemsListing {
display:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
display:none;
}
.moduleListingWrapper.aboutpages.mobileLeftNav #moduleItemsListing {
width:94%;
margin: 25px 3%;
padding: 30px 50px 30px 50px;
display:none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:100%;
margin: 20px 3%;
padding: 30px 50px 30px 50px;
display:none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:296px;
margin: 0px 0px 25px 82px;
padding: 30px 0px 30px 24px;
display:block;
}
.moduleListingWrapper.aboutpages.mobileLeftNav
{
display:none;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:320px;
margin: 0px 0px 25px 89px;
padding: 30px 0px 30px 11px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:345px;
margin: 0px 0px 25px 96px;
padding: 30px 0px 30px 31px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:370px;
margin: 0px 0px 25px 102px;
padding: 30px 0px 30px 33px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:396px;
margin: 0px 0px 25px 110px;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1700px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:420px;
margin: 0px 0px 25px 116px;
padding: 30px 0px 30px 35px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1800px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:445px;
margin: 0px 0px 25px 125px;
padding: 30px 0px 30px 38px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1900px) {
.moduleListingWrapper.aboutpages #moduleItemsListing {
width:475px;
margin: 0px 0px 25px 131px;
padding: 30px 0px 30px 44px;
}
}
/**********************************/
.moduleListingWrapper.aboutpages #moduleItemsListing ul
{
margin:0px;
padding:0px;
list-style:none;
}
.moduleListingWrapper.aboutpages #moduleItemsListing ul li
{
margin:0px;
padding:0px;
}
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
float: left;
position: relative;
font-size: 38px;
text-transform: uppercase;
font-weight: 100;
width: 100%;
color: #FFF;
margin:7px 0px 10px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
font-size: 30px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
font-size: 32px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
font-size: 34px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
font-size: 36px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1600px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li a {
font-size: 38px;
}
}
/**************************************/
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a {
float: left;
position: relative;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
width: 94%;
padding-right: 20px;
margin:12px 0px;
color:#173056;
}
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a:hover {
color:#FFF;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a {
font-size: 15px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1300px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a {
font-size: 16px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a {
font-size: 17px;
padding-right: 20px;
}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {
.moduleListingWrapper.aboutpages #moduleItemsListing ul li ul li a {
font-size: 18px;
padding-right: 20px;
}
}
.moduleListingWrapper.aboutpages #moduleItemsListing ul li.about-us-anchor ul li a:after {
content:"";
position:absolute;
width:20px;
height:25px;
margin:0px 0px 0px 11px;
background: url(https://www.harristate.co.nz/images/style/smallWhiteArrow.png) right center no-repeat;
}
b, strong {
font-weight: bolder;
font-family: 'LatoLatinWeb';
}