@charset "utf-8";
/*
  Cliente: Cyrela
  Projeto: Portal

  --------------
  PADRÕES DE CODIGO - Frameworks FED v4
  --------------

  Nossos projetos são desenvolvidos de acordo com um padrão de escrita.
  Mais informações sobre ele em: www.webstandards.blog.br e www.frontenddevelopment.com.br
*/
/* ------- FONTES ------- */
@font-face {
  font-family: 'Gillsans';
  src: url("../fontes/749053956-Gill-Sans-MT.eot");
  src: url("../fontes/749053956-Gill-Sans-MT.eot") format("embedded-opentype"), url("../fontes/749053956-Gill-Sans-MT.woff") format("woff"), url("../fontes/749053956-Gill-Sans-MT.ttf") format("truetype"), url("../fontes/749053956-Gill-Sans-MT.svg#gillsans-light") format("svg"); }

@font-face {
  font-family: 'GillsansLight';
  src: url("../fontes/gillsans-light.eot");
  src: url("../fontes/gillsans-light.eot") format("embedded-opentype"), url("../fontes/gillsans-light.woff") format("woff"), url("../fontes/gillsans-light.ttf") format("truetype"), url("../fontes/gillsans-light.svg#749053956-Gill-Sans-MT") format("svg"); }

@font-face {
  font-family: 'GillsansBold';
  src: url("../fontes/583221436-Gill-Sans-MT-Bold.eot");
  src: url("../fontes/583221436-Gill-Sans-MT-Bold.eot") format("embedded-opentype"), url("../fontes/583221436-Gill-Sans-MT-Bold.woff") format("woff"), url("../fontes/583221436-Gill-Sans-MT-Bold.ttf") format("truetype"), url("../fontes/583221436-Gill-Sans-MT-Bold.svg#583221436-Gill-Sans-MT-Bold") format("svg"); }

@font-face {
  font-family: 'GillsansItalic';
  src: url("../fontes/566497803-Gill-Sans-MT-Italic.eot");
  src: url("../fontes/566497803-Gill-Sans-MT-Italic.eot") format("embedded-opentype"), url("../fontes/566497803-Gill-Sans-MT-Italic.woff") format("woff"), url("../fontes/566497803-Gill-Sans-MT-Italic.ttf") format("truetype"), url("../fontes/566497803-Gill-Sans-MT-Italic.svg#566497803-Gill-Sans-MT-Italic") format("svg"); }

/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/
/* reset */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, menu, form, fieldset, legend, button, figure, section, summary { margin: 0; padding: 0; }
article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
button, fieldset, iframe, img { border: 0; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }
details summary::-webkit-details-marker { display: none; }

/* Classes */

.direita { float: right; }
.esquerda { float: left; }

