#top {
  width: 100%;
  height: auto;
  padding: 1px 0 1px 0;
}

/* Inicio */
#welcome {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

.inicioImage {
  max-width: 800px;
  height: auto;
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}

.inicioMain {
  width: 40%;
  height: 55%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}

.inicioTitle {
  width: 100%;
  height: auto;
  padding: 0 10% 15px 0;
  text-align: justify;
  position: relative;
  transition: all .3s ease;
}

.inicioTitle::before {
  content: "";
  width: 36%;
  height: 2px;
  background: #878787;
  background-color: #878787;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: all .3s ease;
}
.inicioTitle::after {
  content: "";
  width: 25%;
  height: 3px;
  background: #66bc45;
  background-color: #66bc45;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: all .3s ease;
}
.inicioTitle h1 {
  font-size: 40px;
  font-weight: 300;
  font-style: normal;
  color: #353634;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

.inicioInfo {
  width: 100%;
  height: auto;
  padding: 10px 45% 0 0;
  text-align: justify;
  transition: all .3s ease;
}
.inicioInfo p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  color: #040404;
  transition: all .3s ease;
}

.inicioInfo ul li {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #353634;
  display: inline-block;
  position: relative;
}
.inicioInfo ul li:nth-child(2) {
  padding: 0 20px 0 20px;
}
.inicioInfo ul li:nth-child(2)::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #90c342;
  background-color: #90c342;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 5px;
  transition: all .3s ease;
}
.inicioInfo ul li:nth-child(3)::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #90c342;
  background-color: #90c342;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: -15px;
  transition: all .3s ease;
}

.inicioFooter {
  width: 100%;
  height: auto;
  padding: 33px 0 0 0;
  text-align: justify;
  transition: all .3s ease;
}
.inicioFooter h1{
  font-size: 17px;
  font-weight: bold;
  font-style: normal;
  color: #353634;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}
.inicioFooter h2 {
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  color: #353634;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}
.btnAgendar {
  background: rgb(136,204,49)!important;
  background: linear-gradient(0deg, rgba(136,204,49,1) 50%, rgba(161,210,92,1) 50%)!important;
  font-weight: 200;
  font-style: normal;
  color: #030303;
  letter-spacing: 3px;
  border-radius: 5px;
  padding: 0 4rem;
  margin: 15px 0 0 0;
  -webkit-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  transition: all .3s ease;
}
.btnAgendar:hover, .btnAgendar:focus, .btnAgendar:active {
  -webkit-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
}
/*  */

#bottom {
  width: 100%;
  height: auto;
  padding: 1px 0 1px 0;
}
