html,
body,
header {
  height: 100% !important; }

.header-navbar {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  position: relative; }
  .header-navbar p {
    margin-bottom: 1.5px; }
  .header-navbar .brand {
    font-size: 17px;
    font-weight: 800;
    flex-wrap: wrap;
    color: #00a65a; }
  .header-navbar i, .header-navbar img {
    height: 7vh;
    font-size: 7vh;
    color: #00a65a; }
  .header-navbar .info {
    flex-wrap: wrap;
    font-size: 12px }
@media(min-width:768px) and (max-width: 997px){
  .header-navbar .brand {
    font-size: 28px; }
}

.bg-product {
  position: absolute;
  width: 100%;
  background-attachment: fixed;
  opacity: 0.085;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-services {
  position: absolute;
  width: 100%; 
  height: 65%;
  opacity: 0.085;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-home {
  position: absolute;
  width: 100%; 
  height: 100%;
  opacity: 0.085;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec-home {
  height: 100%
}

@media(max-width: 375px) {
  .sec-services {
    height: 115% !important;
  }
  .bg-services {
    height: 115%;
  }
}

@media(min-width: 1367px) {
  .bg-product {
    height: 1257px;
  }
}

/*pagelayer*/
/*Flex - Rows and Cols*/ 
.pagelayer-row,
.pagelayer-inner_row,
.pagelayer-row-holder,
.pagelayer-col,
.pagelayer-col-holder{
  box-sizing: border-box;
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  align-content: stretch;
  position: relative;
}
.pagelayer-col,
.pagelayer-col-holder{
  align-content: flex-start;
}
.pagelayer-col-holder>div{
  width: 100%;
}
/*END Pagelayer*/

.body-light {
  background-color: #f7f7f7 !important;
}
.body-dark {
  background-color: rgba(28,28,28,0.85) !important; }
  .body-dark h2, .body-dark p,
  .body-dark h5, .body-dark li {
    color: white;
  }

.navbar {
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }
  .navbar.top-nav-collapse {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important; }
    .navbar.scrolling-navbar {
      padding: 25px 10px !important; }
    .navbar.scrolling-navbar.top-nav-collapse {
      padding: 5px 10px !important; }
  /*.top-nav-collapse {
    background-color: white; }*/
.nav-brown {
  background-color: #00a65a !important; } 
.navbar-toggler {
  color: white !important;
  width: 100%; }
  .navbar-toggler .icon {
    margin-left: 10px;
    color: white }
@media(min-width: 992px) {
  .navbar-brand, .nav-link {
    color: rgba(255,255,255,0.5) !important; }
    .navbar-brand:hover, .nav-link:hover {
      color: rgba(255,255,255,0.85) !important; }
    .nav-link.active {
      color: rgba(255,255,255,1) !important;
      font-weight: bolder; }
  /*.top-nav-collapse .navbar-brand,
  .top-nav-collapse .nav-link {
    color: rgba(0,0,0,0.85) !important; }
    .top-nav-collapse .navbar-brand:hover,
    .top-nav-collapse .nav-link:hover {
      color: rgba(0,0,0,0.5) !important; }
    .top-nav-collapse .nav-link.active {
      color: rgba(0,0,0,1) !important; }*/
  .nav-link {
    text-transform: uppercase;
    margin-right: 30px;
  }
  .top-nav-collapse {
    background-color: white;
    color: black !important;
  }
}
@media(max-width: 768px) {
  .navbar-toggler {
    padding: 4px 0 !important; }
    .navbar-toggler .icon {
      margin-left: auto !important; }
  .navbar-brand, .nav-link {
    color: rgba(255,255,255,0.85) !important; }
    .navbar-brand:hover, .nav-link:hover {
      color: rgba(255,255,255,0.5) !important; }
    .nav-link.active {
      color: rgba(255,255,255,1) !important; }
}

/*GTRANSLATE*/
#lang {
  margin-top: 0; 
}
.translated-ltr {
  margin-top: -40px !important; 
}
.translated-rtl {
  margin-top: -40px !important;
}
.goog-te-banner-frame {
  margin-top: -100px !important;
  position: absolute !important;
  height: 0 !important;
}
#gtranslate {
  margin-bottom: -45%;
}
#gtranslate select {
  width: 100%;
}
#gtranslate a {
  visibility: hidden !important;
}
#gtranslate .goog-te-gadget {
  font-size: 0 !important;
}
#gtranslate .goog-te-gadget span {
  size: 0;
}
#goog-gt-tt {
  visibility: hidden !important;
}
.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.goog-te-combo {
    border-radius: 5px;
    border-color: rgba(33, 37, 41, 0);
    background-color: transparent;
}
@media(min-width: 992px) {
  .select-language {
    margin-left: -20px;
    padding: 0 !important
  }
  .goog-te-combo {
    margin: 11% 0 !important;
  }
}
@media(min-width: 320px) and (max-width: 768px) {
 .select-language {
    margin-left: 0 !important;
    margin-bottom: 25px; } 
}

