html {
    scroll-behavior: smooth;
}
body
{
	font-family: 'Proxima';
}
.header {
    background: linear-gradient(to right, #fff 57%, #f2f4ee 42%);
 }
a:hover{
	text-decoration: none;
}
.logo-img {
    padding: 20px 0;
}
.phone-no {
    float: right;
    padding: 30px 0;
    font-size: 36px;
    color: #565656;
    font-weight: 800;
}
.phone-no span a{
	color:#565656;
	 font-weight: 800;
	 position: relative;
}
.phone-no span a:hover{
	color: #000;	
}
.bg-color{
	position: relative;
}
.bg-color:before{
	content: " ";
	position: absolute;
     width: 0;
    height: 0;
    border-left: 63px solid transparent;
    border-top: 123px solid #f2f4ee;
    top: 0;
    left: -42px;
}
/*.phone-no:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    top: 7px;
    left: -28px;
   }*/
   .call-img{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
   }
 .call-img img{
   width: 100%;
 }
 
.banner-section.thanks-section {
    padding: 150px 20px;
    text-align: center;
}
.content-list-warp p {
    font-size: 20px;
}
.banner-section{
 background-image: url('../images/banner-bg.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
     position: relative;
     overflow: hidden;
}
 .banner-section:before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 69, 31, 0.5);
  }
.content-title {
    font-size: 58px;
    line-height: 1.03;
    margin-top: 70px;
    margin-bottom: 40px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
.list-items{
	margin-left:30px;
	padding: 0;
}
.list-items li{
    list-style: none;
    font-size: 18px;
    position: relative;
    line-height: 2;
    font-weight: 600;
}
.list-items li:before{
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 999;
    background-image: url(../images/right-icon.png);
    background-repeat: no-repeat;
    top: 7px;
    left: -28px;
   }
.btn-default{
  width: 100%;
  margin-top: 10px;
  color: #fff;
  background-color: #2e2e2e;
  height: 49px;
  line-height: 49px;
  font-size: 24px;
  list-style: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn
{
  border-radius: 8px !important;
  padding: 0 !important;
}
.image-subtitle-wrap {
    border: 6px solid #fff;
    border-radius: 100%;
    position: relative;
}
.sha-do
{
  position: absolute;
  height: 65px;
}
.arrow-wrap {
    position: absolute;
    top: 53px;
    left: -51px;
}
.form-title{
	font-size: 36px;
	line-height: 0.55;
	font-weight: 700;
	color: #fff;
  text-align: center;
	margin-bottom: 30px;
}
.form-control{
 border-radius:0;
 }
.form-wrap{
 position: relative;
 background-image: url('../images/form-bg.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 padding:60px 45px;
}
.thxy {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding:0 4px;
}
.form-wrap.thnk-frm{position:realtive;}
.text-content{
 color: #fff;
}
.one-stop-shop-section{
background-image: url('../images/stop-bg.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 padding:60px 0;
}
.one-stop-title{
	text-align: center;
	 margin-bottom: 50px;
	 font-weight: 600;
	 font-size: 42px;
   color: #000000;
	 line-height: 0.47;
}
.our-mission-text{
 text-align: center;
}
.our-mission-text{
  padding: 40px 0;
  color: #000000;
  font-weight: 700;
  font-size: 30px;
  line-height: 0.66;
}
.call-wrap{
 color: #7f8f5b;
}
.call-wrap a{ 
 color: #7f8f5b;
}
.call-wrap a:hover{
 color: #000;
}
.welcome-text-wrap{
  padding-top:50px;
}
.welcome-txt{
	font-weight: 600;
 font-size: 36px;
 line-height: 1;
 color: #fff;
}
.welcome-text-wrap p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.37;
  color: #fff;
  margin-top: 18px;	
}
.wel-come-auckland{
 /*background-image: url('../images/welcome-bg.jpg');*/
 background-image: url('../images/kk.png');
 background-repeat: no-repeat;
 /*background-color: rgba(136,149,105,0.7);
 */
 background-color: #748354;
 background-size: cover;
 background-position: center center;
 position: relative;
}
.wel-come-auckland:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 69, 31, 0.5);
  }
  .welcome-img img{
  	width: 100%;
  }
.welcome-img{
 border-left:4px solid #fff;
 border-right:4px solid #fff;
}
.size-list-wrap ul{
  padding:0;
  margin:0;
  margin-left: 30px;
  }
  .size-list-wrap ul li{
  	list-style: none;
  	font-weight: 600;
  	font-size: 18px;
  	color: #fff;
  	line-height: 1.66;
  	    position: relative;

  }
  .size-list-wrap ul li:before{
  	content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 999;
    background-image: url(../images/right-icon.png);
    background-repeat: no-repeat;
    top: 3px;
    left: -28px;
   }
  .wel-callwrap{
  font-weight: 700;
  font-size: 28px;
  line-height: 0.71;
  color: #fff;
  margin-top: 42px;
  margin-left: 45px;
  position: relative;
  }
  .wel-call-number a{
    color: #fff;
  }
  .wel-call-number a:hover{
  	color: #000;
  }
  .we-are-available-wrap{
  	padding-top: 40px;
  }
  .available-text-wrap{
   font-weight: 400;
   font-size: 24px;
   line-height: 1.25;
   text-align: center;
   color: #393939;
  }
  .our-clients-section{
  	/*background-image: url('../images/our-client-bg.jpg');*/
    background-image: url('../images/sse.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 position: relative;

  }
  .our-clients-section:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 69, 31, 0.5);
  }
