@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


/*font-family: 'Lato', sans-serif;*/
html {
    scroll-behavior: smooth !important;
}

body{color: #4d4d4d}

.logo img{max-height: 70px !important; }
 .navik-header.sticky .logo img {
    max-height: 70px !important;}

/* typography / swatch */

.green{color: #066928}
.graphite{color: #4d4d4d}


.heading-banner{font-size: 40px; font-weight: 400; text-transform: uppercase; letter-spacing: 4px;}
.heading-xxlg{font-size: 70px;}
.heading-lg{font-size: 48px;}
.heading-md{font-size: 32px;}

.f700{font-weight: 700}

.bg-lightgray{background: #F0F0F0}
.bg-gray{background: #E5E5E5}

.btn-primary{background: #066928; border:0px; }.btn-primary:hover{background: #0D8034}
.btn-secondary{background: #12A043; border-color:#12A043}
.btn-outline-dark{border-color: #066928; border-width: 1px; color:  #066928}.btn-outline-dark:hover{background: #12A043;border-color: #12A043; }
.btn-lg{white-space: normal;}

p.reg{font-size: 14px;}

/*  utilities  */
.pad-x-lg{padding: 0px 80px;}
.pad-x-reg{padding: 0px 50px;}
.pad-x-sm{padding: 0px 30px;}
.pad-y-lg{padding: 80px 0px;}
.pad-y-reg{padding: 50px 0px;}
.pad-reg{padding: 50px;}
.pad-xy30{padding: 30px}
.pad-xsm{padding: 20px;}
.spcr-100{height: 100px;}
.spcr-70{height: 70px;}

a.link-reg{color: #066928; }



/*   blocks   */
.box-style-1{padding: 50px 20px; border:1px #8c9b91 solid; border-top: 8px solid #8c9b91;}
.box-style-1 img{max-width: 50px;}
.box-style-1 h3{text-transform: uppercase; letter-spacing: 1px; font-size: 24px; margin-bottom: 20px;}
.box-style-1 p{font-size: 14px;}
.box-style-1 ul{list-style: none; padding: 0; margin-top: 20px;}
.box-style-1 li{margin: 15px 0px; font-size: 15px;}
.box-style-1 span{background: #fff; border:1px solid #066928;  padding: 5px 8px; border-radius: 50px; color: #066928;  width: 200px !important; font-size: 11px; margin-right: 4px; font-weight: 700 }
.box-style-1 a{font-size: 1.1em !important}

.dd-box{padding: 40px 25px;}
.dd-box h1{color: #066928; font-weight: 600; font-size: 25px; text-align: center;}
.dd-box a{display: block; color: #454545; font-size: 14px; text-align: center; margin: 5px 0px;}

.hovereffect {
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .3s linear;
transition:all .3s linear;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}



.paydetails{padding: 20px; text-align: center;}
.paydetails h2{font-size: 24px;}.paydetails h4{font-size: 18px;}
.paydetails p{font-size: 12px; color: #066928; text-transform: uppercase; letter-spacing: 2px; margin-top: -5px !important;}


footer p{font-size: 12px; color: #656565; line-height: 20px;}
footer a{color: #066928; font-size: 12px; } footer a:hover{color: #656565}

.proj-box{padding:20px 80px;}
.proj-box h1{font-size: 48px; color: #066928;}
.proj-box h2{font-size: 16px; font-weight: 300; color: #066928;}
.proj-box p{font-size: 14px; margin: 15px 0px;}

ul.links{display: block; list-style: none;  padding: 0}
ul.links li a{color: #066928; font-size: 15px;}
ul.links li span{font-size: 28px; width: 50px; height: 40px;  float: left}


.carousel-indicators li {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 7px;
      text-indent: 0;
      cursor: pointer;
      border: none;
      border-radius: 100%;
      background-color: #fff;    
  list-style-type: circle;
}


.carousel-indicators .active {
      width: 20px;
      height: 20px;
      margin: 7px;
      background-color: #066928;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}





/* --------------------------------------  mobile --------------------------------------  */

@media screen and (max-width:768px) {

.logo img{max-height: 65px !important; }


.heading-lg{font-size: 36px;}
.heading-md{font-size: 28px;}
.heading-banner{font-size: 30px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px;}

/*  utilities  */
.pad-x-lg{padding: 0px 30px;}
.pad-x-reg{padding: 0px 30px;}
.pad-x-sm{padding: 0px 30px;}
.pad-y-lg{padding: 50px 0px;}
.pad-y-reg{padding: 25px 0px;}
.pad-reg{padding: 30px;}
.spcr-100{height: 20px;} .spcr-70{height: 20px;}


/* boxes */
.box-style-1{padding: 30px 40px; border:1px #8c9b91 solid; border-top: 8px solid #8c9b91;}
.box-style-1 img{display: none;}
.box-style-1 p, .box-style-1 li{font-size: 16px;}

.dd-box{padding: 20px 15px;}

}