* { margin: 0 auto; padding: 0; }
html, body { background-color: #000; }
input { width: 80%; height: 58px; outline: none; font-size: 20px; padding: 12px; box-sizing: border-box; margin-bottom: 12px; border: none; border-radius: 8px; }
input:focus { outline: none; }

/*fix*/
#div-out-infos { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding: 50px 0px 50px 0px; }
#view-infos { width: 90%; height: auto; position: relative; margin: auto; }
.div-mapa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; }
.div-info-endereco-mapa { width: 50%; height: auto; position: relative; float: left; background-color: #fff; }
.div-mapa-int { width: 95%; height: 95%; position: relative; float: left; margin-left: 2.5%; margin-top: 10px; background-color: #dadada; }
.item-rota { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; }
.form { background: url('../images/wbg-conheca.png'); background-size: cover; padding: 36px; box-sizing: border-box; border-radius: 20px; }
.pointer { cursor: pointer; }
.text-preencha { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.cta { position: fixed; bottom: 12px; right: 12px; background-color: #46E262; padding: 8px; box-sizing: border-box; width: 20%; border-radius: 2px; }
.cta-w { position: fixed; bottom: 100px; right: 12px; padding: 8px; box-sizing: border-box; width: 100px; height: 100px; }
.cta-t { position: fixed; bottom: 12px; right: 12px; padding: 8px; box-sizing: border-box; width: 100px; height: 100px; }
@media only screen and (max-width:600px) {
    #div-out-infos { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding: 10px 0px 30px 0px; }
    #view-infos { width: 100%; height: auto; position: relative; margin: auto; }
    .div-mapa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 20px; }
    .div-info-endereco-mapa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; }
    .div-mapa-int { width: 95%; height: 95%; position: relative; float: left; margin-left: 2.5%; margin-top: 11px; }
    .item-rota { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; }
    input { width: 100%; height: 47.3px; }
    .btn-form { width: 100%; }
    .text-preencha { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 140px; }
    .form { background: url('../images/mbg-form.png'); background-size: cover; padding: 0px; box-sizing: border-box; }
    .cta { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0px; left: 0px; background-color: transparent; padding: 8px; box-sizing: border-box; width: 100%; border-radius: 2px; }
    .cta-w { position: fixed; bottom: 60px; right: 12px; padding: 8px; box-sizing: border-box; width: 60px; height: 60px; }
    .cta-t { position: fixed; bottom: 12px; right: 12px; padding: 8px; box-sizing: border-box; width: 60px; height: 60px; }
}
#loding-body { display: none; }
#loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000000cb; z-index: 99999; display: flex; justify-content: center; align-items: center; }