.our-client-heading{
	font-weight: 700;
	font-size: 42px;
	line-height: 0.5;
	color: #fff!important;
	margin-bottom: 65px;
	text-align: center;
	margin-top: 80px;
	z-index: 99;
  position: relative;
}
.mstext {
    padding-bottom: 70px;
}
.our-client-content{
	padding: 60px 40px;
	    border-radius: 50px;
      background: #e5e7de;
        height: 265px;
        margin-bottom: 80px;
}
.our-client-content p{
   font-weight: 400;
  font-size: 18px;
  line-height: 1.55;
  color: #525252; 
  position: relative;
}
.our-client-content p:before {
  	content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 999;
    background-image: url(../images/left-qoute.png);
    background-repeat: no-repeat;
    top: 4px;
    left:auto;
    margin-left: -20px;
   }
   .our-client-content p:after {
  	content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 999;
    background-image: url(../images/right-qoute.png);
    background-repeat: no-repeat;
    bottom: -4px;
    right: auto;
   }
   .content-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 22px;
    z-index: 999;
    background-image: url(../images/qoute.png);
    background-repeat: no-repeat;
    top: 4px;
    left: -38px;
    margin-left: 0;
}
   .content-title:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 22px;
    z-index: 999;
    background-image: url(../images/qoute2.png);
    background-repeat: no-repeat;
    bottom: 31px;
    right: auto;
    margin-left: 4px;
}
  
.client-name{
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36;
  color: #486800;
  margin-top: 30px;
  text-transform: uppercase;
}
.our-client-content:before {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    top: -18px;
    left: 80px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #e5e7de;
}
.designedby {
    padding: 23px 0 13px;
    text-align: center;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000;
    background-color: #f2f2f2;
}
.designedby p a {
    display: inline-block;
    vertical-align: middle;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.image-subtitle-wrap img {
  width: 100%;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000 !important;
	font-weight: 700;
	font-size: 14px;
	/*line-height: 2.85 !important;*/
}
::-moz-placeholder { /* Firefox 19+ */

	color: #000 !important;
	font-weight: 700;
	font-size: 14px;
	/*line-height: 2.85 !important;*/
}
:-ms-input-placeholder { /* IE 10+ */

	color: #000!important;
	font-weight: 700;
	font-size: 14px;
	/*line-height: 2.85 !important;*/
}
:-moz-placeholder { /* Firefox 18- */
 
	color: #000 !important;
	font-weight: 700;
	font-size: 14px;
	/*line-height: 2.85 !important;*/
}
input[type=number]{
	 -moz-appearance: textfield !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important;
   
    appearance: none !important;
    margin: 0 !important; 
}
.Thank-text{
	font-size: 20px;
}
span.wwws {
    position: absolute;
    top: -12px;
    left: -44px;
}

textarea.form-control{resize:none;}
.yourmsg{margin-bottom:15px;}







.faqs-section {
    background-color: #f7ffe5;
    padding: 60px 20px;
}

.faqs-section .main-title {
    text-align: center;
    font-weight: 700;
}

.main-accordion {
    margin-top: 30px;
}

.main-accordion .accord-item {
    cursor: pointer;
}

.main-accordion .accord-item h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #486800;
    padding: 15px 60px 15px 20px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.main-accordion .accord-item h3:before {
    content: "\f0d7";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 30px;
    right: 20px;
    top: 10px;
    transition: all 0.3s ease-in-out;
}

.main-accordion .accord-item.active h3:before {
    transform: rotate(-180deg);
}

.main-accordion .accord-item h3:hover,
.main-accordion .accord-item.active h3 {
    color: #fff;
}

.main-accordion .accord-item .accord-content {
    padding: 15px 15px;
}

.main-accordion .accord-item .accord-content p {
    color: #000;
    font-size: 16px;
}

.intro-section .heading_wrp h2 {
    color: #486800;
    font-weight: 700;
}
.intro-section p {
    font-size: 16px;
}

.intro-section {
    padding: 60px 20px 0;
}
.intro-section .heading_wrp {
    text-align: center;
}
.features-row {
    padding: 10px 0px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.features-row .col-md-4{
    margin:12px 0px;
}
.features-row .blurb-box {
    padding: 30px 30px;
    text-align: center;
    background-color: #7cb300;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 100%;
    transition: all 0.3s ease-in-out;
}
.features-row .blurb-box img {
    transition: all 0.3s ease-in-out;
}
.features-row .blurb-box h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: inherit;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
}
.features-row>div:nth-child(2n) .blurb-box h4 {
    color: #000000;
}
.features-row>div:nth-child(2n) .blurb-box {
    background-color: #f7ffe5;
}
.features-row .blurb-row {
    justify-content: center;
}
.features-row .blurb-box .image {
    width: 120px;
    height: 100px;
    margin: 0 auto 30px auto;
}
.features-row .blurb-box .image img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}
.features-row .blurb-box:hover, .features-row>div:nth-child(2n) .blurb-box:hover {
    background-color: #ffffff;
}
.features-row .blurb-box:hover h4 {
    color: #000000;
}
.features-row .blurb-box:hover img {
    filter: brightness(0);
}


.content_section {
    padding: 60px 20px 0;
}

.content_section h2 {
    font-weight: 600;
}

.content_section p, .content_section li {
    font-size: 16px;
}

.content_section .banner_btn a {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 700;
    background-color: #486800;
    position: relative;
    color: #fff;
    border-radius: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.content_section .banner_btn a:hover {
    background-color: #4d4d4d;
}

.content_section .banner_btn {
    margin-top: 20px;
}