@import url("https://fonts.googleapis.com/css?family=Londrina+Solid:100,300,400,900");
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800");
html, body{
font-family: 'Dosis', sans-serif;
}
body{
margin: 0 auto;
}
.site-content{
overflow:hidden;
}
input[type="submit"], input[type="text"], input[type="email"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
img{
max-width: 100%;
display: block;
height: auto;
}
h1, h2, h3, h4, h5, h6, a{
font-family: 'Londrina Solid', cursive;
}
p, ul, li{
font-family: 'Dosis', sans-serif;
}
a:focus{
outline: 0px;
}
a:visited{
color: inherit;
text-decoration: none;
}
.animate1 {
-webkit-transition: all 800ms linear 400ms;
transition: all 800ms linear 400ms;
-webkit-transform: translateY(0vw);
transform: translateY(0vw);
opacity: 1; 
}
.animate1.queued {
-webkit-transform: translateY(5vw);
transform: translateY(5vw);
opacity: 0; 
} .animate3 {
-webkit-transition: all 800ms linear 400ms;
transition: all 800ms linear 400ms;
opacity: 1; 
}
.animate3.queued {
opacity: 0; 
}
.page-container{
max-width: 1270px;
padding-left: 20px;
padding-right: 20px;
display: block;
width: 100%;
margin: 0 auto;
}
#page{
position: relative;
}
header{
position: absolute;
top: 0px;
width: 100%;
display: table;
padding-top: 30px;
padding-bottom: 30px;
clear: both;
z-index: 10;
}
.site-branding{
width: 250px;
display: inline-block;
float: left;
}
.site-right{
width: calc(100% - 250px);
float: left;
display: table;
height: 130px;
}
.site-right-inner{
display: table-cell;
vertical-align: middle;
}
#site-navigation{
width: 715px;
float: right;
}
#site-navigation ul{
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
}
#site-navigation ul li{
float: left;
display: inline-block;
}
#site-navigation ul li a{
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Londrina Solid', cursive;
font-size: 18px;
color: #fff;
line-height: 44px;
padding: 11px 15px 10px 15px;
}
#site-navigation ul li a:hover{
color: #FBA937;
text-decoration: none;
}
.facebook-icon{
display: inline-block;
width: 44px;
height: 77px;
margin-left: 15px;
margin-right: 15px;
}
.facebook-icon img{
position: relative;
top: 18px;
}
.banner-inner:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/cloud.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.page-template-tpl-hamilton-centre .banner-inner:before{
background-image: unset;
background-color: #3E3E3E;
opacity: 0.38;
}
.page-template-tpl-hamilton-centre .banner .banner-content h1{
width: 100%;
text-align: center;
max-width: 100%;
}
.page-template-tpl-hamilton-centre .banner-content{
position: relative;
}
.page-banner{
position: relative;
overflow: hidden;
}
.bottom-path{
height: 300px;
}
.banner .banner-content h1{
font-size: 70px;
font-weight: 400;
line-height: 80px;
color: white;
max-width: 580px;
margin: 0;
}
.banner-content{
display: table-cell;
vertical-align: middle;
position: relative;
}
.banner{
display: table;
}
.banner-content-inner{	
max-width: 1180px;
padding-left: 20px;
padding-right: 20px;
display: block;
width: 100%;
margin: 0 auto;
}
footer{
background-color: #141E3E;
padding-top: 100px;
position: relative;
padding-bottom: 20px;
}
.footer-inner{
display: block;
width: 100%;
}
.footer-logo, .footer-hamilton-contact, .footer-leamington-contact, .footer-menu{
display: inline-block;
}
.footer-logo{
width: 25%;
}
.footer-hamilton-contact, .footer-leamington-contact{
width: 27%;
}
.footer-menu{
width: 20%;
}
.footer-logo{
overflow: hidden;
position: relative;
top: -30px;
}
.footer-img{
max-width: 205px;
position: relative;
left: -1px;
}
.footer-hamilton-contact h4, .footer-leamington-contact h4, .footer-menu h4{
color: #FBB840;
font-size: 18px;
font-weight: 400;
line-height: 25px;
margin-top: 0px;
margin-bottom: 10px;
}
.footer-hamilton-contact p, .footer-hamilton-contact a,
.footer-leamington-contact p, .footer-leamington-contact a,
.footer-menu p, .footer-menu a{
color: white;
font-size: 18px;
font-weight: 500;
font-family: 'Dosis', sans-serif;
line-height: 25px;
margin-top: 0px;
margin-bottom: 5px;
}
.footer-hamilton-contact a:hover, .footer-leamington-contact a:hover, .footer-menu a:hover{
color: #FBB840;
text-decoration: none;
}
.footer-menu ul{
list-style-type: none;
padding-left: 0px;
}
.footer-menu ul li{
display: block;
padding: 5px 15px;
}
.footer-menu ul li a{
font-size: 18px;
line-height: 25px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
}
.footer-menu ul li a:hover{
text-decoration: none;
color: #FBB840;
}
.logo-link{
max-width: 205px;
}
.footer-menu .menu-page-menu-container{
position: relative;
top: 20px;
}
.footer-bottom{
width: 100%;
display: block;
padding-top: 60px;
text-align: center;
}
.footer-bottom p, .footer-bottom a{
color: white;
font-size: 16px;
line-height: 22px;
font-weight: 400;
font-family: 'Dosis', sans-serif;
text-align: center;
}
footer:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/cloud-footer.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.content-container{
max-width: 1180px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.elevator-pitch{
display: table;
width: 100%;
padding-top: 50px;
padding-bottom: 100px;
}
.elevator-pitch-left, .elevator-pitch-right{
display: block;
float: left;
}
.elevator-pitch-left{
padding-right: 25px;
width: 45%;
}
.elevator-pitch-right{
width: 55%;
padding-left: 25px;
position: relative;
}
.elevator-pitch-left h1{
color: #141E3E;
font-size: 70px;
font-weight: 400;
line-height: 80px;
}
.elevator-pitch-left h3{
color: #FBA937;
font-size: 40px;
font-weight: 300;
line-height: 48px;
margin-bottom: 35px;
margin-top: 10px;
}
.elevator-pitch-left p{
color: #373737;
font-size: 24px;
font-weight: 500;
line-height: 35px;
font-family: 'Dosis', sans-serif;
}
.circle-1, .circle-2{
width: 311px;
height: 311px;
}
.circle-3{
width: 258px;
height: 258px;
}
.circle-1{
position: absolute;
top: -80px;
left: 230px;
z-index: 9;
}
footer .sub-menu{
display: none;
}
.circle-2{
position: absolute;
top: 125px;
left: 40px;
}
.circle-3{
position: absolute;
top: 265px;
right: 0px;
}
.circle .circle-content .small-text{
font-size: 18px;
line-height: 23px;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
text-align: center;
}
.circle .circle-content.multi-level{
font-size: 20px;
line-height: 25px;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
text-align: center;
}
.circle{
display: table;
}
.circle-content{
display: table-cell;
vertical-align: middle;
}
.circle-content-inner{
max-width: 245px;
margin: 0 auto;
max-height: 311px;
}
.circle-3 .circle-content .circle-content-inner{
max-width: 225px;
}
.circle .circle-content h2{
text-align: center;
font-size: 44px;
line-height: 50px;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 5px;
margin-bottom: 15px;
}
.circle .circle-content h2.multi-level{
text-align: center;
font-size: 36px;
line-height: 40px;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 5px;
margin-bottom: 20px;
}
.circle .circle-content h2.multi-level:last-child{
margin-bottom: 0px;
}
.circle-icon i, .circle-icon{
font-size: 25px;
line-height: 25px;
}
.circle-icon {
padding: 5px 30px;
width: 86px;
margin: 0 auto;
display: block;
text-align: center;
border-radius: 100px;
}
.circle a{
text-decoration: none !import;
}
.circle a:hover{
text-decoration: none;
}
.circle-icon:hover{
text-decoration: none;
}
.circle-3 .small-text{
padding-top: 20px;
}
.fullwidth-offer{
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/Repeat-Grid-1@2x.png);
background-repeat: repeat;
background-position: center;
width: 100%;
height: 100%;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.fullwidth-offer-inner:before{
background-color: #CE7C15;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.85;
}
.fullwidth-offer .fullwidth-offer-inner .content-container{
position: relative;
}
.offerDiv{
clear: both;
display: table;
width: 100%;
margin-bottom: 65px;
}
.offer-cilcle{
width: 25%;
display: block;
padding-left: 10px;
padding-right: 10px;
float: left;
} .fullwidth-offer h2{
font-size: 44px;
font-weight: 400;
line-height: 52px;
color: white;
text-align: center;
margin-bottom: 60px;
}
.offer-title{
margin: 0 auto;
max-width: 230px;
margin-top: 20px;
}
.offer-title p{
text-align: center;
font-family: 'Dosis', sans-serif;
font-size: 26px;
font-weight: bold;
line-height: 33px;
color: white;
}
.offer-button{
display: block;
width: 200px;
background-color: #141E3E;
border-radius: 25px;
font-family: 'Londrina Solid', cursive;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: white !important;
padding: 10px 25px;
text-align: center;
margin: 0 auto; 
border: 2px solid #141E3E;
}
.offer-button:hover{
text-decoration: none;
border: 2px solid #141E3E;
color: #141E3E !important;
background-color: transparent;
}
.testimonials{
width: 100%;
padding-top: 105px;
padding-bottom: 105px;
overflow: hidden;
}
div.testimonials div.page-container div#testimonials-slider.carousel.slide div.carousel-inner div.item .testimonial-content p{
font-family: 'Londrina Solid', cursive;
font-size: 30px;
font-weight: 300;
line-height: 40px;
color: #141E3E;
text-align: center;
}
div.testimonials div.page-container div#testimonials-slider.carousel.slide div.carousel-inner div.item p.testimonial-author{
font-family: 'Dosis', sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: bold;
color: #FBB840;
text-align: center;
}
#testimonials-slider .carousel-inner{
max-width: 930px !important;
display: block;
margin: 0 auto !important;
}
div#testimonials-slider .carousel-control.left{
background-image: unset !important;
}
div#testimonials-slider .carousel-control.right{
background-image: unset !important;
}
div#testimonials-slider .carousel-control.left{
position: absolute;
top: calc(50% - 20px) !important;;
bottom: 0;
left: 0;
width: 45px !important;;
font-size: 20px;
height: 40px !important;
color: #fff;
text-align: center;
text-shadow: unset !important;
opacity: 1 !important;
}
div#testimonials-slider .carousel-control.right{
position: absolute;
top: calc(50% - 20px) !important;;
bottom: 0;
height: 40px !important;
width: 45px !important;;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: unset !important;
opacity: 1 !important;
}
div#testimonials-slider .carousel-indicators .active{
opacity: 0.6;
}
div#testimonials-slider .carousel-indicators{
opacity: 0.6;
}
#testimonials-slider .carousel-inner{
display: table;
}
#testimonials-slider .carousel-inner .item.active{
display: table-cell;
vertical-align: middle;
}
#testimonials-slider .carousel-inner .item.active{
opacity: 1;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#testimonials-slider .carousel-inner .item{
opacity: 0;
}
.two-column-offer{
position: relative;
background: -webkit-linear-gradient(90deg, #CDE7FA 50%, #CE7C15 50%); 
background:    -moz-linear-gradient(90deg, #CDE7FA 50%, #CE7C15 50%); 
background:     -ms-linear-gradient(90deg, #CDE7FA 50%, #CE7C15 50%); 
background:      -o-linear-gradient(90deg, #CDE7FA 50%, #CE7C15 50%); 
background:         linear-gradient(90deg, #CDE7FA 50%, #CE7C15 50%);
}
.two-column-offer .overlay{
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/Repeat-Grid.png);
background-repeat: repeat;
background-position: center;
width: 100%;
height: 100%; position: absolute;
}
.two-column-offer .content-container{
position: relative;
}
.offer-inner{
display: table;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.offer-left{
width: 50%;
display: block;
float: left;
padding-right: 65px; 
}
.offer-right{
width: 50%;
display: block;
float: left;
padding-left: 65px;
}
.offer-left h2{
color: #141E3E;
font-size: 44px;
font-weight: 400;
line-height: 52px;
margin-bottom: 25px;
}
.offer-left p{
color: #000;
font-size: 24px;
font-weight: bold;
font-family: 'Dosis', sans-serif;
line-height: 34px;
}
.offer-left .offer-button{
margin-top: 50px;
margin-left: 0px;
background-color: #1BB4E7 !important;
color: white !important;
border: 2px solid #1BB4E7 !important;
border-radius: 25px !important;
}
.offer-left .offer-button:hover{
background-color: transparent !important;
text-decoration: none !important;
color: #1BB4E7 !important;
}
.offer-right h2{
font-size: 44px;
font-weight: 400;
line-height: 52px;
color: white;
margin-bottom: 40px;
}
.offer-right ul{
list-style-type: none;
padding-left: 0px;
}
.offer-right ul li{
font-family: 'Dosis', sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 32px;
color: white;
clear: left;
margin-bottom: 15px;
}
.offer-right ul li img {
float: left;
margin-right: 15px;
}
.cta{
display: table;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.cta-left, .cta-right{
display: block;
}
.cta-left{
padding-right: 25px;
width: 55%;
position: relative;
float: left;
height: 585px;
}
.cta-right{
width: 45%;
padding-left: 25px;
float: right;
height: 585px;
display: table;
}
.cta-right-inner{
display: table-cell;
vertical-align: middle;
}
.cta-right h1{
color: #141E3E;
font-size: 44px;
font-weight: 400;
line-height: 52px;
}
.cta-right h3{
color: #FBA937;
font-size: 40px;
font-weight: 300;
line-height: 48px;
margin-bottom: 35px;
margin-top: 10px;
}
.cta-right p{
color: #373737;
font-size: 24px;
font-weight: 500;
line-height: 35px;
font-family: 'Dosis', sans-serif;
}
.cta .circle-1{
width: 385px;
height: 385px;
border: 8px solid #FDB841;
}
.cta .circle-2{
width: 265px;
height: 265px;
border: 8px solid #FDB841;
}
.cta .circle-3{
width: 200px;
height: 200px;
border: 8px solid #FDB841;
}
.cta .circle-1{
position: absolute;
top: 0px;
right: 150px;
z-index: 3;    
left: 85px;
}
.cta .circle-2{
position: absolute;
top: 305px;
left: 0px;
z-index: 9;
}
.cta .circle-3{
position: absolute;
top: 380px;
left: 295px;
}
.cta-button{
width: 100%;
display: table;
margin-top: 50px;
}
.button-left, .button-right{
width: 50%;
float: left;
display: block;
}
.button-left a{
display: block;
width: 200px;
background-color: #1BB4E7;
border-radius: 25px;
font-family: 'Londrina Solid', cursive;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: white !important;
padding: 10px 25px;
text-align: center;
margin: 0 auto; 
border: 2px solid #1BB4E7;
float: left;
}
.button-right a{
display: block;
width: 200px;
background-color: #FBA937;
border-radius: 25px;
font-family: 'Londrina Solid', cursive;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: white !important;
padding: 10px 25px;
text-align: center;
margin: 0 auto; 
border: 2px solid #FBA937;
float: right;
}
.button-left a:hover{
background-color: transparent;
color: #1BB4E7 !important;
text-decoration: none;
}
.button-right a:hover{
background-color: transparent;
color: #FBA937 !important;
text-decoration: none;
}
.content-header{
position: relative;
overflow: hidden;
}
.content-header h1{
font-size: 46px;
font-weight: 400;
line-height: 55px;
color: white;
margin: 0px;
text-align: center;
position: relative;
}
.bottom-path{
height: 260px;
}
.content-header-inner:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/cloud.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.content-header-inner{
background: -webkit-linear-gradient(45deg, #2464E5, #16B9ED); 
background:    -moz-linear-gradient(45deg, #2464E5, #16B9ED); 
background:     -ms-linear-gradient(45deg, #2464E5, #16B9ED); 
background:      -o-linear-gradient(45deg, #2464E5, #16B9ED); 
background:         linear-gradient(45deg, #2464E5, #16B9ED);
height: 440px;
width: 100%;
display: table;
}
.content-header-inner .content-container{
display: table-cell;
vertical-align: middle;
}
.page-content{
display: table;
width: 100%;
padding-bottom: 100px;
}
.content-left{
width: 30%;
float: left;
}
.content-right{
width: 70%;
float: left;
}
.page-lists{
list-style-type: none;
padding-left: 0px;
max-width: 260px;
margin: 0 auto;
}
.page-lists li{
margin: 0px;
border-bottom: 1px solid #BBBBBB;
}
.page-lists li:first-child{
border-top: 1px solid #BBBBBB;
}
.page-lists li a{
font-size: 18px;
font-family: 'Londrina Solid', cursive;
font-weight: 400;
line-height: 25px;
color: #141E3E;
margin: 0px;
padding: 15px 0px;
display: block;
width: 100%;
text-transform: uppercase;
}
.page-lists li a:hover{
color: #FBA937;
}
.page-lists li a:hover{
text-decoration: none;
}
.page-content .content-right h1{
font-size: 66px;
line-height: 74px;
color: #141E3E;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 0px;
margin-bottom: 40px;
}
.page-content .content-right h2{
font-size: 46px;
line-height: 54px;
color: #141E3E;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 0px;
margin-bottom: 20px;
}
.page-content .content-right h3{
font-size: 38px;
line-height: 45px;
color: #141E3E;
font-weight: 300;
font-family: 'Londrina Solid', cursive;
margin-top: 0px;
margin-bottom: 20px;
}
.page-content .content-right h4{
font-size: 34px;
line-height: 40px;
color: #FBA937;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 0px;
margin-bottom: 20px;
}
.page-content .content-right h5{
font-size: 28px;
line-height: 35px;
color: #141E3E;
font-weight: 400;
font-family: 'Londrina Solid', cursive;
margin-top: 0px;
margin-bottom: 20px;
}
.page-content .content-right p, .page-content .content-right ul li, .page-content .content-right a{
font-size: 24px;
line-height: 35px;
color: #141E3E;
font-weight: 500;
font-family: 'Dosis', sans-serif;
margin-top: 0px;
margin-bottom: 20px;
}
.page-content .content-right a:hover{
color: #FBA937;
text-decoration: none;
}
.contentBox{
margin-bottom: 20px;
}
.mobmenu_content #mobmenuright .sub-menu{
padding-left: 0px !important;
}
footer .page-container{
position: relative;
}
.content-right{
padding-right: 15px;
padding-left: 30px;
}
.content-left{
padding-left: 15px;
padding-right: 30px;
}
.mobile{
display: none;
}
.circle{
opacity: 0;
-webkit-transition: opacity 2.0s;
-moz-transition: opacity 2.0s;
-o-transition: opacity 2.0s;
transition: opacity 2.0s;
}
.showcircle {
opacity: 1;
-webkit-transition: opacity 2.0s;
-moz-transition: opacity 2.0s;
-o-transition: opacity 2.0s;
transition: opacity 2.0s;
}
.offer-cilcle{
display: none;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/Spinner-1s-200px3.gif) center no-repeat #fff;
background-size: 100px;
} ul#primary-menu.menu li{
position: relative;
}
ul#primary-menu.menu li > ul.sub-menu{
background-color: #CE7C15;
width: 180px;
list-style-type: none;
padding-left: 0px; position: absolute;
z-index: 10;
top: 77px;
visibility: hidden;
left: 0px;
}
ul#primary-menu.menu li:hover > ul.sub-menu{
visibility: visible;
}
ul#primary-menu.menu li > ul.sub-menu li:last-child{
border-bottom: 0px;
}
ul#primary-menu.menu li > ul.sub-menu li{
display: block;
clear: both;
border-bottom: 1px solid #ddd;
width: 100%;
}
ul#primary-menu.menu li > ul.sub-menu li a{
color: white;
text-align: left;
display: block;
width: 100%;
font-size: 15px;
font-weight: 500;
line-height: 20px;
padding-bottom: 10px !important;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px !important;
text-transform: uppercase;
padding-top: 8px;
padding-bottom: 8px;
}
ul#primary-menu.menu li > ul.sub-menu li a:hover{
background-color: rgb(22, 185, 237);
}
.mobmenu_content #mobmenuright .sub-menu{
padding-left: 0px !important;
}
.page-template-tpl-content-without-sidebar div.page-content div.content-right{
padding-left: 15px;
padding-right: 15px;
width: 100%;
max-width: 860px;
display: block;
float: none;
margin: 0 auto; 
}
.no-label label.gfield_label {
display: none !important;
}
.row-left, .row-right{
width: 50% !important;
display: block !important;
float: left !important;
clear: unset !important;
}
.row-left{
padding-right: 20px !important;
}
.row-right{
padding-left: 20px !important;
padding-right: 0px !important;
}
#input_1_10, #input_3_11{
width: calc(50% - 15px) !important;
}
#input_3_13{
width: 100%;
}
#field_2_6, #field_1_14{
padding-right: 0px !important;
}
.row-left input, .row-right input{
width: 100% !important;
height: 55px;
}
.gfield_checkbox li {
position: relative;
padding-left: 40px;
}
#input_1_12.gfield_checkbox li label:after {
content: "";
background: #fff;
width: 55px;
height: 55px;
display: block;
position: absolute;
right: 55px;
top: 0px;
border-radius: 5px;
border: 1px solid #BBBBBB;
z-index: 0;
}
#input_1_12.gfield_checkbox li label:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 30px;
border: solid #BBBBBB;
border-width: 0 3px 3px 0;
right: 74px;
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
z-index: 1;
}
#input_3_18, #input_4_18, #input_5_18{
padding-left: 70px;
}
#input_3_18 input, #input_4_18 input, #input_5_18 input{
display: none !important;
}
#input_3_18.gfield_checkbox li label:after, #input_4_18.gfield_checkbox li label:after, #input_5_18.gfield_checkbox li label:after {
content: "";
background: #fff;
width: 55px;
height: 55px;
display: block;
position: absolute;
left: -65px;
top: 0px;
border-radius: 5px;
border: 1px solid #BBBBBB;
z-index: 0;
}
#input_3_18.gfield_checkbox li label, #input_4_18.gfield_checkbox li label, #input_5_18.gfield_checkbox li label{
height: 55px !important;
display: table-cell !important;
margin-bottom: 15px !important;
}
#input_3_18.gfield_checkbox li label:before, #input_4_18.gfield_checkbox li label:before, #input_5_18.gfield_checkbox li label:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 30px;
border: solid #BBBBBB;
border-width: 0 3px 3px 0;
left: -44px;
top: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
z-index: 1;
}
ul#input_3_18 li, ul#input_4_18 li, ul#input_5_18 li{
overflow: visible !important;
}
ul#input_1_12 li{
min-height: 65px !important;
float: left !important;
width: 50% !important;
clear: none !important;
}
ul#input_1_12 li label{
margin-top: 8px;
}
#input_1_12 input[type="checkbox"] {
opacity: 0;
outline: none;
z-index: 100;
width: 55px;
height: 55px;
top: 0;
left: 0;
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
#input_1_12 input[type="checkbox"] + label {
cursor: pointer;
}
#input_1_12 input[type="checkbox"]:checked + label:before {
opacity: 1; }
#input_1_12 input[type="checkbox"]:checked + label:after { }
#input_3_18 input[type="checkbox"], #input_5_18 input[type="checkbox"], #input_4_18 input[type="checkbox"]{
opacity: 0;
outline: none;
z-index: 100;
width: 55px;
height: 55px;
top: 0;
left: 0;
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
#input_3_18 input[type="checkbox"] + label, #input_4_18 input[type="checkbox"] + label, #input_5_18 input[type="checkbox"] + label{
cursor: pointer;
}
#input_3_18 input[type="checkbox"]:checked + label:before, #input_4_18 input[type="checkbox"]:checked + label:before, #input_5_18 input[type="checkbox"]:checked + label:before {
opacity: 1;
}
#input_3_18 input[type="checkbox"]:checked + label:after, #input_4_18 input[type="checkbox"]:checked + label:after, #input_5_18 input[type="checkbox"]:checked + label:after {
}
.h2-label label.gfield_label{
font-size: 46px !important;
line-height: 54px !important;
color: #141E3E !important;
font-weight: 400 !important;
font-family: 'Londrina Solid' !important;
margin-top: 10px;
margin-bottom: 36px;
padding-top: 20px;
}
.h2-label label.gfield_label .gfield_required{
display: none;
}
form h2{
padding-top: 25px;
margin-bottom: 0px !important;
}
.line-break{
width: 100% !important;
height: 1px !important;
display: inline-block !important;
margin-top: 45px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #CCC;
clear: both !important;
float: none !important;
}
form .no-margin-top h2{
padding-top: 0px;
}
form select, #input_3_17 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/Group-3@2x-1.png) no-repeat;
background-position: right;
border-radius: 5px !important;
border: 1px solid #BBBBBB !important;
height: 55px;
}
#input_3_17::-webkit-input-placeholder { color: #141E3E;
opacity: 1;
}
#input_3_17::-moz-placeholder { color: #141E3E;
opacity: 1;
}
#input_3_17:-ms-input-placeholder { color: #141E3E;
opacity: 1;
}
#input_3_17:-moz-placeholder { color: #141E3E;
opacity: 1;
}
.ginput_container_select{
width: 100% !important;
}
form input, form textarea{
border: 1px solid #BBBBBB !important;
border-radius: 5px !important;
}
form label{
font-size: 24px !important;
font-weight: 500 !important;
line-height: 34px !important;
color: #373737 !important;
font-family: 'Dosis', sans-serif !important;
}
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5{
display: block;
width: 200px;
background-color: #1BB4E7;
border-radius: 25px;
font-family: 'Londrina Solid', cursive;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: white !important;
padding: 10px 25px;
text-align: center; border: 2px solid #1BB4E7 !important;
text-transform: uppercase;
}
#gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover, #gform_submit_button_4:hover, #gform_submit_button_5:hover{
background-color: white;
color: #1BB4E7 !important;
}
.page-template-tpl-content-without-sidebar .leftRightLayout h4{
font-size: 34px;
}
.leftRightLayout{
display: table;
width: 100%;
}
.left-content{
width: 40%;
display: block;
float: left;
}
.right-content{
width: 60%;
display: block;
float: left;
}
.no-top-padding h2{
padding-top: 0px;
}
.leftRightLayout{
margin-bottom: 45px;
}
.leftRightLayout:last-child{
margin-bottom: 0px;
}
.mob-expand-submenu {
margin-top: -40px !important;
}
.mobmenu .sub-menu li a{
padding-left: 40px !important;
}
.imglist-div{
padding-left: 15px; 
padding-right: 15px;
width: 33.3333%;
display: block;
float: left;
margin-top: 15px;
margin-bottom: 15px;
}
.singleImage:before{
background-color: rgba(9, 12, 13, 0.35);
bottom: 0;
content: "";
left: 15px;
position: absolute;
right: 15px;
top: 0;
visibility: hidden;
}
.imglist-div{
position: relative;
}
.imglist-div img{
display: table-cell;
left: calc((100% - 51px) / 2);
position: absolute;
top: calc((100% - 51px) / 2);
vertical-align: middle;
z-index: 9;
visibility: hidden;
}
.imglist-div:hover .singleImage:before{
visibility: visible;
}
.imglist-div:hover img{
visibility: visible;
}
.button-close,
.button-previous,
.button-next {
position: absolute;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
color: #fff;
text-decoration: none;
border-radius: 50%;
font-size: 16px;
}
.button-previous,
.button-next {
top: 50%;
margin-top: -22px;
line-height: 42px;
}
.button-previous {
left: 30px;
}
.button-next {
right: 30px;
}
.button-close {
top: 30px;
right: 30px;
font-size: 22px;
color: rgba(255,255,255,0.8);
}
.fancybox-stage{
left: 15px !important;
right: 15px !important;
}
.team-member{
display: table;
width: 100%;
}
.team-member-left{
float: left;
display: block;
}
.team-member-right{
padding-left: 50px;
width: calc(100% - 220px);
float: left;
display: block;
}
.team-member .line-break{
margin-bottom: 45px !important;
}
.home div.elevator-pitch div.content-container div.elevator-pitch-right div.circle-3 div.circle-content div.circle-content-inner a.circle-icon{ }
.formbtn{
display: block;
width: 155px;
background-color: #1BB4E7;
border-radius: 25px;
font-family: 'Londrina Solid', cursive !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 30px !important;
color: white !important;
padding: 10px 25px;
text-align: center;
margin: 0 auto; 
border: 2px solid #1BB4E7;
float: left;
}
.formbtn:nth-of-type(2n+1){
margin-right: 15px;
}
.formbtn:hover{
background-color: transparent;
color: #1BB4E7 !important;
text-decoration: none;
}
#site-navigation ul#primary-menu > li > a{
line-height: 22px;
padding: 11px 12px 10px 12px;
max-width: 115px;
display: table-cell;
text-align: center;
height: 77px;
vertical-align: middle;
}
@media(max-width: 2200px){
.bottom-path{
height: 230px;
}
}
@media(max-width: 1900px){
.bottom-path{
height: 210px;
}
}
@media(max-width: 1440px){
.bottom-path{
height: 170px;
}
}
@media(max-width: 1270px){
.page-template-tpl-home .banner .banner-content h1{
margin-left: 45px;
}
.offer-left{
padding-right: 30px;
}
.offer-right{
padding-left: 30px;
}
.two-column-offer .content-container{
padding-left: 30px;
padding-right: 30px;
}
}
@media(max-width: 1099px){
#site-navigation ul li a{
padding-left: 12px;
padding-right: 12px;
}
.offer-cilcle{
width: 50%;
margin-top: 20px;
margin-bottom: 20px;
}
.fullwidth-offer h2{
margin-bottom: 40px;
}
#site-navigation{
width: 695px;
}
.offer-image{
width: 280px !important;
height: 280px !important;
}
.offerDiv{
margin-bottom: 40px;
}
.fullwidth-offer{
padding-top: 60px;
padding-bottom: 85px;
}
#testimonials-slider .carousel-inner{
max-width: 790px !important;
}
}
@media(max-width: 1025px){
.elevator-pitch-left, .elevator-pitch-right{
width: 100%;
clear: both;
float: none;
padding-left: 0px;
padding-right: 0px;
}
.elevator-pitch{
padding-top: 0px;
}
.elevator-pitch-right{
height: 595px;
width: 585px;
margin: 0 auto;
margin-top: 100px;
}
.circle-1 {
top: 0;
left: 205px;
}
.circle-2 {
top: 195px;
left: 0;
}
.circle-3 {
top: 335px;
right: 0px;
}
}
@media(max-width: 991px){
.team-member-left{
margin-bottom: 30px;
}
.team-member-left, .team-member-right{
float: none;
clear: both;
width: 100%;
display: block;
padding-left: 0px;
}
.imglist-div{
width: 50%;
}
.banner{
height: 650px !important;
}
.site-branding{
width: 165px;
}
.site-right {
width: calc(100% - 165px);
height: 85px;
}
#site-navigation {
width: 580px;
}
#site-navigation ul li a{
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
}
.elevator-pitch-left h1{
font-size: 60px;
line-height: 70px;
}
.elevator-pitch-left h3{
font-size: 35px;
line-height: 40px;
}
.banner .banner-content h1{
font-size: 60px;
line-height: 70px;
max-width: 425px;
}
.bottom-path{
height: 135px;
bottom: -2px !important;
}
#testimonials-slider .carousel-inner{
width: 600px !important;
}
.footer-logo, .footer-hamilton-contact, .footer-leamington-contact, .footer-menu{
width: 50%;
float: left;
margin-bottom: 15px;
margin-top: 15px;
}
.footer-menu ul li{
padding-left: 0px;
padding-right: 0px;
}
.footer-inner{
display: table;
width: 100%;
}
.footer-logo{
top: 0px;
}
.footer-column-inner{
max-width: 220px;
margin: 0 auto;
}
.footer-menu .menu-page-menu-container{
top: 0px;
}
footer{
padding-top: 75px;
}
.footer-bottom{
padding-top: 45px;
}
.offer-left, .offer-right{
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.offer-inner{
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.offer-left{
padding-top: 75px;
padding-bottom: 75px;
padding-left: 20px;
padding-right: 20px;
background-color: rgb(205, 231, 250);
}
.offer-right{
padding-top: 75px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 75px;
background-color: rgb(206, 124, 21);
}
.offer-right-inner, .offer-left-inner{
max-width: 550px;
margin: 0 auto;
}
.offer-right-inner:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background-image: url(//littlesparrows.co.nz/wp-content/uploads/2018/09/Repeat-Grid.png);
background-position: center;
background-repeat: repeat;
}
.two-column-offer{
background: unset;
}
.two-column-offer .content-container{
padding-left: 0px;
padding-right: 0px;
}
.two-column-offer .overlay{
display: none;
}
.offer-right h2{
margin-top: 0px;
}
.cta-left, .cta-right{
width: 100%;
clear: both;
float: none;
padding-left: 0px;
padding-right: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
.cta-right{
height: auto;
}
.cta-left-inner, .cta-right-inner{
max-width: 500px;
margin: 0 auto;
display: block;
position: relative;
}
.cta{
padding-top: 50px;
padding-bottom: 50px;
}
.offer-right h2, .offer-right ul{
position: relative;
}
.offer-left p, .offer-left .offer-button, .offer-left-img, .offer-left h2 {
position: relative !important;
z-index: 1;
}
#site-navigation ul#primary-menu > li > a{
padding-left: 5px;
padding-right: 5px;
}
.facebook-icon{
display: none;
}
}
@media(max-width: 885px){
.left-content, .right-content{
width: 100%; 
display: block;
float: none;
clear: both;
}
.row-left{
padding-right: 0px !important;
}
.row-right{
padding-left: 0px !important;
padding-right: 0px !important;
}
.page-template-tpl-content-without-sidebar .page-content{
display: block;
}
.page-template-tpl-content-without-sidebar .mobile {
display: none;
}
.ginput_container_select{
width: 100% !important;
}
.gfield_checkbox li label:after{
right: 0px;
}
.gfield_checkbox li label:before{
right: 18px;
}
.page-template-tpl-content-without-sidebar div.page-content div.content-right{
padding-left: 0px;
padding-right: 0px;
}
.row-left, .row-right{
width: 100% !important;
float: none !important;
clear: both !important;
}
ul#input_1_12 li{
width: 100% !important;
float: none !important;
clear: both !important;
}
.row-left input, .row-right input, textarea{
width: 100% !important;
}
#site-navigation ul li a{
font-size: 16px;
}
#site-navigation {
width: 560px;
}
#site-navigation ul li a{
padding-left: 4px;
padding-right: 5px;
}
}
@media(max-width: 768px){
.imglist-div .fancybox{
display: block;
max-width: 320px;
margin: 0 auto;
}
.singleImage:before{
max-width: 320px;
margin: 0 auto;
left: 0;
right: 0;
height: 255px;
}
.imglist-div{
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.singleImage{
max-width: 320px;
margin: 0 auto;
overflow: hidden !important;
}
.content-header-inner:before, footer:before, .banner-inner:before{
background-position: left center;
background-size: cover;
}
.content-right{
padding-right: 0px;
padding-left: 0px;
width: 100%;
display: block;
float: none;
clear: both;
}
.content-left{
padding-left: 0px;
padding-right: 0px;
width: 100%;
display: block;
float: none;
clear: both;
}
.page-lists{
margin: 0;
margin-bottom: 15px;
margin-top: 15px;
}
.desktop{
display: none;
}
.mobile{
display: block;
margin-top: 40px;
}
.offer-left h2, .offer-right h2{
font-size: 40px;
line-height: 55px;
}
header#masthead{
display: block !important;
}
#header-logo{
display: block !important;
width: 100%;
}
#header-logo img{
width: 200px;
margin: 0 auto;
}
.banner .banner-content h1{
margin-left: 0px;
}
#header-logo a{
max-width: 200px;
display: block;
margin: 0 auto;
}
.offer-cilcle{
width: 100%;
float: none;
clear: both;
}
div#testimonials-slider .carousel-control.left, div#testimonials-slider .carousel-control.right{
display: none;
}
#testimonials-slider .carousel-inner{
width: 100% !important;
}
.footer-logo, .footer-hamilton-contact, .footer-leamington-contact, .footer-menu{
width: 100%;
float: none;
display: inline-block;
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}
footer{
padding-top: 50px;
}
.footer-bottom{
padding-top: 30px;
}
.page-content .content-right h1{
font-size: 55px;
line-height: 65px;
}
.page-content .content-right h2{
font-size: 42px;
line-height: 52px;
}
.page-content .content-right h3{
font-size: 40px;
line-height: 50px;
}
}
@media(max-width: 625px){
.elevator-pitch-right{
width: 100%;
height: auto;
margin-top: 50px;
}
.elevator-pitch{
padding-bottom: 50px;
}
.circle-1, .circle-2, .circle-3{
position: relative;
top: unset;
left: unset;
right: unset;
margin: 15px auto;
margin-bottom: 30px;
}
.circle-1, .circle-2{
width: 280px;
height: 280px;
}
.elevator-pitch-left h1{
font-size: 48px;
line-height: 58px;
}
.elevator-pitch-left h3{
font-size: 30px;
line-height: 35px;
}
.banner .banner-content h1{
font-size: 48px;
line-height: 58px;
max-width: 425px;
}
}
@media(max-width: 550px){
.cta .circle-1, .cta .circle-2, .cta .circle-3{
position: relative;
top: unset;
left: unset;
right: unset;
bottom: unset;
width: 220px;
height: 220px;
}
.cta-left{
height: auto;
}
.button-left, .button-right{
width: 100%;
float: none;
clear: both;
display: block;
}
.button-left a, .button-right a{
float: none;
}
.button-left a{
margin-bottom: 30px;
}
}
@media(max-width: 475px){
.offer-image{
width: 220px !important;
height: 220px !important;
}
}