/*Navbar Dropdown*/
.dropdown {
  position: relative;
  display: inline-block; }
  .dropbtn {
    background-color: transparent;
    border: none;
    font-weight: 300; }
  .dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1; }
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center; }
  .dropdown:hover .dropdown-content {
    display: block;}

/*Carousel*/

.carousel-inner {
  height: auto; }
  .carousel-fade .carousel-inner .mask {
    height: auto;
    background-color: rgba(0,0,0,0.5);
    z-index: 1; }
.carousel-item {
  height: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .carousel-item img {
    height: auto;
    object-fit: cover; }
.carousel-indicators li {
    background-color: #1c1c1c }
  .carousel .carousel-control-next-icon {
    background-color: #1c1c1c;
    border-radius: 5px; }
  .carousel .carousel-control-prev-icon {
    background-color: #1c1c1c;
    border-radius: 5px; }

.h-65vh {
  height: 65vh !important;
}
.h-78vh {
  height: 78vh !important;
}
@media(max-width: 360px) {
  .h-78vh {
    height: 87vh !important; }
}

.img-scale {
  transition: all 1s; }
  .img-scale:hover {
      transform: scale(1.11);
  }

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

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: -2 !important;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
/*END Carousel*/

.info-panel {
  background: rgba(52,57,58,0.85);
  color: white;
  margin: 7% 0;
  padding: 4%;
  position: relative;
    top: -65vh;
    left: 80px;
  z-index: 2; }
@media(max-width: 992px) {
  .info-panel {
    position: relative;
      left: 0;
  }
}
@media(max-width: 576px) {
  .info-panel {
    top: -55vh;
    left: 0; }
}
@media(min-width: 768px) and (max-width: 1023px) {
  .info-panel {
    top: -55vh;
    left: 0; }
}

.home-visi-misi a {
  transition: all 1s;
  color: #00a65a; }
  .home-visi-misi a:hover {
    color: #07301e; }
  .home-visi-misi p {
    margin-bottom: 1px; }
 
.home-services a {
  transition: all 1s;
  color: #00a65a; }
  .home-services a:hover {
    color: #07301e; }
  .home-services p {
    margin: 14px 0;
    line-height: 3.75vh; }

@media(max-width: 768px) {
  .home-services {
    margin: 20px;
    text-align: justify; }
}

.home-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  object-fit: cover;
  transition: all 1s; }
  .home-product-img {
    width: 100%;
    height: 100%;
    padding: 13vh 0;
    background-size: contain;
    background-repeat: no-repeat;
    object-fit: cover; }
.home-img:hover {
  transform: scale(1.05);
}

.home-product {
  margin: 20px 0; }
  .home-product a {

    transition: all 1s;
    color: #00a65a; }
    .home-product a:hover {
      color: #07301e; }
    .home-product p {
      margin-bottom: 3px; }

@media(max-width: 320px) {
  .home-product-img {
    padding: 6rem 0; }
  .home-img {
    height: 14rem; }
}
@media(min-width: 321px) and (max-width: 425px) {
  .home-product-img {
    padding: 8rem 0; }
  .home-img {
    height: 18.5rem; }
}
@media(min-width: 425px) and (max-width: 576px) {
  .home-product-img {
    padding: 9rem 0; }
  .home-img {
    height: 25.5rem; }
}
@media(min-width: 576px) and (max-width: 768px) {
  .home-product-img {
    padding: 11rem 0; }
  .home-img {
    height: 24.5rem; }
}
@media(min-width: 768px) and (max-width: 992px) {
  .home-img {
    padding: 17rem 0; }
  .home-product-img {
    padding: 4rem; }
}
@media(min-width: 1280px) {
  .home-product-img {
    padding: 6rem 0; }
}

.services p {
  margin-bottom: 7px !important;
}

/*ABOUT*/
.dark {
  background-color: rgba(0,0,0,0.5);
}

.about-jumbotron {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media(max-width: 768px) {
  .about-jumbotron {
    background-position: 0 0px;
  }
}

.about-panel {
  background: rgba(52,57,58,0.85);
  color: white;
  margin: 7% 0;
  padding: 4%;
  position: relative;
    top: -85vh;
    left: 45vw;
  z-index: 2; }
@media(max-width: 992px) {
  .about-panel {
    position: relative;
      left: 0;
  }
}
@media(max-width: 360px) {
  .about-panel {
    top: -75vh;
  }
}
@media(min-width: 375px) and (max-width: 768px) {
  .about-panel {
    top: -73vh;
  }
}

.about-ul {
    /*list-style-position: outside !important;*/
    list-style: none;
    padding: 0;
    margin: 0;
  }

.about-ul li:before {
  content: ">";
  padding-right: 8px;
  color: #00a65a;
}
/*PRODUCT*/
.product-img, 
.product-img2 {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat; }
@media(max-width: 320px) {
  .product-img, .product-img2 {
    height: 30vh;
    width: auto; }
}
@media(min-width: 321px) {
  .product-img, .product-img2 {
    height: 36vh;
    width: auto; }
}
@media(min-width: 425px) {
  .product-img, .product-img2 {
    height: 41vh;
    width: auto; }
}
@media(min-width: 768px) and (max-width: 992px) {
  .product-img, .product-img2 {
    height: 15vh;
    width: auto;
    margin: 10vh 0; }
}
@media(min-width: 992px) {
  .product-img, .product-img2 {
    height: 30vh;
    width: auto; }
    .product-img {
      margin-left: 201px;
    }
    .product-img2 {
      margin-left: 101px;
    }
}
/*SERVICE*/
.service-img {
  width: 80%
}

@media(max-width: 768px) {
  .service-img {
    width: 100%;
  }
}

/*CONTACT*/
.contact-button {
  color: #00a65a !important;
  background-color: white;
  border-radius: 10px !important;
  border: 2px solid #00a65a !important;
  text-transform: none !important;
  padding: 0.45rem 1.4rem !important;
}

.contact-button:hover {
  color: white !important;
  background-color: #00a65a !important;
}

.contact-maps {
  width: 100% !important;
  height: 300px;
}

.career-img {
  background-size: cover;
  object-fit: cover; 
  background-repeat: no-repeat;
}
@media(max-width: 425px) {
  .career-img {
    padding: 100px }
}
@media(min-width: 425px) and (max-width: 992px) {
  .career-img {
    padding: 200px }
}

.fa-fw {
  font-size: 50px !important;
  color: #00a65a !important;
}
.fa-chevron-right.mr-3 {
  color: #00a65a !important;
}

.contact-button-2 {
  color: white !important;
  background-color: #00a65a;
  text-transform: none !important;
  padding: 0.45rem 1.4rem !important;
}

.contact-button-2:hover {
  color: #00a65a !important;
  background-color: white !important;
}

.border-bottom-1 {
  color: #c4b9b9 !important;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px !important;
  border-color: #c4b9b9; }
  .border-bottom-0, .border-bottom-0 a {
    color: #c4b9b9 !important;
    border: 0;
    border-bottom: 0;
    border-color: #c4b9b9; }
    .border-bottom-1 a, .border-bottom-0 a {
      color: #c4b9b9 !important; }
      .border-bottom-1 a:hover, .border-bottom-0 a:hover {
        color: white !important; }
  .border-bottom-1-light {
    color: white !important;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 2px !important;
    border-color: #00a65a; }
.border-bottom-1 .fa-chevron-right,
.border-bottom-0 .fa-chevron-right {
  color: #00a65a !important;
}

.border-top-1 {
  color: #c4b9b9 !important;
  border: 1;
  border-top: 1px !important;
  border-color: #c4b9b9; }
  .border-top-0{
    color: #c4b9b9 !important;
    border: 0;
    border-top: 0;
    border-color: #c4b9b9; }
    .border-top-1 a, .border-top-0 a {
      color: #c4b9b9 !important; }
      .border-top-1 a:hover, .border-top-0 a:hover {
        color: white !important; }

.carousel-control-next, .carousel-control-prev {
  color: rgba(0, 166, 90, 0) !important;
  font-size: 3rem;
  transition: all 1s; }
  .carousel-control-next:hover, .carousel-control-prev:hover {
  color: rgba(0, 166, 90, 0.5) !important;
  transition: all 1s; }
.carousel-control-next.home-carousel, .carousel-control-prev.home-carousel {
  color: rgba(0, 166, 90, 0) !important;
  font-size: 5rem;
  transition: all 1s;
  z-index: 100; }
  .carousel-control-next.home-carousel:hover, .carousel-control-prev.home-carousel:hover {
  color: rgba(0, 166, 90, 0.85) !important;
  transition: all 1s; }

.footer-icon {
  background-image: url('../img/favicons/mpa.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  height: 16vh;
  margin-top: 30px;
  transition: all 1s; }
  .footer-icon:hover {
    transform: scale(1.11);
  }
.footer-copyright {
  color: white !important;
  background-color: #00a65a !important;
}