/* CSS Document */
*{ margin: 0 auto; padding: 0;}
div:after, ol:after, form:after, ul:after, dl:after, p:after, header:after, section:after, article:after, footer:after {
	content:".";	display:block;	clear:both;	visibility:hidden;	height:0;	overflow:hidden;}

img{border: 0; max-width: 100%;}

body{ color: #46464B; font-size: 16px; font-family: 'Montserrat', sans-serif;  font-weight: normal;}
a{text-decoration: none;}

/*BOTAO WHATS*/
.ocultt{display: none;}
.caixa_chat_windows {
box-sizing: border-box;
font-family: "Calibri", "Roboto", sans-serif;
z-index: 101;
}


.whats_top_menu .buttons .button.avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    margin-top: -12px;
    background: url(imagens/logoConstr.jpg) white;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.chat_window {
    display: none;
    position: fixed;
    width: calc(100% - 20px);
    max-width: 400px;
    height: 405px;
    border-radius: 10px;
    background-color: #fff;
    right: -174px;
    bottom: -120px;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    background-color: #f8f8f8;
    overflow: hidden;
    z-index: 50;
}
.whats_top_menu {
    background-color: #056056;
    width: 100%;
    padding: 20px 0 20px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.whats_top_menu .buttons {
    margin: 3px 0 0 20px;
    position: absolute;
}

.whats_top_menu .title {
    text-align: left;
    color: white;
    font-size: 18px;
    /* text-indent: 70px; */
    padding-left: 62px;
    font-weight: bold;
    margin: -2px 0 0 0;
}

.whats_top_menu .subTitle {
    text-align: left;
    color: white;
    font-size: 14px;
    /* text-indent: 70px; */
    padding-left: 62px;    
    margin: 0 0 0 0;
    display: none;
}
.whats_close {
    float: right;
    color: white;
    font-size: 26px;
    margin: -35px 20px 0 0;
    cursor: pointer;
}
.whats_messages {
    position: relative;
    list-style: none;
    padding: 10px 0px 0 5px;
    margin: 0;
    height: 255px;
    overflow: hidden;
    background: url(imagens/whatsapp_modulo_bg.jpg);
}
#message_1 {
    display: none;
}
.whats_messages .message.appeared {
    opacity: 1;
}
.whats_messages .message {
    clear: both;
    overflow: hidden;
    margin-bottom: 7px;
    transition: all 0.5s linear;
    opacity: 0;
}

.whats_messages .message.left .text_wrapper {
    /* background-color: #ffe6cb; */
    background: white;
    box-shadow: 1px 1px 2px #CCC;
    margin-left: 20px;
    box-sizing: border-box;
}
.whats_messages .message .text_wrapper {
    display: inline-block;
    padding: 15px 20px 10px 15px;
    border-radius: 16px;
    width: calc(100% - 70px);
    min-width: 100px;
    position: relative;
}
.whats_messages .message .text_wrapper .text {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}
.whats_messages .message.left .text {
    color: black;
}
.time {
    float: right;
    margin: 0 -10px 0 0;
    padding: 0;
    font-size: 12px;
    position: relative;
    color: #929292;
}
.whats_bottom_wrapper {
    position: relative;
    width: 100%;
    background-color: #F5F1EE;
    padding: 18px 20px;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
}
.whats_bottom_wrapper .message_input_wrapper {
    display: inline-block;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #bcbdc0;
    /* width: calc(100% - 160px); */
    width: calc(56% - 56px);
    position: relative;
    padding: 0 20px;
    box-shadow: 1px 1px 2px #CCC;
    box-sizing: border-box;
    text-align: left;
    top: 0;
}

.whats_bottom_wrapper .message_input_wrapper .message_input {
    border: none !important;
    height: 100% !important;
    box-sizing: border-box;
    width: calc(100% - 40px);
    outline-width: 0;
    color: #000;
    background: #F5F1EE !important;
    margin: 0 !important;
    width: 74% !important;
}

.whats_bottom_wrapper .send_message {
    width: 56px;
    /* width: 140px; */
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s linear;
    float: right;
}
.box-form-cont-whats {
    float: left;
    width: 95% !important;
    margin: 2.5% 0 0 0;
    background-color: auto !important;
    border: 0 solid #cccccc !important;
    padding: 4% 0 4% 2%;
    font-size: 15px;
    border-radius: 4px;
    background: url(imagens/whatsapp_modulo_enviar.png) !important;
    height: 53px !important;
    padding: 0 0 0 0 !important;
}

.float-whatsapp { position: fixed; width: 60px; height: 60px; bottom: 15px; right: 25px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 40; cursor:pointer; }
.my-icon-whatsapp{ margin-top:15px; }
.pulse { font-family: Arial; line-height: 1.5; font-size: 12px; font-weight: bold; float: left; width: 18px; height: 18px; border-radius: 50%; background: red; cursor: pointer; box-shadow: 0 0 0 #E91E63; animation: pulse 2s infinite; z-index: 9999; position: absolute; }
.pulse:hover { animation: none; }

@-webkit-keyframes pulse {
0% { -webkit-box-shadow: 0 0 0 0 rgb(233, 30, 99, 1); }
70% { -webkit-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); }
100% { -webkit-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
}
@keyframes pulse {
0% { -moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6);  }
70% { -moz-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); box-shadow: 0 0 0 10px rgba(233, 30, 99, 0);  }
100% { moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
}
/*BOTAO WHATS*/

.geral{margin: 0 auto; width: 100%;}

.geralTop{margin: -20px auto; width: 100%; min-height: 650px;  background: url("../imagens/banner.jpg") no-repeat top center;}
.centerTop{margin: 0 auto; width: 100%; max-width: 1185px;}

.geralLogo{float: left; width: 100%;}
.centerLogo{margin: 0 auto; width: 100%; max-width: 250px;}

.textTop {
    float: left;
    width: 59%;
    margin: 13% 0 0 0;
}

.textTop h1 {
    float: left;
    width: 100%;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 2px 2px 2px #000;
    margin: 0 0 2% 0;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3.8px;
}
.textTop h3 {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 32px;
    color: #ffffff;
    text-shadow: 2px 2px 2px #000;
    margin: 0 0 0 0;
}


.centerFormWhats {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    position: relative;
    display: none;
}


.geralFormWhats {
    float: left;
    width: 100%;
    margin: 2% 0 0 0;
    position: fixed;
    z-index: 1000;
    z-index: 1000;
    left: 0;
    top: 0;
}

.formTopLeadBottomWhats{
    margin: 0 auto;
    width: 36%;
    max-width: 400px;
    padding: 1% 2% 2% 2%;
    background: #f2f2f2;
}

.fecharJan {
    float: right;
    margin: 0 0 2%;
}


.titFomTop-botWhats {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 28px;
    color: #414141;
    text-align: center;
    margin: 1% 0 0 0;
}

.mensagemFormBotWhats{
    float: left;
    width: 95%;
    background-color: #cccccc;
    font-size: 15px;
    padding: 2.5% 2% 2.5% 2%;
    color: #fff;
    border-radius: 8px;
    background: #6abb56;
    text-align: center;
    font-weight: 500;
    margin: 2% 0 0 0;
    display: none;
}


.textMen{float: left; width: 100%; margin: 3% 0 0 0;}
.textMen h1{float: left; width: 100%; text-align: center;}
.textMen h2{float: left; width: 100%; text-align: center; margin: 0.5% 0 0 0; font-weight: 300;}
.btVoltCent{margin: 0 auto; width: 100%; max-width: 100px;}
.btVoltar {
    float: left;
    width: 100%;
    text-align: center;
    margin: 28% 0 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10% 6% 10% 6%;
    font-size: 16px;
    text-transform: uppercase;
}


.textChamTop {
    float: left;
    width: 92%;
    margin: 0 0 6% 0;
    line-height: 2.2;
    font-size: 18px;
}
.textTop h2 {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin: 1% 0 0 0;
    text-shadow: 2px 2px 2px #000;
    font-style: italic;
}

.negrito{
font-size: 52px;
font-style: italic;
background: rgb(147, 189, 31,0.45);
padding: 0.3% 3% 0.3% 2%;
}
.formTopLead {
    float: right;
    width: 30%;
    max-width: 315px;
    padding: 2%;
    margin: 9% 0 0 0;
    background: rgba(255,255,255,0.95);
}

.titFomTop {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    color: #414141;
    text-align: center;
    margin: 1% 0 0 0;
}

.subTitFomTop {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    color: #414141;
    text-align: center;
}

.inforGerais {
    float: left;
    width: 100%;
    margin: 1% 0 8% 0;
}
#box-form-cont{float: left; margin: 2% 0 0 0;}

#box-form-cont fieldset{border: 0;}

#box-form-cont input {
    float: left;
    width: 97%;
    margin: 2.5% 0 0 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 4% 0 4% 2%;
    font-size: 15px;
    border-radius: 4px;
}

