/*--------- Cabeçalho --------*/

.header{
  margin-bottom: 0px !important;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 44%, #dbdbdb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 44%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 44%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
}

.header img{
  width: 100%;
  height: 120px;
  object-fit: contain;
}

.header .float{
  position: absolute;
  top: 1%;
  right: 4%;
  font-size: 1.25em;
  color: #009FD9;
}

.header ul{
  padding: 5%;
}

.header ul li{
  display: inline-table;
  padding-left: 10px;
}

.header a{
  font-weight: bold;
  font-size: 1.25em;
  color: #009FD9;
}

.header hr{
  margin-top: 0px;
  border-bottom: 1px solid #009FD9;
  width: 0;
  opacity: 0;
  transition: all 0.5s;
}

.header li:hover hr{
  width: 100%;
  opacity: 1;
}

/*--------- Menu --------*/

.nav-wrapper{
  background-color: #333A4D;
  text-transform: uppercase;
}

.nav-wrapper ul.center {
  display: block;
  width: auto;
}

.nav-wrapper > ul.center li {
  float: none;
  display: inline-block;
} 

.fixed-action-btn {
  position: fixed;
  left: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.tap-target{
  background-color: #009FD9 !important;
}

.tap-target h5{
  color: white;
}

.tap-target a{
  color: white;
  font-size: 1.25em;
}

/*--------- Banner --------*/

.banner{
  background-image: url(../images/banner.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  margin-bottom: 0px !important;
  padding: 2%;
}

.banner span div{
  position: absolute;
  top: 55%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 5% 0 5%;
  border-radius: 0 80px 0 0;
}

@media(max-width: 600px){
  .banner span div{
    position: relative;
    margin-bottom: 20px;
  }
  .banner{
    background-size: auto 100%;
  }
}

.banner h1{
  font-size: 3.50em;
  color: #009FD9;
  margin-bottom: -20px;
  margin-top: 10px;
  font-weight: bold;
}

.banner h2{
  font-size: 2.50em;
  color: white;
}

/*--------- Formulario --------*/

.form{
  margin-bottom: 0px !important;
}

.form h3{
  font-weight: bold;
  text-align: center;
  font-size: 2em;
}

.form img{
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.form p{
  font-size: 1.10em;
  color: white;
}

.form h3{
  font-size: 2.50em;
  font-weight: bold;
  color: white;
}

.form form{
  border-radius: 20px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
}

.form h2{
  font-weight: bold;
  font-size: 2em;
  color: white;
}

.form hr{
  border: 2px solid white;
  width: 0;
  opacity: 0;
  margin-top: -20px;
  margin-bottom: 5%;
  transition: all 0.5s;
}

.form form:hover hr{
  width: 100%;
  opacity: 1;
}

.form .input-field{
  margin-top: -20px;
}

.form input, .form textarea{
  color: white !important;
  border-bottom: 1px solid white !important;
}

.form label{
  color: white !important;
}

.form .btn{
  background-color: background: #29c5f4; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #29c5f4 5%, #009fd9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #29c5f4 5%,#009fd9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #29c5f4 5%,#009fd9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c5f4', endColorstr='#009fd9',GradientType=1 );
  width: 100%;
}

.form .file-field .btn{
  width: 30%;
}

.form .btn:hover{
  background-color: #009fd9;
}


/*---------- Empresa ----------*/

.empresa{
  background-color: #EEEEEE;
  padding: 2% 5% 2% 5%;
  margin-bottom: 0px !important;
}

.empresa h1{
  font-size: 3em;
  font-weight: bold;
  color: #009FD9;
}

.empresa .card-image img{
  width: 100%;
  height: 250px;
  object-fit: contain;
}

.empresa span{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.empresa .btn{
  width: 100%;
  background-color: background: #29c5f4; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #29c5f4 5%, #009fd9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #29c5f4 5%,#009fd9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #29c5f4 5%,#009fd9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c5f4', endColorstr='#009fd9',GradientType=1 );
  opacity: 0;
}

.empresa .card:hover .btn{
  opacity: 1
}

/*--------- Depoimentos --------*/

.depoimentos h1{
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  background-image: url(../images/seta.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 1%;
  padding-bottom: 4%;
  margin-top: 0px;
  color: white;
}

@media(max-width: 425px){
  .depoimentos h1{
    padding-bottom: 11%;
  }
}

.depoimentos .carousel div{
  background-color: white;
  border: 2px solid lightgray;
  padding: 5%;
  border-radius: 20px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  margin-top: 20px;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.depoimentos .carousel-item:hover div{
  background-color: background: #29c5f4; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #29c5f4 5%, #009fd9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #29c5f4 5%,#009fd9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #29c5f4 5%,#009fd9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c5f4', endColorstr='#009fd9',GradientType=1 );
  border: none;
  margin-top: 0px;
  cursor: pointer;
}

@-webkit-keyframes bounceInRight {
  0% {
   opacity: 0;
   -webkit-transform: translateX(2000px);
 }
 60% {
   opacity: 1;
   -webkit-transform: translateX(-30px);
 }
 80% {
   -webkit-transform: translateX(10px);
 }
 100% {
   -webkit-transform: translateX(0);
 }
}

@keyframes bounceInRight {
  0% {
   opacity: 0;
   transform: translateX(2000px);
 }
 60% {
   opacity: 1;
   transform: translateX(-30px);
 }
 80% {
   transform: translateX(10px);
 }
 100% {
   transform: translateX(0);
 }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.depoimentos .carousel-item:hover h2, .depoimentos .carousel-item:hover p{
  color: white;
}

.depoimentos .carousel-item:hover hr{
  border: 1px solid white;
  color: white;
}

.depoimentos img{
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}

.depoimentos h2{
  font-size: 1.5em;
  font-weight: bold;
  color: #06AEFE;
}

.depoimentos hr{
  width: 50px;
  border: 1px solid #06AEFE;
  background-color: #06AEFE;
  margin-top: -10px;
}

.depoimentos p{
  color: black;
  font-size: 0.85em;
  line-height: 15px;
}

.depoimentos .carousel .carousel-item{
  width: 400px;
  height: 400px;
}

@media (max-width: 425px){
  .depoimentos .carousel .carousel-item{
    width: 200px !important;
    height: auto !important;
  }
}

/*---------- Newsletter -----------*/

.bg-news{
  background-color: #BA7B37;
  margin-bottom: 0px !important;
}

.bg-news div img{
  width: 100%;
  height: 100px;
  object-fit: contain;
  padding-top: 10px;
}

.bg-news h1{
  font-size: 1.50em;
  font-weight: bold;
  color: white;
  margin-bottom: -10px !important;
}

.bg-news h2{
  font-size: 1em;
  color: white;
}

.bg-news label{
  color: white !important;
}

.bg-news input{
  color: white !important;
  border-bottom: 1px solid white !important;
}

.bg-news .btn{
  margin-top: 25px;
  background-color: transparent;
  border: 2px solid white;
}

.bg-news .btn:hover{
  background-color: #CAA45C;
}

.bg-news .fb-page{
  padding-top: 7%;
}

/*--------- Footer --------*/

.footer{
  background-image: url(../images/fundo.png);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0px !important;
  padding: 5%;
}

@media(max-width: 600px){
  .footer{
    background-size: auto 100%;
  }
}

.footer .col.m7{
  padding-top: 40px;
}

.footer h1{
  font-weight: bold;
  font-size: 3em;
  color: white;
}

.footer p{
  color: white;
  font-size: 1.10em;
}

.footer h2{
  font-weight: bold;
  font-size: 2em;
  color: white;
}

.footer .fa{
  font-size: 3em;
}

.footer .form{
  margin-bottom: 0px !important;
}

.footer .form h3{
  font-weight: bold;
  text-align: center;
  font-size: 2em;
}

.footer .form img{
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.footer .form p{
  font-size: 1.10em;
  color: white;
}

.footer .form h3{
  font-size: 2.50em;
  font-weight: bold;
  color: white;
}

.footer .form form{
  border-radius: 20px;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 20px;
}

.footer .form h2{
  font-weight: bold;
  font-size: 2em;
  color: white;
}

.footer .form hr{
  border: 2px solid white;
  background-color: white;
  width: 0;
  opacity: 0;
  margin-top: -20px;
  margin-bottom: 5%;
  transition: all 0.5s;
}

.footer .form form:hover hr{
  width: 100%;
  opacity: 1;
}

.footer .form .input-field{
  margin-top: -20px;
}

.footer .form input, .footer .form textarea{
  color: white !important;
  border-bottom: 1px solid white !important;
}

.footer .form label{
  color: white !important;
}

.footer .form .btn{
  background-color: background: #29c5f4; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #29c5f4 5%, #009fd9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #29c5f4 5%,#009fd9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #29c5f4 5%,#009fd9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c5f4', endColorstr='#009fd9',GradientType=1 );
  width: 100%;
}

.footer .file-field .btn{
  width: 30%;
}

.footer .form .btn:hover{
  background-color: #009fd9;
}


/*--------- Copyright --------*/

.copyright{
  background: #4d80c1; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #4d80c1 6%, #02528b 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #4d80c1 6%,#02528b 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #4d80c1 6%,#02528b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80c1', endColorstr='#02528b',GradientType=1 );
  margin-bottom: 0px !important;
}

.copyright img{
  width: 100%;
  height: 80px;
  object-fit: contain;
  padding: 2%;
}

.copyright h1{
  font-size: 1.25em;
  color: white;
}

.copyright .btn-floating{
  background-color: #B3B3B3;
  color: #4d80c1;
  margin-top: 7%;
  z-index: 1000;
  position: relative;
}

/*--------- Tipografia --------*/

@font-face{
  font-family: 'alt';
  src: url(../fonts/sans.ttf);
}

*{
  font-family: 'alt';
}

.nav-wrapper>ul>li>a{
  font-size: 1.10em;
  transition: all 0.5s;
}

.nav-wrapper>ul>li>a:hover{
  color: #C18F59;
  border-bottom: 2px solid #C18F59;
}

.softhar a:hover{
  padding: 0px;
}

@media(max-width: 600px){
  .form, .servico, .empresa{
    background-size: auto 100%;
  }
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://media.giphy.com/media/EhTIih4rcMoSI/source.gif') 50% 50% no-repeat white;
}