body {

  background-color: #F5F5F5;

}

.bg {

  font-size: 60px;

}

#text {

  color: #FC8A00;

  font-size: 55px;

  margin: 100px 0px 0px 100px;

  display: block;

  font-weight: bold;

}

#imagem {

  margin-top: 20px;

  display: block;

  margin-right: auto;

  width: 970px;

  margin-left: 55px;

}

#textdois {

  color: rgb(67, 83, 151);

  font-size: 23px;

  margin: 10px 0px 0px 100px;

  display: block;

  font-weight: 100;

  line-height: 24px;

  letter-spacing: -1px;

}



#texttres {

  color: rgb(67, 83, 151);

  font-size: 23px;

  margin: 0px 0px 0px 100px;

  display: block;

  font-weight: bold;

  line-height: 24px;

  letter-spacing: -1px;

}



/* MENU LATERAL - CARD */



.card {width: 450px;height: 680px;border-radius: 10px;margin: auto;margin-top: 130px;padding: 65px 0px 65px 0px;display: block;border-color: transparent;box-shadow: #000 0px 0px 40px -30px;}



.condopro {

  text-align: center;

}



.condopro img{

  width: 290px;

}



li, ul {

  list-style-type: none !important;

}



.exclusivo {

  text-align: center;

  margin-top: 30px;

}



.navbar li{

  margin: 0px auto;

}





.exclusivo p {

  color: rgb(117, 117, 117)!important;

  font-size: 20px;

  margin-bottom: 0;

  margin-left: -105px;

}



.formLogin {

  display: block;

  margin-left: 10px;

  margin-right: 10px;

  margin-top: 20px;

  margin-bottom: 20px;

  border-radius: 30px;

  border: 1px solid #a1a1a1;

  width: 350px;

  height: 60px;

  padding-left: 25px;

  font-size: 17px;

  color: #fc8a00;

}



.envia-form {

  width: 350px;

  height: 60px;

  border-radius: 30px;

  border: 1px solid #ff000000;

  background-color: #FC8A00;

  color: #fff;

  font-weight: bold;

  letter-spacing: 1px;

  margin-top: 20px;

  margin-left: 10px;

  margin-right: 10px;

  cursor: pointer;

}



.envia-form:hover {

  width: 349.5px;

  height: 49.5px;

  border: 1px solid rgba(255, 0, 0, 0);

  background-color: rgb(168, 95, 5);

  color: rgb(255, 255, 255);

  transition: ease 0.3s;

}



.links-acesso-rapido {

  margin-top: 20px;

  margin-left: 10px;

  margin-right: 10px;

  color: rgb(117, 117, 117);

  font-weight: 400;

}



.links-acesso-rapido a {

  color: #FC8A00;

  float: right;

  font-weight: 400;

}

.links-acesso-rapido input {

  display: none;

}



.links-acesso-rapido label::before{

  content: "";

  width: 18px;

  height: 18px;

  border-radius: 4px;

  border: 1px solid #a1a1a1;

  box-sizing: border-box;

  display: inline-block;

  margin-right: 10px;

  position: absolute;

  left: -30px;

  top: 3.5px;

}



.links-acesso-rapido label::after{

  margin-right: 5px;

  content: "";

  width: 14px;

  height: 14px;

  border-radius: 4px;

  border: 1px solid #a1a1a18e;

  box-sizing: border-box;

  display: inline-block;

  position: absolute;

  left: -28px;

  top: 5.5px;

}



label{

  position: relative;

  margin-left: 30px;

  display: inline;

}



input:checked + label:after {

  background-color: #FC8A00;

}



/* CONTATO */



  .contato {

    font-size: 16px;

    color: rgb(168, 95, 5);

    font-weight: 500;

    text-align: center;

    margin-top: 30px;

    margin-bottom: 30px;

  }



  .contato p{

    display: block;

    position: relative;

  }



  .contato p::before{height: 1px;width: 115px;left: 13px;background-color: rgb(168, 95, 5);display: block;content: "";position: absolute;top: calc(50% - -0.5px);}



  .contato p::after{height: 1px;width: 110px;background-color: rgb(168, 95, 5);display: block;content: "";position: absolute;top: calc(50% - -0.5px);right: calc(50% - 173.5px);}



  .telefone {margin: 15px 0px 20px 15px;}



  .telefone img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

  }



  .telefone span{

    display: inline-block;

    vertical-align: middle;

    color: rgb(88, 86, 86);

    font-size: 15px;

    letter-spacing: 0px;

  }



  .local {margin: 15px 0px 20px 15px;}



  .local img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

  }



  .local span {

    display: inline-block;

    vertical-align: middle;

    line-height: 20px;

    color: rgb(88, 86, 86);

    font-size: 15px;

    letter-spacing: 1px;

  }





@media (min-width: 992px) and (max-width: 1199px){

  #imagem {

    margin-left: 5px;

    margin-top: 15px;

    width: 100%;

  }



  #text {

    margin: 40px 0px 0px 30px;

  }



  #textdois{

    font-size: 20px;

    margin-left: 30px;

  }



  #texttres{

    font-size: 17px;

    margin-left: 30px;

  }



  .card{

    width: 390px;

    height: 620px;

    margin-top: 10px;
    
    padding: 35px 0px 35px 0px;

  }

  .telefone {

    margin-top: 15px;

    margin-bottom: 15px;

  }

  .local {

    margin-top: 5px;

  }

  .telefone img {

    margin-right: 10px;

    margin-left: 15px;

  }

  .local img {

    margin-right: 10px;

    margin-left: 15px;

  }

}





