:root {

  --doctopusblack: var(--doctopusprimary);
  
  --doctopusprimary: #613ff9;
  --doctopusprimaryover: #613ff9;
  --doctopusprimarylight: #EDE4FF;
  --doctopusprimarysuperlight: #eff9ff;


  --doctopusprimarylightover: #613ff9;
  --doctopussuccess: #82c44d;
  --doctopussuccessover: #558d28;
  --doctopuswarning: #FF7361;
  --doctopuswarninglight: #ff73614d;
  --doctopuswarningover: #ff1e00;
  --doctopusdanger: #ff462d;
  --doctopusdangerover: #b72714;
  --doctopusdefault: #e5e5e5;
  --doctopusdefaultover: #818181;

  --radiusbtn: 20px;
  --defaultTextColor: #435571;

  --agenda0: #fcf282;
  --agenda1: #95ff95;
  --agenda2: #FF6961;
  --agenda3: #b7b7b7;
  --agenda4: #ff9a3b;

  --agenda0lt: #ffffff39;
  --agenda1lt: #ffffff39;
  --agenda2lt: #ffffff39;
  --agenda3lt: #ffffff39;
  --agenda4lt: #ffffff39;

}

* {
  font-family: 'Poppins', sans-serif;
  font-weight: 300 !important;
}

body {
  color: rgb(101, 101, 101) !important;
  background-color: #ffffff !important;
  margin-top: 0px !important;

}


a.btn-warning {
  height: 38px;
  background: var(--doctopuswarning) !important;
  color: #ffffff !important;
  padding-top: 5px;
}

.btn-warning {
  background: var(--doctopuswarning) !important;
  color: #fff !important;

}

.btn-warning:hover {
  background: var(--doctopuswarningover) !important;
  color: #fff !important;
}





label {
  color: var(--doctopusprimary) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

b {
  font-weight: 600 !important;
}

.container-img-top {

  border-top-left-radius: 25px;
  border-top-right-radius: 25px;

  overflow: hidden;

  padding: 0px;
  border: solid 0px #fff;
  -webkit-box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);
}

input,
select {
  height: 35px !important;
  color: #464646 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

input,select{
  border-radius: 20px !important;
  height: 40px !important;
  padding-left: 15px !important;
  border: 1px solid var(--doctopusprimary) !important;
  background-color: var(--doctopusprimarylight) !important;

}

.numeros {
  font-size: 35px;
  font-weight: 300;
  display: block;
  color: var(--doctopusprimary);
  letter-spacing: -2px;
}

.hr-azul {
  border: 1px solid #397ff781 !important;
  height: 1px !important;
  color: #397ff781 !important;
  background: #397ff777 !important;
}

.azul {
  color: var(--doctopusprimary) !important;
}

.btn {
  border-radius: 30px !important;
  border: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.btn-primary {
  border-radius: 30px !important;
  background: var(--doctopusprimary) !important;
  color: #fff !important;
}

.btn-border {
  /*border: solid 4px #fff !important;*/

}

.btn-primary:hover {
  border-radius: 30px !important;
  background: #FFF !important;
  color: var(--doctopusprimary) !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 0 4px var(--doctopusprimary);
}

p {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 25px;

}

/*celular*/
@media only screen and (max-width: 415px) {
  .foto {

    text-align: center;
    height: 140px;
    margin-top: 50px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top-right-radius: 50px !important;
  }

  .logo {
    margin-top: 100px !important;
    margin-left: 30px;
    width: 80%;
  }
}

/*web*/
@media only screen and (min-width: 416px) {

  .foto {

    text-align: center;
    height: 420px !important;
    margin-top: 50px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top-right-radius: 50px !important;
  }

  .logo {
    width: 300px;
  }

}

.borda {
  border-top-right-radius: 50px !important;
}

.img-fundo {
  background-image: url("../img/bgneutro.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

/*remove border from focus*/
button:focus {
  outline: 0 !important;
}

.blocao {

  background-color: #fff !important;
  width: 100%;
  padding: 0px;
  -webkit-box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 3px 24px -1px rgba(0, 0, 0, 0.22);

}

.bloco {
  background-color: #fff !important;
  padding: 40px;

}

li {
  font-size: 18px;
}

.bloco h1,
.bloco h3 {
  color: var(--doctopusprimary) !important;
}

.blocoInvertido {
  background-color: var(--doctopusprimary) !important;
  color: #fff !important;
  padding: 40px;
  border-bottom-left-radius: 50px !important;
  border-top-right-radius: 50px !important;

  background-image: url("../img/inst/bg-bloco.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: cover;


}

.blocoInvertido h1,
.blocoInvertido h3 {
  color: #fff !important;
}

.img-shadow {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.236)0, 0, 0);
  filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.177));

}

.foto-depoimento {

  width: 135px !important;
  height: 135px !important;
  border-radius: 75px !important;
  border: 5px solid #fff;

}