html { height: 100%; font: 100% Arial, Helvetica, sans-serif; }
body { position: relative; height: 100%; font-size: .75em; background-color: #f3f3f3; color: black; }

a { text-decoration: none; color: #000; }

h1 { font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif; font-weight: normal; }
label { font-family: 'GillsansBold', 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; font-size: 12px; color: #3b3938; }
label span { margin-bottom: 3px; display: block; }
/* formulário */
form { width: 574px; margin-left: 2px; }
form input, form textarea, form select { background-color: #fff; font-size: 1.25em; text-transform: uppercase; text-indent: 15px; font-family: 'GillsansLight', 'Trebuchet MS', Arial, sans-serif; }
form input { height: 35px; width: 100%; border: 1px solid #cacaca; border-radius: 2px; background-color: #f6f6f6; font-size: 12px; }
form textarea { resize: none; width: 100%; padding-top: 5px; background-color: #f6f6f6; color: #000; border: 1px solid #cacaca;}
form input[type="checkbox"] { height: 16px; width: auto; float: left; }
form select { width: 260px; height: 39px; }

form button { background-color: #e03028; color: #fff; }
form button:hover { cursor: pointer; }
form .mensagem.ativo { opacity: 1; }
form .mensagem.erro { padding-top: 18px; color: #e03028; }
form .mensagem.sucesso { padding-top: 18px; color: #098300; }
form ol li ul li { float: left;}
form ol, form ul { list-style: none; }

select.chosen{ }
.select-opcoes .chosen { width: 574px; } 

/* ------- ELEMENTOS ------- */


/* Botão */
.botao { display: block; padding: 10px 31px 10px 31px; color: #fff; background-color: #56c7e5; text-transform: uppercase; font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif; font-size: 16px; }
.voltar { display: block; padding-left: 10px; margin-bottom: 28px; background: url('../imagens/bg-btn-voltar.png') no-repeat 1px 4px; font-family: 'GillsansBold', 'Trebuchet MS', Arial, sans-serif; font-size: 10px; text-transform: uppercase; }

.limites { width: 85%; padding: 30px 0 0 32px; max-width: 650px; }
.limites.espacamento-menor { padding: 10px 0 0 40px; }
.limites header { margin-bottom: 57px; }
.limites header h1 { font-size: 18px; text-transform: uppercase; line-height: 22px; }
.limites header h1 span { display: block; }

.limites .conteudo form fieldset { margin-bottom: 22px; }
.limites .conteudo form fieldset ol li { float: left; width: 260px; }
.limites .conteudo form fieldset ol > li:nth-child(odd) { margin-right: 53px; }
.limites .conteudo form fieldset .select-opcoes { margin-bottom: 56px; }
/* ---- Popup-inicial ----*/

#inicial .limites .conteudo form fieldset:first-child ol > li:nth-child(1), #inicial .limites .conteudo form fieldset:first-child ol > li:nth-child(2) { margin-bottom: 26px; }




#chat-especialista-popup .limites header { margin-bottom: 25px; }
#chat-especialista-popup .limites header h1 { margin-bottom: 13px; }
#chat-especialista-popup .limites header p { text-transform: uppercase; font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif; font-size: 12px; color: #606060; line-height: 16px; }
#chat-especialista-popup .limites header p span { display: block; }
#chat-especialista-popup .limites form fieldset textarea { width: 571px; height: 284px; margin-bottom: 35px; }
#chat-especialista-popup .limites .conteudo form fieldset ol li p { margin-top: 21px; margin-bottom: 7px; text-transform: uppercase; font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif; font-size: 11px; color: #494949; }
#chat-especialista-popup .limites .conteudo form fieldset ol li p span { display: block; }
#chat-especialista-popup .limites .conteudo form fieldset:first-child ol > li:nth-child(1), #chat-especialista-popup .limites .conteudo form fieldset:first-child ol > li:nth-child(2) { margin-bottom: 75px; }

#chat-especialista-popup .limites .conteudo form fieldset ol li.agendar input { color: #000; background: url(../imagens/calendario.png) 234px 9px no-repeat #f6f6f6; }

#chat-especialista-popup .limites .conteudo form fieldset ol li.horario { margin-bottom: 107px; }
#chat-especialista-popup .limites .conteudo form fieldset ol li.horario .chosen-container-single .chosen-single div { border: 0; }
#chat-especialista-popup .limites .conteudo form fieldset ol li.horario .chosen-container-single .chosen-single div b { background: url(../imagens/relogio.png) 12px 9px no-repeat; }

#feedback-chat .limites header h1 { text-align: center; margin-bottom: 39px; font-family: 'GillsansLight', 'Trebuchet MS', Arial, sans-serif; font-size: 28.8px; font-weight: 100;}
#feedback-chat .limites header p { text-align: center; font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; font-size: 12px; color: #494949; line-height: 22px; letter-spacing: 1px; }
#feedback-chat .limites header p span { display: block; }
#feedback-chat .limites .conteudo p { margin-bottom: 79px; text-align: center; text-transform: uppercase; font-family: 'GillsansLight', 'Trebuchet MS', Arial, sans-serif; font-size: 18px; color: #000; line-height: 25px; font-weight: 700; }
#feedback-chat .limites .conteudo p span { display: block; }

#feedback-chat .limites .conteudo a { width: 250px; max-width: 250px; padding: 10px 0; text-align: center; background: url('../imagens/sprite-btn-feedback-chat.png') no-repeat #cf4c9a; font-family: 'GillsansBold', 'Trebuchet MS', Arial, sans-serif;  }
#feedback-chat .limites .conteudo a.telefone { background-position: 14px 14px; margin-left: 8px; }
#feedback-chat .limites .conteudo a.email { background-position: 13px -50px; margin-right: 50px; padding-left: 20px; width: 230px; letter-spacing: -1px; }

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
  form { width: 261px; }
  select.chosen { visibility: visible; }
  .limites { padding: 20px 0 0 20px; }
  .limites header { margin-bottom: 15px;}
  .limites .conteudo form fieldset ol li:last-child { margin-top: 56px; }
  fieldset:last-child { width: 260px; }
  .limites .conteudo form fieldset { margin-bottom: 15px; }
  .select-opcoes .chosen { width: 261px; }
  .limites .conteudo form fieldset ol > li:nth-child(odd) { margin-right: 0; }
  .botao { margin-top: 25px; }

}

#form-popup-whatsapp fieldset.whatsapp-fieldset{ border-bottom:1px solid #a6a6a6 !important; float:left; height: auto; width:575px; padding-bottom: 10px; }
#form-popup-whatsapp fieldset.whatsapp-fieldset span{ float: left; padding: 3px 0; }
#form-popup-whatsapp fieldset.whatsapp-fieldset ol li{ width: 287px; margin: 0 0 0px 0 !important; }
#form-popup-whatsapp fieldset.whatsapp-fieldset ol li:nth-child(1) { width: 275px; margin: 0 13px 0px 0 !important; }
#form-popup-whatsapp fieldset.whatsapp-fieldset .email-whats{width:100% !important;}
#form-popup-whatsapp fieldset.whatsapp-fieldset .checkbox-holder{ padding: 10px 0;  width: 100%; }
#form-popup-whatsapp .sub-text{ width: 480px; margin-top: 0!important; }

/* Popup Aguarde */
.aguarde {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
    background: url(../../imagens/meuLiving.png) no-repeat 50% 38% #fff;
}
.aguarde .textoaguarde{
    width: 100%;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Gillsans Light', 'Trebuchet MS', Arial, sans-serif;
}

.newsletter{
    margin-bottom: 20px !important;
    float: left;
}

.texto-legal-formularios{
    color: #7d7d7d;
    font-family: 'Gillsans', 'Trebuchet MS', Arial, sans-serif;
    font-size: 11px;
    float: left;
    width: 100%;
    padding: 5px 5px;
}