@media (min-width: 1200px) and (max-width: 1366px) {



  #imagem {

    margin-left: 25px;

    margin-top: 15px;

    width: 100%;

  }



  #text {

    margin: 60px 0px 0px 50px;

  }



  #textdois{

    font-size: 20px;
    letter-spacing: 0px;
    margin-left: 50px;

  }



  #texttres{

    font-size: 17px;
    letter-spacing: 0px;
    margin-left: 50px;

  }



  .card{

    width: 450px;

    height: 690px;

    margin-top: 40px;

    padding: 65px 0px 65px 0px;

  }

}

@media (min-width: 320px) and (max-width: 375px) {

  .bg {
    background-size: auto;
    background-position-x: -360px;
    background-position-y: -112px;
  }

  #text {
    font-size: 35px;
    margin: 30px 0px 0px 10px;
  }

  #textdois {
    font-size: 13px;
    margin: 10px 0px 5px 10px;
  }

  #texttres {
    font-size: 13px;
    margin: 0px 0px 10px 10px;
  }

  #imagem {
    margin-left: auto;
    margin-top: auto;
    width: 50%;
  }

  .centralizar {
    width: 290px;
    height: 450px;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
    padding: 30px 0px 30px 0px;
    display: block;
    border-color: transparent;
    background-color: #fff;
    box-shadow: #000 0px 0px 40px -30px;
  }

  .condopro {
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
  }

  .exclusivo {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .direita {
    display: contents;
  }

  .condopro img {

    width: 180px;

  }

  label {
    position: relative;
    margin-left: 30px;
    display: inline;
    font-size: 13px;
  }

  .exclusivo {
    text-align: center;
    margin-top: 30px;

  }

  .exclusivo p {
    color: rgb(117, 117, 117)!important;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 0px;
  }

  .formLogin {
    margin: 10px auto 0px auto;
    width: 190px;
    height: 35px;
    padding-left: 15px;
    font-size: 16px;
  }

  .links-acesso-rapido a {
    font-size: 14px;
    margin-top: 2px;
    margin-left: 5px;
}

  .links-acesso-rapido label::before {
    left: -23px;
    top: 0.5px;
  }

  .links-acesso-rapido label::after {
    left: -21px;
    top: 2.5px;
  }

  .envia-form {
    width: 185px;
    height: 35px;
    margin: 20px 45px 0px 45px;
  }

  .contato {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .contato p::before {
    width: 90px;
    left: 7px;
    top: calc(50% - -1.5px);
  }

  .contato p::after {
    width: 90px;
    top: calc(50% - -1.5px);
    right: calc(50% - 130.5px);
  }

  .telefone {
    margin: 0px 0px 10px 15px;
  }

  .telefone span {
    font-size: 14px;
  }

  .local {
    margin: 15px 0px 15px 15px;
  }

  .local span {
    font-size: 14px;
    letter-spacing: 0px;
  }
}

@media (min-width: 401px) and (max-width: 500px) {

  .bg {
    background-size: auto;
    background-position-x: -360px;
    background-position-y: -112px;
  }

  #text {
    font-size: 45px;
    margin: 20px 0px 0px 20px;
  }

  #textdois {
    font-size: 15px;
    margin: 10px 0px 0px 20px;
    line-height: 24px;
    letter-spacing: -1px;
  }

  #texttres {
    font-size: 14px;
    margin: 0px 0px 0px 20px;
    line-height: 17px;
    letter-spacing: -1px;
  }

  #imagem {
    margin-top: 20px;
    display: block;
    margin-right: auto;
    width: 270px;
    margin-left: 55px;
  }

  .centralizar {
    width: 380px;
    height: 530px;
    border-radius: 10px;
    margin: auto;
    margin-top: 0px;
    padding: 35px 0px 35px 0px;
    display: block;
    border-color: transparent;
    box-shadow: #000 0px 0px 40px -30px;
  }

  .condopro {
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
  }

  .exclusivo {
    text-align: center;
    margin-top: 30px;
  }

  .exclusivo p {
    font-size: 15px;
    margin-left: -105px;
  }

  .direita {
    display: flex;
  }

  .formLogin {
    margin: 10px auto 10px auto;
    width: 290px;
    height: 50px;
    font-size: 16px;
  }

  .condopro img {
    width: 280px;
  }

  .links-acesso-rapido {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .links-acesso-rapido label::before {
    margin-right: 10px;
    left: -30px;
    top: 3.5px;
  }

  .links-acesso-rapido label::after {
    margin-right: 5px;
    left: -28px;
    top: 5.5px;
  }

  label {
    position: relative;
    margin-left: 30px;
    display: inline;
    font-size: 13px;
  }

  .links-acesso-rapido a {
    font-size: 14px;
    margin-top: 2px;
    margin-left: 5px;
  }

  .contato {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .envia-form {
    width: 185px;
    height: 35px;
    margin: 20px 45px 0px 45px;
  }

  .contato p::before {
    width: 90px;
    left: 13px;
    top: calc(50% - -0.5px);
  }

  .contato p::after {
    width: 90px;
    top: calc(50% - -0.5px);
    right: calc(50% - 143.5px);
  }

  .telefone {
    margin: 15px 0px 10px 15px;
  }

  .telefone span {
    font-size: 15px;
    letter-spacing: 0;
  }

  .local {
    margin: 15px 0px 20px 15px;
  }

  .local span {
    font-size: 15px;
    letter-spacing: 1px;
  }
}

@media (max-width:767px){
  .ajuste-cel{
    margin-bottom:15px !important;
  }
}