#box-form-cont-whats{float: left; margin: 2% 0 0 0;}

#box-form-cont-whats fieldset{border: 0;}

#box-form-cont-whats input {
    float: left;
    width: 97%;
    margin: 2.5% 0 0 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 4% 0 4% 2%;
    font-size: 15px;
    border-radius: 4px;
}

#box-form-cont-whats fieldset {
    border: 0;
}

#mascara {
    width: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    display: none;
    z-index: 100;
    left: 0;
    top: 0;
}


.btEnviarTopBotWhats {
    background: #8ab70f !important;
    border-bottom: 10px solid #6e9409 !important;
    border-radius: 7px !important;
    color: #ffffff;
    width: 100% !important;
    font-size: 20px !important;
    padding: 5% 0 4% 2% !important;
    cursor: pointer;
    font-weight: 500;
}


.btEnviarTop {
    background: #93bd1f !important;
    border-bottom: 10px solid #739610 !important;
    border-radius: 7px !important;
    color: #ffffff;
    width: 100% !important;
    font-size: 15px !important;
    padding: 5% 0 4% 2% !important;
    cursor: pointer;
}
.geralCenter{margin: 0 auto; width: 100%;}
.centerSite{margin: 0 auto; width: 100%; max-width: 1185px;}

.titInDif{float: left; width: 100%; margin: 6% 0 2% 0;}
.titInDif h2{float: left; width: 100%; color: #ffffff; font-size: 38px; font-weight: 600; text-align: center;}

.titIn01{float: left; width: 100%; margin: 6% 0 2% 0;}
.titIn01 h2{float: left; width: 100%; color: #646464; font-size: 32px; font-weight: 600; text-align: center;}
.titIn01 h3 {
    float: left;
    width: 100%;
    color: #646464;
    font-size: 28px;
    font-weight: 200;
    text-align: center;
    margin: 0.5% 0 0 0;
}
.geralElementCaract {
    float: left;
    width: 56%;
    margin: 5% 0 0 0;
}
.boxElementCaract {
    float: left;
    width: 22%;
    /* padding: 4% 2% 4% 2%; */
    margin: 0% 9% 6% 0;
    border: 1px solid #e8e8e8;
    /* background: #f3f3f3; */
    overflow: hidden;
    border-radius: 78px;
}
.imgElementCaract{float: left; width: 100%; text-align: center;}
.textElementCaract01 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 11% 0 3% 0;
    font-weight: 600;
    font-style: italic;
}
.textElementCaract{float: left; width: 100%; text-align: center; font-size: 16px; margin: 1% 0 0 0;}
.imagemPredio {
    float: right;
    margin: 5% 0 8% 0;
}

.imagemPredio img{
    border-radius:50px 0px 50px 0px;
}

.border-right{border-right: 1px solid #cecece;}

.background-gray{background: #fafafa;}

.colLeftD {
    float: left;
    width: 39%;
    margin: 8% 0 10% 0;
}

.colRightD {
    float: right;
    width: 52%;
    margin: 3% 0 6% 0;
}

.caractDesi {
    float: left;
    margin: 0 2.5% 3% 0;
    /* background-color: #fafafa; */
    padding: 2% 0 0 0;
    font-size: 15px;
    width: 17%;
    text-align: left;
    font-weight: 500;
    /* border-right: 1px solid #ccc; */
    color: #fff;
    height: 100px;
    text-align: center;
}

.caractDesi > .icones{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.caractDesi > .icones > img{
    width: 50px;
}

.boxDes {
    float: left;
    width: 42%;
    margin: 7% 4% 0 4%;
    height: 127px;
}

.iconBoxDes{float: left; width: 100%; text-align: center;}
.textBoxDes {
    float: left;
    width: 100%;
    text-align: center;
    margin: 7% 1% 0 0;
    color: #ffffff;
    font-weight: 600;
}
.subBoxDes {
    float: left;
    width: 100%;
    text-align: center;
    margin: 2% 1% 0 0;
    color: #ffffff;
    font-size: 14px;
}

.tit02{float: left; width: 100%;}
.tit02 h2 {
    float: left;
    width: 70%;
    color: #ffffff;
    font-weight: 700;
    font-size: 46px;
}

.video {
    width: 771px;
    height: 429px;
}

.textIn02 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.9;
    margin: 3% 0 0 0;
}
.background-design {
    background: url(../imagens/backDesign.jpg) center no-repeat;
    /*background-size: 100% 100%;*/
    background-size: cover;
}
.geralTExt {
    float: left;
    width: 60%;
    margin: 4.5% 0 4.5% 0;
}
.geralTExt h2 {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 27px;
}
.geralTExt h3 {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 21px;
    margin: 1% 0 0 0;
}

.btQueroIn01 {
    float: right;
    width: 29%;
    margin: 5% 0 0 0;
}
.btQueroIn01 a {
    background: #93bd1f;
    border-bottom: 11px solid #739610;
    color: #ffffff;
    padding: 6% 5% 4% 12%;
    float: left;
    width: 83%;
    text-align: center;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 3px 2px 4px #949393;
}


.colLeftV {
    float: left;
    width: 39%;
    margin: 8% 0 8% 0;
}
.colRightV {
    float: right;
    width: 100%;
    margin: 3% 0 8% 0;
    text-align: center;
}

.tit03{float: left; width: 100%;}
.tit03 h2 {
    float: left;
    width: 100%;
    color: #696969;
    font-weight: 700;
    font-size: 46px;
    line-height: 1.2;
}
.textIn03 {
    float: left;
    width: 100%;
    color: #696969;
    line-height: 1.8;
    margin: 5% 0 0 0;
    font-style: italic;
    font-size: 21px;
    font-weight: 300;
}
.nomeAutor {
    float: left;
    width: 100%;
    margin: 5% 0 0 0;
    font-size: 19px;
    font-style: italic;
}
.background-gray-02{background: #f1f0f0;}
.background-gray-04 {
    background: #f1f0f0;
    background-image: linear-gradient(to right, #183c10, #1f9e08);
}
.background-gray-03{background: #f9f9f9;}

.geralGaleria{float: left; width: 100%; margin: 1% 0 3% 0;}

.geralImgIn{position: relative; height: 500px; overflow: hidden;}
.geralImgIn .imgFotosIn {
    min-width: 100%;
    min-height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 750px;
}
.titInLoc {
    float: left;
    width: 100%;
    margin: 2% 0 2% 0;
}
.titInLoc h2 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}
.titInLoc h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 26px;
    font-weight: 200;
    text-align: center;
    margin: 0.5% 0 0 0;
}

.mapaIn{margin: 0 auto; width: 100%;}

.mapaIn{margin: 0 auto; width: 100%;}

.background-const{background: url(../imagens/back-construt.jpg) no-repeat center;background-size: cover;}
.logoConstIn{float: left; width: 20%; margin: 6% 0 4% 0;}
.boxTextCont {
    float: right;
    width: 80%;
    margin: 5.5% 0 0 0;
}
.titTextConstIn {
    float: right;
    width: 100%;
    margin: 0 0 0 0;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
}
.textConstIn {
    float: right;
    width: 100%;
    margin: 1% 0 6% 0;
    font-size: 16px;
    font-weight: 200;
    color: #ffffff;
    line-height: 1.9;
}

.geralArrowBottom{float: left; width: 100%; text-align: center; margin: -30px 0 0 0;}

.geralFormBottomIn {
    float: left;
    width: 100%;
    margin: 7% 0px 7% 0;
}

.formTopLeadBottom {
    margin: 0 auto;
    width: 36%;
    max-width: 600px;
    padding: 4%;
    background: #f2f2f2;
}

.titFomTop-bot {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 38px;
    color: #414141;
    text-align: center;
    margin: 1% 0 0 0;
}

.subTitFomTop-bot {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 20px;
    color: #414141;
    text-align: center;
    margin: 1% 0 3% 0;
}

#box-form-con-bot{float: left; margin: 2% 0 0 0;}

#box-form-cont-bot fieldset{border: 0;}

#box-form-cont-bot input {
    float: left;
    width: 97%;
    margin: 2.5% 0 0 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 4% 0 4% 2%;
    font-size: 15px;
    border-radius: 4px;
}

.btEnviarTopBot {
      background: #93bd1f !important;
    border-bottom: 10px solid #739610 !important;
    border-radius: 7px !important;
    color: #ffffff;
    width: 100% !important;
    font-size: 20px !important;
    padding: 5% 0 4% 2% !important;
    cursor: pointer;
    font-weight: 500;
}



.logoMarta{float: left; width: 100%; margin: 1% 0 1% 0; text-align: center;}

.background-rod{background: #2b2b2b;}

.mensagemFormBot{
    float: left;
    width: 95%;
    background-color: #cccccc;
    font-size: 15px;
    padding: 2.5% 2% 2.5% 2%;
    color: #fff;
    border-radius: 8px;
    background: #6abb56;
    text-align: center;
    font-weight: 500;
    margin: 2% 0 0 0;
    display: none;
}

.mensagemFormTop{
    float: left;
    width: 95%;
    background-color: #cccccc;
    font-size: 15px;
    padding: 2.5% 2% 2.5% 2%;
    color: #fff;
    border-radius: 8px;
    background: #6abb56;
    text-align: center;
    font-weight: 500;
    margin: 2% 0 0 0;
    display: none;
}

.btFixoZap {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 1%;
    z-index: 1000;
}

.btWhatsTopRod {
    float: right;
    background: #27a210;
    padding: 7%;
    border-radius: 36px;
    overflow: hidden;
    width: 100%;
    box-shadow: 2px 2px 2px #5a5a5a;
    width: 200px;
}

.iconBtWhatsTop {
    float: left;
    margin: 0 0 0 3%;
    width: 11%;
}


.textBtWhatsTopRod {
    float: left;
    margin: 2px 0 0 3px;
    font-size: 14px;
    font-weight: 600;
}
.textBtWhatsTopRod a{color: #ffffff;}
.textBtWhatsTopRod a:hover{color: #ffffff; text-decoration: none;}



@media (max-width: 725px){

.formTopLeadBottomWhats {
    margin: 4% auto;
    width: 74%;
    max-width: 400px;
    padding: 1% 6% 2% 6%;
    background: #f2f2f2;
    /* margin: 2% 0 0; */
}

.titFomTop-botWhats {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 21px;
    color: #414141;
    text-align: center;
    margin: 3% 0 0 0;
}

.textTop {
    float: left;
    width: 100%;
    margin: 9% 0 0 0;
}

.centerLogo {
    margin: 0 auto;
    width: 100%;
    max-width: 250px;
    text-align: center;
}
.textTop h1 {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    color: #ffffff;
    text-shadow: 0px 2px 2px #000;
    text-align: center;
    margin: 0 0 0 0;
}
.textTop h2 {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    margin: 2% 0 0 0;
    text-shadow: 2px 2px 2px #000;
    text-align: center;
}

.negrito {
    font-size: 32px;
    font-style: italic;
    background: rgb(147, 189, 31,0.45);
    padding: 0.3% 3% 0.3% 2%;
}
.formTopLead {
    float: right;
    width: 82%;
    max-width: -webkit-fill-available;
    padding: 6%;
    margin: 9% 2.7% 20% 0%;
    background: rgba(255,255,255,0.95);
}

.geralTop {
    margin: -20px auto;
    width: 100%;
    min-height: auto;
    background: url(../imagens/banner.jpg) no-repeat top center;
}

.geralImgIn .imgFotosIn {
    min-width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 500%;
}

#box-form-cont input {
    float: left;
    width: 97%;
    margin: 4.5% 0 0 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 5% 0 5% 2%;
    font-size: 15px;
    border-radius: 4px;
}

.tit03 h2 {
    float: left;
    width: 100%;
    color: #696969;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
}

.textIn03 {
    float: left;
    width: 100%;
    color: #696969;
    line-height: 1.8;
    margin: 5% 0 0 0;
    font-style: italic;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.nomeAutor {
    float: left;
    width: 100%;
    margin: 5% 0 0 0;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

.geralElementCaract {
    float: left;
    width: 100%;
    margin: 10% 0 0 0;
}

.textElementCaract {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin: 1% 0 0 0;
}

.textElementCaract01 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 19px;
    margin: 7% 0 0 0;
    font-weight: 600;
    font-style: italic;
}

.geralElementCaract {
    float: left;
    width: 100%;
    margin: 10% 0 5% 0;
}

.titIn01 h2 {
    float: left;
    width: 100%;
    color: #646464;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.titIn01 h3 {
    float: left;
    width: 100%;
    color: #646464;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    margin: 5% 0 0 0;
}

.colLeftV {
    float: left;
    width: 100%;
    margin: 8% 0 8% 0;
}

.colRightD {
    float: right;
    width: 100%;
    margin: 16% 0 12% 0;
}

.background-design {
    background: #3c3c3c;
}

.colLeftD {
    float: left;
    width: 100%;
    margin: 9% 0 10% 0;
}

.tit02 h2 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-weight: 700;
    font-size: 38px;
}
.centerSite {
    margin: 0 auto;
    width: 90%;
    max-width: 1185px;
    padding: 5%;
}

.colRightD {
    float: right;
    width: 100%;
    margin: 2% 0 4% 0;
    padding: 2%;
}

.caractDesi {
    float: left;
    margin: 0 4% 0 0;  
    padding: 1% 2% 0% 2%;
    font-size: 17px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}


.geralTExt {
    float: left;
    width: 100%;
    margin: 3.5% 0 4.5% 0;
}

.btQueroIn01 {
    float: right;
    width: 100%;
    margin: 5% 0 9% 0;
}

.geralTExt h2 {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
}

.geralTExt h3 {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 22px;
    margin: 1% 0 0 0;
}
.btQueroIn01 {
    float: right;
    width: 100%;
    margin: 2% 0 9% 0;
}

.btQueroIn01 a {
    background: #93bd1f;
    border-bottom: 11px solid #739610;
    color: #ffffff;
    padding: 5% 5% 3% 12%;
    float: left;
    width: 83%;
    text-align: center;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 3px 2px 4px #949393;
}



.colRightV {
    float: right;
    width: 100%;
    margin: 0 0 11% 0;
}

.titInLoc h2 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.titInLoc h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin: 2% 0 0 0;
}

.background-const {
    background: #383838;
}

.logoConstIn {
    float: left;
    width: 100%;
    margin: 10% 0 4% 0;
    text-align: center;
}

.boxTextCont {
    float: right;
    width: 100%;
    margin: 5% 0 0 0;
}

.boxTextCont {
    float: right;
    width: 100%;
    margin: 5% 0 0 0;
}

.textConstIn {
    float: right;
    width: 100%;
    margin: 1% 0 7% 0;
    font-size: 16px;
    font-weight: 200;
    color: #ffffff;
    line-height: 1.9;
    text-align: justify;
}

.geralArrowBottom {
    float: left;
    width: 100%;
    text-align: center;
    margin: -48px 0 0 0;
}

.formTopLeadBottom {
    margin: 0 auto;
    width: 90%;
    max-width: 600px;
    padding: 4%;
    background: #f2f2f2;
}

.titFomTop-bot {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    color: #414141;
    text-align: center;
    margin: 6% 0 0 0;
}

.subTitFomTop-bot {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 15px;
    color: #414141;
    text-align: center;
    margin: 1% 0 3% 0;
}

#box-form-cont-bot input {
    float: left;
    width: 97%;
    margin: 3.5% 0 0 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 5% 0 5% 2%;
    font-size: 15px;
    border-radius: 4px;
}

.btEnviarTopBot {
    background: #93bd1f !important;
    border-bottom: 10px solid #739610 !important;
    border-radius: 7px !important;
    color: #ffffff;
    width: 100% !important;
    font-size: 16px !important;
    padding: 5% 0 4% 2% !important;
    cursor: pointer;
    font-weight: 500;
    margin: 5% 0 8% 0 !important;
}

}



@media (min-width: 550px) and (max-width: 950px){ 



}