* {
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   padding: 0;
   margin: 0;
}
.breadcrumb {
   display: none !important;
}
.container.zindex5 {
   margin: 0 !important;
   padding: 0 !important;
   max-width: unset !important;
}
main {
   margin: 0;
}
.container.is--wide {
   max-width: 1380px;
}
.layout__container {
   margin-bottom: 100px;
}
@media only screen and (max-width:767px) {
   .layout__container {
      margin-bottom: 60px;
   }
}


/* hero */
.hero {
   position: relative;
   min-height: 500px;
   display: flex;
   align-items: flex-end;
   padding-bottom: 50px;
}
.hero__image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   filter: brightness(80%);
}
.hero .text {
   color: #fff;
}
.hero .text h1 {
   color: #fff;
}
@media only screen and (max-width:767px) {
   .hero {
      min-height: 300px;
   }
}


/* text */
.text {
   font-size: 20px;
   line-height: 28px;
}
.text h1 {
   font-size: 60px;
   line-height: 75px;
}
.text h2 {
   font-size: 32px;
   line-height: 40px;
   margin: 10px 0 0 !important;
   padding: 0 !important;
}
.text h1,
.text h2,
.text h3,
.text h4 {
   font-weight: bold;
   margin-bottom: 20px;
}
.text small {
   text-transform: uppercase;
}
@media only screen and (max-width:767px) {
   .text h1 {
      font-size: 42px;
      line-height: 52px;
   }
}


/* loader */
.loader {
   font-size: 15px;
   position: relative;
   width: 60px;
   height: 30px;
   margin: auto;
}
.loader span {
   display: block;
   width: 1em;
   height: 1em;
   border-radius: 0.5em;
   background: #1A6E4A;
   position: absolute;
   animation-duration: 0.5s;
   animation-timing-function: ease;
   animation-iteration-count: infinite;
}
.loader span:nth-child(1) {
   left: 0;
   animation-name: reveal;
}
.loader span:nth-child(2) {
   left: 0;
   animation-name: slide;
}
.loader span:nth-child(3) {
   left: 1.5em;
   animation-name: slide;
}
.loader span:nth-child(4) {
   left: 3em;
   animation-name: reveal;
   animation-direction: reverse;
}
@keyframes reveal {
   from {
      transform: scale(0.001);
   }
   to {
      transform: scale(1);
   }
}
@keyframes slide {
   to {
      transform: translateX(1.5em);
   }
}


/* blog */
.blog__wrapper {
   display: flex;
   flex-direction: column;
   gap: 30px;
}
.blog__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
}
.blog__item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
   padding: 20px;
   position: relative;
   overflow: hidden;
   min-height: 300px;
}
.blog__item small {
   font-size: 15px;
   line-height: 22px;
   color: #fff;
   text-transform: uppercase;
}
.blog__item a {
   font-family: "Roboto Slab";
   font-size: 24px;
   font-style: normal;
   font-weight: bold;
   line-height: 28px;
   color: #fff;
   text-decoration: none !important;
}
.blog__item a:hover + img {
   transform: scale(1.1);
   filter: brightness(60%);
}
.blog__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   filter: brightness(80%);
   z-index: -1;
   transition: 0.5s ease;
}
.blog__item:nth-child(6n+2),
.blog__item:nth-child(6n+3),
.blog__item:nth-child(6n+4),
.blog__item:nth-child(6n) {
   grid-column: span 1;
   grid-row: span 1;
}
.blog__item:nth-child(6n+1),
.blog__item:nth-child(6n+5) {
   grid-column: span 2;
   grid-row: span 2;
   min-height: 630px;
}
.blog__item:nth-child(6n+1) small ,
.blog__item:nth-child(6n+5) small {
   font-size: 18px;
   line-height: 28px;
}
.blog__item:nth-child(6n+1) a,
.blog__item:nth-child(6n+5) a {
   font-size: 34px;
   line-height: 44px;
}
#blog-filter {
   background-color: transparent;
   padding: 0;
   border: none;
   color: #1d5c39;
   margin-left: 20px;
}
@media only screen and (max-width:991px) {
   .blog__grid {
      grid-template-columns: 1fr;
   }
   .blog__item {
      grid-column: unset !important;
      grid-row: unset !important;
      min-height: 300px !important;
   }
   .blog__item small {
      font-size: 15px !important;
      line-height: 22px !important;
   }
   .blog__item a {
      font-size: 24px !important;
      line-height: 28px !important;
   }
}


/* banner */
.banner {
   background-color: #1A6E4A;
   color: white !important;
   padding: 60px 0;
   margin: 30px 0;
}
.banner h2 {
   color: white !important;
   margin-bottom: 20px !important;
}
.banner__button {
   width: 260px;
   height: 260px;
   background: #fff;
   border-radius: 50%;
   border: none;
   outline: 3px solid #fff;
   outline-offset: 10px;
   transform: rotate(-10deg);
   transition: 0.3s ease;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0 30px;
   text-align: center;
}
.banner__button:hover {
   outline: 2px solid #fff;
   outline-offset: 5px;
   text-decoration: none;
}
.banner__button img {
}
.banner__button span {
   color: #1A6E4A !important;
   font-size: 18px;
   line-height: 24px;
   font-weight: bold;
   margin-top: 10px;
}
@media only screen and (max-width:991px) {
   .banner__button {
      margin: 30px auto 0;
   }
}