@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Medium.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; 
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: 'liga';
}
.brand-logo img{
  height:40px;
  margin-top:10px;
}
.mega {
  min-width: 910px !important;
  padding:20px!important;
}

nav ul a, nav a{
  color:#00532F;
}
.dropdown-content li:hover, .dropdown-content li.active {
  background-color: transparent;
}
.dropdown-content li ul li:hover, .dropdown-content li ul li.active {
  background-color: transparent;
  color: #00532F;
}
.dropdown-content li ul li{
  line-height: 3rem;
  padding: 0 5px;
}
.card.horizontal.small .card-image{
  overflow: hidden;  
  width:150px;
  height:150px;
}
.card.horizontal.small .card-image img{
  height: 100%;
  width: auto;
}
.card.horizontal.small{
  transition: all .3s ease 0s;
  /*margin:20px 0;*/
  height:150px;
}
.card.horizontal.small:hover {
  transform: translateY(3px);
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.card.horizontal.small .card-content{
}
.card.big .card-image{ 
  position: relative;
  background-color: rgba(84,115,93,.5);
}
.card.big .card-image img{
  max-width: 100%;
  max-height:100%;
  object-fit:cover;
}
.card.big .card-image .card-title{
  background-color: #fff;
  color: #000;
  padding: 20px;
  margin: 20px;
  transition: all .3s ease 0s;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.card.big .card-image .card-title:hover{
  transform: translateY(3px);
  box-shadow: 0 0 30px rgba(0,0,0,.9);
}


.slider .slides li .caption{
  top:auto;
  bottom:0;
  right: auto;
  left:0;
  background-color: #fff;
  color: #000;
  padding: 20px;
  margin: 20px;
  transition: all .3s ease 0s;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  width:40%;
}

section{
  padding:40px 0;
}
.icon i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}
.icon .circle {
  position: relative;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}