/* GENERAL STYLES */

body{
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  color: #3B3B3C;
  font-size: 1.9em;
}


h1, h2, h3{
  text-align: center;
  text-transform: uppercase;
  /*border-bottom: 1px solid #A7CD45;*/
}

hr{
  border: 1px solid #A7CD45;
  width: 60%;
  margin-bottom: 30px;
}

.green{
  color: #4BB87E;
}

.light-green{
  color: #A7CD45;
}

.bold{
  font-weight: 700;
}

a{
  color: #A7CD45;
}

a:hover{
  color: #4BB87E;
}


/* HEADER */
/*header{
  padding: 90px 0px;
}*/

#logo-header{
  position: absolute;
  top:50vh;
  transform: translateY(-50%);
}

#scroll-down{
  width: 20px;
  height: auto;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -10px;
  animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); opacity: 1;}
 40% {-webkit-transform: translateY(-30px); opacity: 0.5;}
 60% {-webkit-transform: translateY(-15px); opacity: 0.5;}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); opacity: 1;}
 40% {-moz-transform: translateY(-30px); opacity: 0.5;}
 60% {-moz-transform: translateY(-15px); opacity: 0.5;}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0); opacity: 1;}
 40% {-o-transform: translateY(-30px); opacity: 0.5;}
 60% {-o-transform: translateY(-15px); opacity: 0.5;}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0); opacity: 1;}
 40% {transform: translateY(-30px); opacity: 0.5;}
 60% {transform: translateY(-15px); opacity: 0.5;}
}

/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  background-color: #fff;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


/* SECTION 1 */
#section1{
  background-color: #f6f6f6;
  padding: 150px 60px;
}

/* SECTION 2 */
#section2{
  padding: 90px 15px;
}

.animale{
  margin-top: 30px;
}

.well{
  margin-top: 15px;
}

/*.btn-green{
  background-color: #4BB87E;
  border: 2px solid #fff;
  color: #fff;
  transition: all ease-in 0.5s;
}

.btn-green:hover{
  background-color: #fff;
  border: 2px solid #4BB87E;
  color: #4BB87E;
}*/

table{
  background-color: #f3f3f3;
}

/* SECTION 3 */
#section3{
  background-color: #f6f6f6;
  color: #3B3B3C;
  padding: 90px 60px;
}

/*FOOTER*/
footer{
  background-color: #000;
  padding-bottom: 60px;
  color:#fff;
  font-size: 0.8em;
}

.has-margin-top{
  margin-top: 30px;
}

#linee{
  background-color: #fff;
  margin-bottom: 30px;
}

#initial-footer{
  height: 50px;
  width: auto;
  margin-top: 30px;
}


/* BUTTON */
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  /*display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  color: #4BB87E;
  border: 2px solid #4BB87E;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #4BB87E;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}