a {
  color: #333; }

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

textarea {
  resize: vertical; }

img {
  max-width: 100%; }

.mb-5 {
  margin-bottom: 5px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-15 {
  margin-bottom: 15px; }

.mr-15 {
  margin-right: 15px; }

.mt-0 {
  margin-top: 0; }

.pad-0 {
  padding: 0; }

.pad-btm-0 {
  padding-bottom: 0; }

.pad-top-0 {
  padding-top: 0; }

.width-100 {
  width: 100%; }

.relative {
  position: relative; }

.line-height-25 {
  line-height: 25px; }

@media (min-width: 1200px) {
  .auto-clear .col-lg-1:nth-child(12n+1) {
    clear: left; }

  .auto-clear .col-lg-2:nth-child(6n+1) {
    clear: left; }

  .auto-clear .col-lg-3:nth-child(4n+1) {
    clear: left; }

  .auto-clear .col-lg-4:nth-child(3n+1) {
    clear: left; }

  .auto-clear .col-lg-6:nth-child(odd) {
    clear: left; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .auto-clear .col-md-1:nth-child(12n+1) {
    clear: left; }

  .auto-clear .col-md-2:nth-child(6n+1) {
    clear: left; }

  .auto-clear .col-md-3:nth-child(4n+1) {
    clear: left; }

  .auto-clear .col-md-4:nth-child(3n+1) {
    clear: left; }

  .auto-clear .col-md-6:nth-child(odd) {
    clear: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .auto-clear .col-sm-1:nth-child(12n+1) {
    clear: left; }

  .auto-clear .col-sm-2:nth-child(6n+1) {
    clear: left; }

  .auto-clear .col-sm-3:nth-child(4n+1) {
    clear: left; }

  .auto-clear .col-sm-4:nth-child(3n+1) {
    clear: left; }

  .auto-clear .col-sm-6:nth-child(odd) {
    clear: left; } }
@media (max-width: 767px) {
  .auto-clear .col-xs-1:nth-child(12n+1) {
    clear: left; }

  .auto-clear .col-xs-2:nth-child(6n+1) {
    clear: left; }

  .auto-clear .col-xs-3:nth-child(4n+1) {
    clear: left; }

  .auto-clear .col-xs-4:nth-child(3n+1) {
    clear: left; }

  .auto-clear .col-xs-6:nth-child(odd) {
    clear: left; } }
html, body {
  color: #6d6e71;
  font-family: "Open Sans", sans-serif; }

p {
  line-height: 25px; }

a, a:hover {
  color: #6d6e71; }

section {
  padding: 50px 0; }

.title {
  font-size: 16px;
  color: #8dc63f; }

.main-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #006838; }

.width-100px {
  width: 100px;
}

.menu {
  margin-bottom: 0; }
.menu li {
  display: inline-block;
  line-height: 57px;
  padding: 0 10px; }
.menu li:nth-last-child(1) {
  padding-right: 0; }
.menu li.active {
  border-bottom: solid 2px #39B54A;
  font-weight: bold; }
.menu li a {
  color: #006838;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  display: block; }
.menu li a:hover {
  font-weight: bold; }
.menu li a:after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.header-top {
  background-color: #006838;
  color: #fff;
  padding: 10px 0;
  font-size: 12px; }

.header-top-block {
  display: inline-block;
  margin-right: 40px; }
.header-top-block img {
  margin-right: 10px; }

.header-btm {
  padding-top: 10px; }

.footer-top {
  padding: 15px 0; }

.footer-btm {
  background-color: #006838;
  color: #fff;
  padding: 15px 0; }

.footer-left {
  float: left; }

.footer-right {
  float: right; }

.bg-lightgrey {
  background-color: #F1F1F2; }

.bg-green {
  background-color: #006838; }

.bg-parallax {
  height: 250px;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: center; }

.text-white {
  color: #fff; }

.social-container img {
  margin-left: 15px; }

.footer-btm a {
  color: #fff; }

.nav-tabs > li {
  display: inline-block;
  float: none;
  margin-bottom: 0; }

.nav > li > a {
  padding-left: 30px;
  padding-right: 30px; }

.nav-tabs > li > a {
  border: 0;
  padding-bottom: 20px;
  font-family: 'Roboto', sans-serif;
  color: #006838; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: 0;
  border-bottom: solid 5px #8dc63f;
  font-weight: 900;
  color: #006838; }

.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
  border: 0; }

.table-warehouse > tbody > tr > td, .table-warehouse > tbody > tr > th, .table-warehouse > tfoot > tr > td, .table-warehouse > tfoot > tr > th, .table-warehouse > thead > tr > td, .table-warehouse > thead > tr > th {
  font-size: 12px;
  padding-left: 25px;
  padding-right: 25px; }

.table-warehouse tr td:nth-child(1) {
  border-left: solid 1px #ddd; }

.table-warehouse tr td:nth-last-child(1) {
  font-weight: bold;
  text-align: right; }

.table-warehouse tr:nth-last-child(1) td {
  border-bottom: solid 1px #ddd; }

.table-warehouse-container tr td:nth-last-child(1) {
  border-right: solid 1px #ddd; }

.heading {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #006838; }

.form-language {
  display: inline-block;
  margin-left: 20px; }
.form-language input {
  color: white;
  text-decoration: none;
  border: none;
  background: none;
  padding: 0;
  text-transform: uppercase; }
.form-language input.active {
  font-weight: bold; }

.logo img {
  max-height: 60px; }

.custom-form {
  padding: 40px 30px; }
.custom-form .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  border-top: solid 1px #333; }

.btn-custom {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #8dc63f;
  color: #fff;
  padding: 10px 30px; }

.italic {
  font-style: italic; }

.vertical-line {
  position: absolute;
  height: 100px;
  width: 1px;
  background-color: #8dc63f;
  left: 0;
  right: 0;
  margin: auto;
  top: -100px; }

.horizontal-line {
  width: 100px;
  height: 1px;
  background-color: #8dc63f; }

.lead {
  font-size: 16px;
  font-weight: bold;
  line-height: 35px; }

.client-carousel .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box; }

.client-carousel .owl-item {
  float:none;
  display: inline-block;
  vertical-align: middle;
}

.client-carousel img {
  width: auto;
  margin-right: 10px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
   }
.client-carousel img:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0); }

.max-width-100 {
  max-width: 100px; }

.display-flex {
  display: flex; }

.align-flex-end {
  align-items: flex-end; }

.align-center {
  align-items: center; }

.lead {
  margin-bottom: 0; }

.box {
  background-color: #fff; }

.box-btm {
  padding: 30px 15px;
  font-size: 12px; }

.box-title {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #006838;
  margin-bottom: 30px; }

.box-link {
  margin-top: 30px;
  display: block;
  padding: 15px 0;
  border-top: solid 1px #d1d3d4; }

.contact-info {
  line-height: 25px; }

.contact-title {
  font-style: italic;
  color: #8dc63f; }

.home-offset-outer {
  margin-top: 135px;
  padding-bottom: 50px; }

.home-offset {
  margin-top: -135px; }

.see-news {
  font-size: 10px; }
.see-news img {
  margin-left: 15px; }

.contact-right {
  margin-top: 145px; }

.about-title {
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px; }

.vision {
  border-right: solid 2px #fff;
  text-align: right; }

.about-box-title {
  padding: 0 10px; }

.about-offset-outer {
  padding-bottom: 50px; }

.about-offset {
  margin-top: -50px; }

.trading-menu {
  list-style-type: none; }
.trading-menu li a {
  padding: 25px 20px;
  color: #006838;
  cursor: pointer;
  display: block; }
.trading-menu li.active a {
  background-color: #F1F1F2;
  border-right: solid #8dc63f;
  font-weight: bold; }

.step-number {
  display: inline-block;
  padding-top: 4px;
  font-weight: bold;
  color: #006838;
  width: 30px;
  height: 30px;
  text-align: center;
  border: solid 1px #8dc63f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px; }

.warehouse-table-title {
  color: #006838;
  padding-left: 25px;
  margin-bottom: 15px;
  font-weight: 900; }

.service-box {
  padding-bottom: 15px;
  border-bottom: solid 1px #d1d3d4;
  margin-bottom: 15px; }
.service-box p {
  margin-bottom: 0; }

.service-img img {
  max-width: 60px;
  margin: auto; }

.career-title {
  color: #006838;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-bottom: 15px; }

.career-location {
  color: #8dc63f;
  font-size: 12px; }

.career-box {
  border-bottom: solid 1px #333;
  padding: 30px 0; }

.rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.arrow {
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all; }

.news-date {
  font-weight: bold;
  color: #6D6E71;
  margin-bottom: 30px;
  text-transform: uppercase; }

.article-date-box {
  border: solid 1px #333;
  text-align: center; }
.article-date-box .article-date {
  font-size: 28px;
  font-weight: bold;
  color: #006838; }
.article-date-box .article-month {
  color: #8dc63f; }

.other-news-container {
  padding: 30px; }

.other-news-box {
  padding: 25px 0;
  border-top: solid 1px #ccc; }

.news-box {
  margin-bottom: 30px; }
.news-box .box-btm {
  background-color: #F1F1F2; }

.box-short-desc {
  font-size: 14px; }

.whatsapp-container {
  position: fixed;
  right: 15px;
  bottom: 15px;
  padding: 15px;
  background: #fff;
  border-radius: 50%
}

.news-thumbnail {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
    .bg-parallax {
        background-attachment: initial;
    }
  body {
    padding-top: 50px;
    font-size: 12px; }

  .news-col:nth-child(odd) {
    padding-right: 7.5px;
  }
  .news-col:nth-child(even) {
    padding-left: 7.5px;
  }

  #mobile-header {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 9999; }

  .navbar-toggle .icon-bar {
    background-color: #006838; }

  .mobile-container {
    padding: 30px 30px 30px 15px;
    right: -100%;
    top: 50px;
    position: fixed;
    height: 100%;
    width: 225px;
    background-color: #fff;
    z-index: 1000;
    min-height: 100%;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all; }

  .mobile-menu {
    list-style-type: none;
    padding-left: 0;
    text-align: right; }

  .mobile-menu-outer {
    padding: 0; }

  .mobile-container.slide {
    right: 0; }

  .mobile-menu li.active a {
    color: #8dc63f; }

  .mobile-menu li a {
    color: #212120;
    padding: 10px 0; }

  .mobile-menu-footer {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 50px;
    text-align: right;
    padding: 15px 30px 15px 15px; }

  .mobile-container .social-container {
    margin: 15px 0; }

  .logo-container {
    margin-left: 15px; }

  .logo img {
    max-height: 40px;
    margin-top: 5px; }

  .footer-btm {
    text-align: center; }

  section {
    padding: 30px 0; }

  h1 {
    font-size: 24px; }

  .title {
    margin-top: 0; }

  .box {
    margin-bottom: 15px; }

  .box-short-desc {
    font-size: 12px; }

  .mb-xs-15 {
    margin-bottom: 15px; }

  .mb-xs-30 {
    margin-bottom: 30px; }

  .display-xs-block {
    display: block; }

  .contact-right {
    margin-top: 30px; }

  .vision, .mission {
    text-align: center; }

  .vision {
    margin-bottom: 30px;
    border-right: 0; }

  .about-title {
    margin-bottom: 15px; }

  .main-title {
    line-height: inherit;
    font-size: 18px; }

  .client-carousel {
    text-align: center; }

  .trading-menu {
    padding-left: 0; }

  #garlic {
    text-align: center; }

  #garlic .horizontal-line {
    margin-left: auto;
    margin-right: auto; }

  .service-img {
    margin-bottom: 15px; }

  .service-box {
    margin-bottom: 30px; }

  .sugar-heading {
    text-align: center; }

  .sugar-heading .horizontal-line {
    margin-left: auto;
    margin-right: auto; }

  .trading-select {
    border-radius: 0; }

  .other-news-container {
    margin-top: 50px; }

  .article-date-box {
    padding: 0 15px;
    display: inline-block; }

  .date-outer {
    text-align: center; }

  .client-carousel img {
    margin-bottom: 10px; }

  .banner-container {
    overflow: hidden; }

  .banner-container img {
    width: 170%;
    max-width: initial;
    margin-left: -35%; }

  .contact-container {
    text-align: center; }

  .footer-btm .footer-left, .footer-btm .footer-right {
    float: none;
    text-align: left; }

  .footer-right .social-container {
    line-height: 30px; }

  .about-offset-outer {
    padding-top: 15px; }

  .about-offset {
    margin-top: 0; }

  .about-img-left {
    margin-top: 30px; }

  .about-box-title {
    padding: 0;
    margin-bottom: 15px; }

  .text-left-xs {
    text-align: left; }

  .whatsapp-container img{
    width: 18px;
  }

  .form-language input {
    color: #212120; } }