@font-face {

  font-family: 'futuram';

  src: url(../fonts/futuram.tff);

}



* {

  font-family: 'Century Gothic';

}







/*--------- BOTÃO FIXO DE WHATSAPP -------*/



 .float{

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 1000;

}



.float .btn-floating {

  width: 260px !important;

  height: 76px !important;

  border-radius: 5px !important;

  text-align: center;

  line-height: 19px !important;

  font-size: 1.3em !important;

  background-color:#0DC143;

}









@media only screen and (max-width: 600px){

  .float .btn-floating{

      margin-left: -5em !important;

  }



 .float {

    right: auto;

    left: 200px !important;

 }



}



.pulse {

  position: relative;

  width: 250px;

  height: 76px;

  font-size: 0.8em;

  border: none;

  color: #FFF;

  box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.7);

  border-radius: 25px;

  background-color: #0DC143;

  background-size:cover;

  background-repeat: no-repeat;

  cursor: pointer;

  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

}



.pulse:hover {

  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;

}



@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(50, 205, 50, 0);}}

@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(50, 205, 50, 0);}}

@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(50, 205, 50, 0);}}

@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(50, 205, 50, 0);}}

     





/*----------- CABEÇALHO -----------------*/

.head{

  background-image: url(../images/banner.png);

  background-size: cover;

  background-position: bottom;

  min-height: 100vh;

  padding: 5%;

  margin-bottom: 0px !important;

}



.head img{

  width: 300px;

  height: 90px;

  object-fit: contain;

  object-position: left;

  float: left;

}



.head h2{

  font-size: 2em;

  font-weight: bold;

  text-align: right;

  color: #606062;

  margin-bottom: 0;

}



.head p{

  font-size: 1.5em;

  font-weight: bold;

  text-align: right;

  color: #606062;

  margin-top: 0;

}



.head .container{

  margin-top: 15vh;

}



.head h3{

  font-size: 3em;

  color: #997B2E;

  margin-bottom: 0;

}



.head h4{

  font-size: 1.75em;

  color: #FFF;

  margin-top: 0;

}



.head .btn-large{

  background-color: #ED3237 !important;

  margin-top: 2em;

}



.head .container svg{

  width: 30px !important;

  height: 30px;

  border-radius: 50%;

  background-color: #285F90;

  position: relative;

  top: 7px;

  padding: 5px;

  margin-left: 10px;

}



.head .btn{

  background-color: #26CF0D !important;

  height: 3rem;

  line-height: 3rem;

}



.head .dropdown-content{

  background-color: #727376 !important;

} 



.head li a{

  color: white !important;

  text-align: center !important;

  text-transform: none !important;

}



.head li:hover{

  background-color: transparent !important;

}







/*------------ MASSAGISTAS --------------*/





.massagistas {

  margin-bottom: 0px !important;

  padding: 2% 2%;

  background-color: #A6722A !important;

}



.massagista {

  display: flex;

  flex-direction: row;

  margin-top: 75px !important;

}



.massagista {

  color: #FFF;

}







.massagista h3 {

  color: #FFF !important;

  font-weight: bold;

  font-size: 3.2em !important;

  margin-bottom: 0px !important;

  font-family: 'Segoe UI';

}



.massagista span {

  margin-top: 0px !important;

  font-size: 1.5em;

  font-weight: 100;

}



.massagista h4 {

  font-family: 'Segoe UI';

  font-weight: bold;

}



.massagista ul li {}







.pedir-foto {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

    margin-top: 75px !important;

}



.pedir-foto span {

  margin-top: 25px !important;

}



.btn-pedirfoto {

  background-image: linear-gradient(to right, #77A53F, #5F9D40, #439442) !important;

  height: 76px !important;

  line-height: 19px !important;

}



.pedir-foto h4 {

   font-family: 'Segoe UI';

   color: #FFF !important;

   font-size: 1.5em;

}



.pedir-foto span {

   color: #FFF !important;

   font-family: 'Segoe UI';

}



.pedir-foto p {

  color: #FFF584 !important;

   font-family: 'Segoe UI';

   font-size: 1.6em;



}



/*----------FAIXA ---------------*/



.faixa {

  background-color: #000000 !important;

  margin-bottom: 0px !important;

  padding: 1% 1%;

}



.faixa h4 {

  font-family: 'Century Gothic';

  color: #FFF !important;

  text-align: center;

  font-size: 1.3em !important;

}



/*----------- OPÇÕES DE MASSAGISTAS -------------*/





.opcoes {

  margin-bottom: 0px !important;

  background-color: #E5E6E7 !important;

}



.opcoes-title {



margin-top: 55px !important;

margin-bottom: 45px !important;

}



.opcoes-title h4 {

  font-family: 'Segoe UI' !important;

  text-align: center;

  color: #57585A;

  font-style: italic;

  font-weight: bold;

}



.opcoes-title hr {

  width: 320px;

  border: 2px solid #997B2E;

}



.opcoes-fotos {

  margin-top: 55px !important;

}



/*-------------- CARDS -----------------*/



.card-title {

  font-family: 'Century Gothic' !important;

  color: #FFF !important;

  font-size: 1.7em !important;

  font-weight: bold !important;

  text-transform: uppercase;

  text-align: center;

  margin-bottom: 0px !important;

}



.card-content {

  background-color: #000000 !important;

  height: 130px;

}



.card-content li {

  color: #FFF !important;

  font-size: 0.7em;

  text-align: center;

  font-family: 'Segoe UI' !important;

}



.card-content ul {

  margin-top: 0px !important;

}





/*--------------- FAIXA2 ---------------*/



.faixa2 {

  padding: 2% 3%;

  background-color: #997B2E !important;

  margin-bottom: 0px !important;

}



.faixa2 a {

  color: #FFF584 !important;

}



.faixa2 p {

  color: #fff;

  text-align: center;

  font-family: 'Segoe UI' !important;

  font-size: 1.5em;

}



/*--------------- FORMULARIO -------------*/

.formulario {

  background-color: #221F20;

  margin-bottom: 0px !important;

  padding: 3% 2%;

}



.form-text {

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 400px !important;

}



.form-text h4 {

  color: #997B2E !important;

}



.form-text p {

  color: #FFF !important;

}



.form-text a {

  color: #FFF !important;

}



.form {

  height: 400px !important;

  

}



.form input {

  background-color: #929497 !important;

  height: 50px !important;

}



.form textarea {

  background-color: #929497 !important;

  height: 100px !important;

}



.form button {

  display: block;

  margin-left: auto;

  margin-right: auto;

  font-family: 'Segoe UI' !important;

  margin-top: 25px !important;

  background-image: linear-gradient(to right, #AB1B20, #C81B21, #EA1B23) !important;

}



/*------------ FOOTER -----------------*/



.footer {

  background-color: #3F3F41 !important;

  margin-bottom: 0px !important;

}



.footer p {

  font-family: 'Arial' !important;

  color: #6C6D70 !important;

  margin-bottom: 0px !important;

}