@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  background:#fff;
  overflow-x:hidden; 
  color:#fff; 
  font-family: "Arimo", sans-serif;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

ul,li{ 
  padding:0; 
  margin:0; 
  list-style:none; 
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
  height:auto;
}

/* ===== common css ====== */
.button1{
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.02em;
  background:#328421;
  border-radius:30px;
  padding:14px 25px;
}

.button1:hover{
  background:#03517d;
  color:#fff;
}

.button2{
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.02em;
  background:#03517d;
  border-radius:30px;
  padding:14px 25px;
}

.button2:hover{
  background:#328421;
  color:#fff;
}

.paragraph{
  font-size:17px;
  color:#060606;
  line-height:27px;
  letter-spacing:.02em;
  margin-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:#fff; 
  border:none; 
  margin:0; 
  padding:17px 0 12px;
  transition:all 500ms ease-in-out;
}

.navbar-default:before{
  content:"";
  position:absolute;
  width:100%;
  height:5px;
  background:linear-gradient(to right, #33841f , #02517e);
  left:0;
  top:0;
}

.logo_block{
  width:160px;
  transition:all 500ms ease-in-out;
}

.header_right .bottom_block ul li{
  display:inline-block;
  margin-right:20px;
}

.header_right .bottom_block ul li:last-child{
  margin-right:0;
}

.header_right .bottom_block ul li a{
  font-size:18px;
  color:#040404;
  line-height:20px;
  font-weight:500;
}

.header_right .bottom_block ul li.active a,
.header_right .bottom_block ul li a:hover{
  color:#33841f;
}

@media screen and (min-width:992px){
  .navbar-default.navbar-fixed{
    box-shadow:0 4px 6px rgba(0,0,0,.15);
    padding:15px 0 10px;
  }

  .navbar-default.navbar-fixed .logo_block{
    width:120px;
  }

}

.home_banner{
  margin-top:152px;
}

.banner_desc{
  left:0;
  bottom:20%;
}

.banner_content{
  width:650px;
  max-width:100%;
  margin:0 auto;
}

.banner_content h1{
  font-family: "Playfair Display", serif;
  font-size:60px;
  line-height:66px;
  font-weight:800;
  margin-bottom:20px;
}

.manage_block{
  background:#f7f3f7;
  border-bottom:1px solid rgba(0,0,0,.2);
  padding:65px 0;
}

.manage_block .lt_side h2,
.vision_panel .lt_content h2,
.look_block .left_content h2,
.choose_panel h2,
.faq_title_box h2,
.review_content h2{
  font-family: "Playfair Display", serif;
  font-size:50px;
  color:#010101;
  line-height:60px;
  margin-bottom:20px;
}

.manage_block .lt_side h2 span,
.serv_content h3 span,
.faq_title_box h2 span{
  color:#3c892a;
}

.vision_panel{
  background:#f7f3f7;
  padding:65px 0;
}

.vision_panel .rt_content h3{
  font-size:28px;
  color:#03517d;
  line-height:30px;
  font-weight:600;
  margin-bottom:12px;
}

.vision_panel .rt_content h3.green{
  color:#338420;
}

.vision_panel .lt_content h2{
  color:#fff;
  -webkit-text-stroke: 2px #03517d;
}

.service_sec,
.look_block{
  background:#f7f3f7;
  padding-bottom:65px;
}

.service_sec .left_services .col-lg-4{
  border-right:1px solid #328421;
  border-bottom:1px solid #328421;
}

.service_sec .left_services .col-lg-4:first-child{
  order:6;
}

.service_sec .left_services .col-lg-4:nth-child(1),
.service_sec .left_services .col-lg-4:nth-child(4){
  border-right:none;
}

.service_sec .left_services .col-lg-4:nth-child(1),
.service_sec .left_services .col-lg-4:nth-child(5),
.service_sec .left_services .col-lg-4:nth-child(6){
  border-bottom:none;
}

.service_box{
  margin:10px 0;
}

.serv_content h3,
.green_work_box h3{
  font-family: "Playfair Display", serif;
  font-size:32px;
  color:#020202;
  line-height:40px;
  margin-bottom:20px;
}

.service_box a{
  padding:10px;
}

.service_box:hover a{
  background:#328421;
}

.service_box img{
  width:120px;
  border-radius:50%;
}

.service_box h4{
  font-size:20px;
  color:#030303;
  line-height:26px;
  font-weight:700;
  margin:15px 0 12px;
}

.service_box:hover h4,
.service_box:hover .paragraph{
  color:#fff;
}

.green_work_box{
  background:#328421;
  border-radius:20px;
  padding:20px;
}

.green_work_box a{
  width:100%;
  font-size:17px;
  color:#fff;
  line-height:20px;
  border:1px dashed #fff;
  border-radius:30px;
  text-align:center;
  padding:12px 20px;
}

.green_work_box a:hover{
  background:#fff;
  color:#328421;
}

.look_block .left_content{
  width:635px;
}

.look_block .left_content h2 span,
.review_content h2 span{
  color:#03517d;
}

.look_block .right_content .section{
  background:#03517d;
  border-radius:60px 0 0 60px;
  padding:12px 0 12px 20px;
}

.look_block .right_content .section:first-child{
  margin-left:5%;
}

.look_block .right_content .section:nth-child(2){
  background:#3c892a;
  margin-left:12%;
}

.look_block .right_content .section h6{
  display:inline-block;
  font-size:30px;
  color:#03517d;
  line-height:70px;
  width:70px;
  height:70px;
  background:#fff;
  text-align:center;
  border-radius:50%;
  vertical-align:middle;
}

.look_block .right_content .section:nth-child(2) h6{
  color:#3c892a;
}

.look_block .right_content .section .content{
  display:inline-block;
  width:60%;
  vertical-align:middle;
  padding-left:15px;
}

.look_block .right_content .section h5{
  font-size:22px;
  line-height:24px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:10px;
}

.look_block .right_content .section .paragraph{
  font-size:15px;
  line-height:22px;
}

.choose_panel{
  background:url(../images/choose-bg.jpg) no-repeat center top;
  background-size:cover;
  padding:400px 0 65px;
}

.choose_panel:before{
  content:"";
  position:absolute;
  width:100%;
  height:370px;
  background:url(../images/choose-top-design.png) no-repeat center top;
  background-size:100%;
  left:0;
  top:0;
}

.choose_panel .box .icon{
  width:100px;
  height:100px;
  line-height:95px;
  border:2px dotted #fff;
  border-radius:50%;
  margin:0 auto;
}

.choose_panel .box .icon:before{
  content:"";
  position:absolute;
  width:85px;
  height:85px;
  background:#fff;
  border-radius:50%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.choose_panel .box .icon img{
  position:relative;
}

.choose_panel .box h6{
  font-size:20px;
  line-height:26px;
  font-weight:600;
  letter-spacing:.02em;
  margin-top:15px;
}

.faq_section{
  padding:65px 0;
}

.faq_title_box a{
  font-size:18px;
  color:#315366;
  line-height:20px;
  font-weight:600;
  letter-spacing:.02em;
  text-decoration:underline;
}

.faq_title_box a:hover{
  color:#328421;
}

.accordion-item{
  border:1px solid #328421 !important;
  margin-bottom:10px;
}

.accordion-item:last-child{
  margin-bottom:0;
}

.accordion-button{
  font-size:20px;
  color:#050505;
  line-height:26px;
  font-weight:600;
  text-transform:inherit;
  background:#e6f7e3;
  padding:14px 20px;
}

.accordion-button:focus{
  box-shadow:none;
}

.accordion-button[aria-expanded="true"],
.accordion-button:hover{
  background:#328421;
  color:#fff;
}

.accordion-button[aria-expanded="true"]:after,
.accordion-button:hover:after{
  filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(306deg) brightness(200%) contrast(101%);
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.blog_section{
  padding-bottom:65px;
}

.blog_img img{
  border-radius:20px;
  filter:grayscale(100%);
}

.blog_section .section:hover .blog_img img{
  filter:grayscale(0);
}

.blog_content h5{
  font-size:20px;
  color:#050505;
  line-height:28px;
  font-weight:600;
  margin-bottom:12px;
}

.blog_content h6{
  display:inline-block;
  font-size:16px;
  color:#fff;
  line-height:16px;
  font-weight:500;
  background:#568aa8;
  border-radius:6px;
  padding:10px 15px;
}

.review_block{
  padding-bottom:170px;
}

.review_box{
  background:#edf3f9;
  border-radius:20px;
  padding:30px;
  z-index:999;
}

.review_box:before,
.review_box:after{
  content:"";
  position:absolute;
  width:75%;
  height:75%;
  background:#a0cc96;
  border-radius:20px;
  transform:skewX(-8deg);
  right:-30px;
  bottom:0;
}

.review_box:after{
  height:82%;
  background:#cddff3;
  transform:skewX(-2deg);
}

#footer{
  background:linear-gradient(to bottom right, #338421, #064a76);
  padding-bottom:30px;
}

.footer_upper .form_right_img img{
  margin-top:-120px;
  margin-bottom:-2px;
}

.footer_upper .form_box h2{
  font-size:38px;
  line-height:35px;
  margin-bottom:25px;
}

.footer_lower{
  background:url(../images/footer-bg.png) no-repeat center bottom;
  background-size:100%;
  border-radius:25px;
  margin:0 30px;
  padding:50px 0 40px;
}

.footer_lower h3{
  font-family: "Playfair Display", serif;
  font-size:26px;
  color:#030303;
  font-weight:700;
  margin-bottom:20px;
}

.footer_url li{
  line-height:0;
  margin-bottom:10px;
}

.footer_url li:last-child,
.ft_contact .thumb:last-child{
  margin-bottom:0;
}

.footer_url li a{
  font-size:17px;
  color:#050505;
  line-height:20px;
  font-weight:500;
}

.footer_url li a:hover,
.ft_contact .thumb a:hover{
  color:#328421;
}

.ft_contact .thumb{
  margin-bottom:15px;
}

.ft_contact .thumb h6{
  font-size:18px;
  color:#030303;
  line-height:20px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:5px;
}

.ft_contact .thumb a{
  color:#050505;
}

.footer_lower .bottom_block p span,
.footer_lower .bottom_block p a{
  color:#328421;
  font-weight:600;
}

.footer_lower .bottom_block p a{
  color:#03517d;
}

.footer_abn_number{
  font-size:24px;
  color:#030303;
  line-height:26px;
}

@media screen and (max-width:1366px){
  .look_block .left_content{
    width:550px;
  }

  .look_block .right_content .section .content{
    width:72%;
  }

  .choose_panel{
    padding-top:290px;
  }

  .choose_panel:before{
    height:260px;
  }


}