:root {
  --main-color: #5ee045;
  --verde-muy-oscuro: #083500;
  --verde-oscuro: #126D01;
  --verde-medio: #21970B;  
  --negro: #313131;
  --negro-claro: #555555;
  --gris-fondo: #F5F5F5 ;
  --borde-tabla: #eaeaea;
}

html {
	font-size: 100%;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body{
	font-family: 'Open Sans', Helvetica Neue, Sans-serif;
	font-size: 1em;
	line-height: 28px;
	font-weight: 400;
	color: #313131;
	text-align: left;
	overflow-x: hidden !important;
	margin: auto !important;
}

nav div a:hover { 
  background-color: transparent !important;
  color: #5ee045 !important;
}

.parallax-container {
  height: 600px;
}

.parallax-container-2 {
  height: 500px;
}

#nav-mobile{
  z-index: 100;
}

#sidenav-overlay {
  z-index: 99 !important;
}

.footer-copyright div, .footer-copyright a{
  color: white !important;
  font-size: 0.97em !important;
}

.icon-block{
  background-color: white !important;

  border-top: 1px solid var(--borde-tabla);
	border-left: 1px solid var(--borde-tabla);
	border-right: 1px solid var(--borde-tabla);
	border-bottom: 4px solid var(--borde-tabla);

  padding: 10px 30px 30px 30px !important;
  margin-bottom: 50px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: all ease 0.55s;
  transition: all ease 0.55s;
}

.icon-block:hover{
  border-bottom: 3px solid #21970B;
  cursor: pointer !important;
}

.icon-block p{
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  color: #313131;
}

.icon-block h5{
  font-weight: 500;
  font-size: 24px;
	line-height: 28px;
  color: #21970B;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.contact-block .material-icons{
  font-size: 50px !important;
}

.contact-block h2{
  margin-bottom: 0px;
}

.contact-block h5{
  font-weight: 600;
  font-size: 16px;
	line-height: 28px;
  color: #21970B;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=number]:focus + label {
  color: #21970B;
}

input[type=text] + label:after, input[type=email] + label:after{
    display: block;
    content: "";
    position: absolute;
    top: 70px; /*Changed from 65px to 60px for better looking */
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out; 
  }

/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=email]:focus, .input-field input[type=number]:focus {
  border-bottom: 1px solid #21970B;
  box-shadow: 0 1px 0 0 #21970B;
}

/* valid color */
.input-field input[type=text].valid, .input-field input[type=email].valid, .input-field input[type=number].valid {
  border-bottom: 1px solid #21970B;
  box-shadow: 0 1px 0 0 #21970B;
}

/* invalid color */
.input-field input[type=email].invalid {
  border-bottom: 1px solid red !important;
  box-shadow: 0 1px 0 0 red !important;
}

/* icon prefix focus color */
.input-field .prefix.active {
  color: #21970B;
}

.btn, .btn:hover, .btn:focus{
 background-color: #21970B;
}

.button-collapse{
  color: #fff !important;
}

/** FIXES for error messages https://github.com/Dogfalo/materialize/issues/1562*/
 label {
    width: 100%;
}

.input-field label {
    width: 100%;
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
}

nav{
  height: 80px;
  z-index: 101;
}

.slides{
  height: 500px !important;
}

.indicators{
  top: 460px;
  z-index: 90;
}

#logo-container{
  margin-top: 3px;
}

h1{
    font-weight: 400;
    font-size: 2.4rem;
}