@import 'fontes/ostrich/stylesheet.css';

::-moz-selection{
    background: #223D3C;
    color: #FFF;
}
::selection {
    background: #223D3C;
    color: #FFF;
}

/* Geral -----------------------------------*/
body        { margin: 0 !important; background-color: #FFFFFF; overflow-x: hidden !important; }
fieldset    { padding: 0 !important; border: none !important; }
.left       { float: left; clear: right; }
.align-in-v { position: relative; top: 50%; transform: translateY(-50%); display: block; }
.align-in-h { margin-left: auto; margin-right: auto; }
.transition { transition: 0.5s; -webkit-trasition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; }
.container  { width: 1100px; margin-left: auto; margin-right: auto; }

/* Header ---------------------------------- */
.header-top { height: 180px; transition: height 0.4s; -webkit-trasition: height 0.4s; -o-transition: height 0.4s; -moz-transition: height 0.4s; }
.logo-box   { width: 25%; height: 100%; }
.logo   { display: block; cursor: pointer; position: relative; top: 50%; transform: translateY(-50%); width: 220px;
    height: 100%; transition: width, height 0.4s; -webkit-trasition: width, height 0.4s; -o-transition: width, height 0.4s; -moz-transition: width, height 0.4s; background: url('../img/_layout/logo.png') center no-repeat; background-size: contain;  }
.menu-box   { width: 70%; height: 100%; margin-left: 45px; }
.item-men   { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid transparent; display: block; float: left; line-height: 45px; font-family: Arial, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 100; text-decoration: none !important; color: #3d3d3d  !important; border-radius: 5px; height: 45px; margin-left: 2.5%; transition: 0.3s; -webkit-trasition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; padding: 0 20px 0 20px; }
.item-men:hover   { color: #223D3C !important; transition: 0.5s; -webkit-trasition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; }
.fone-img   { width: 40px; height: 40px; background: url('../img/_layout/fone_head.png') no-repeat; background-size: contain; }
.fone-head  { float: right; font-family: Arial, sans-serif; color: #3d3d3d; font-size: 19px; background: url('../img/_layout/phone.png') no-repeat; background-size: 15%; background-position-y: 50%;  padding-left: 40px; line-height: 70px; }
.header-bann   { height: 500px; margin: 0; background: rgba(227, 227, 227, 0.2); }
.wrapper-text  { font-family: Arial, sans-serif; font-size: 22px; font-weight: bold; color: #A9ABAE; }
#filtros    { height: 130px; }
.box-cmps   { width: 100%; }
.camp-b     { width: 100% !important; border: 2px solid #BDC3C7; border-radius: 5px; }

#block-header   { background: white; }

.overlay-shw    { position: absolute; top: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

/* formularios em geral ---------------------*/
.formStyled .resposta{width: 70%; position: relative; float: left; display: block; margin-left:5px; z-index: 900;}
.formStyled h1,.formStyled h2, .formStyled h3, .formStyled h4, .formStyled h5,.formStyled legend{font-size: 16px; font-weight: normal; color: #2B8FCF; font-family: arial, sans-serif; display: block; padding: 10px;}
.formStyled span{margin-left: 5px; display: block}
.formStyled {position: relative;display: block; width: 425px;}
.formStyled input[type=text],.formStyled textarea,.formStyled select{font-family: arial, sans-serif; font-size: 14px;resize: none; width:100%;  background: transparent; border: 0 none; outline: 0 none; color: #777777;}
.formStyled label{border: 1px solid #cccccc;margin: 4px 5px;width: 390px;display: block;float: left; height: 20px;background: #FFFFFF; border-radius: 3px; padding: 10px; overflow: hidden;}
.formStyled label[for=Cidade]{border: 1px solid #cccccc;margin: 5px 0 5px 5px;width: 300px;display: block;float: left; height: 20px;background: #FFFFFF; border-radius: 3px; padding: 10px; overflow: hidden;}
.formStyled label[for=UF]{border: 1px solid #cccccc;margin: 5px;width: 60px;display: block;float: right; height: 20px;background: #FFFFFF; border-radius: 3px; padding: 10px; overflow: hidden;}
.formStyled label[for=Mensagem]{border: 1px solid #cccccc;margin: 5px;width: 390px;display: block;float: right; height: 170px;background: #FFFFFF; border-radius: 3px; padding: 10px; overflow: hidden;}
.formStyled input[type=submit]{ cursor: pointer; margin: 5px; width: 25%; display: block; position: relative; z-index: 900; float: right; border: none; border-radius: 5px; background: #223D3C; color: #FFFFFF;padding: 10px 0;}
.formStyled textarea{height: 100%;}
.formStyled div.CommandGroup {width: 100%; height: 60px; position: relative;}
.formStyled div.progress {width: 70%; text-align: center; position: absolute; left: 0; top: 0; display: none;}
.formStyled div.progress img {margin: 10px 0;}
legend { color: #223D3C !important; }

div#busca{ width: 900px; margin: 35px auto 0 auto; height: 135px;}
p.TitBuscaImoveis { font-family: ostrich_sansmedium, sans-serif; width: 25%; float: left; font-size: 50px; color: #cccccc; text-align: left; line-height: 50px; }
.ctn-input  { width: 25%; padding-right: 8px; padding-bottom: 8px; box-sizing: border-box; float: left; }
p.TitBuscaImoveis img{ display: block; float: right; margin-top: 15px;}
form.BuscaImovel { width: 75%; height: 76px; float: left; }
form.BuscaImovel label{ background: #FCFCFC; border-radius: 4px; width: 100%; line-height: 36px; display: block; border: 1px solid #BDC3C7; padding-left: 8px;}
form.BuscaImovel #codigo{ margin-right: 0}
form.BuscaImovel input[type=text], form.BuscaImovel select {font-family: arial, sans-serif; font-size: 12px; resize: none; width: 98%; background: #FCFCFC; border: 0 none; outline: 0 none; color: #878787;}
input.SubmitBuscaImovel {  width: 100%; height: 38px; background: #223D3C; border-radius: 4px;border: none; cursor: pointer; font-family: arial,sans-serif; font-size: 14px; font-weight: bold; color: #F7F7F7; float: left;}

/* footer -----------------------------*/

footer { width: 100%; margin: 65px auto 0 auto; }
address{ padding: 40px 0; width: 90%; position: relative; margin: auto; top: 40%; transform: translateY(-40%); }
section.CorpoFooter { width: 100%; min-height: 400px; margin: 0 auto;}
.box-sobre  { background: url('../img/_layout/fundo_sobre.png') #223D3C center center no-repeat; background-size: cover; }
div.rodape { padding: 20px 0 0 5px; float: left; line-height: 105px; margin-right: 40px;}

.ctn-img-sob    { float: left; padding-top: 35px; padding-bottom: 50px; box-sizing: border-box; height: 400px; width: 25%; }
.back-img       { position: relative; width: 100%; height: 100%; background: url('../img/_layout/fundo_img.png') center center no-repeat; background-size: contain;  }
.ctn-textos-sob    { float: left; padding-left: 5px; box-sizing: border-box; height: 100%; width: 75%; }
.itens-sob  { margin-top: 40px; width: 100%; }
.item-sob   { height: 45px; margin-left: 10px; line-height: 45px; float: left; padding-left: 42px; color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
.item-sob:first-child   { margin-left: 0px; }
.img-sob    { position: absolute; right: 45px; top: 20px; width: 185px; height: 185px; background: url('../img/_layout/logo.png') center center no-repeat; border-radius: 50%; background-size: 65%; }

div.address_footer{ position: relative; display: block; margin-left: 8px; line-height: 40px; text-align: center; float: left; font-family: arial, sans-serif; font-weight: bold; font-style: normal; font-size: 15px; color: #444444;}
div.rodape img{ display: block; float: left;}
img#foto_rodape{ margin-top: -33px; float: right;}
div#rod{ width: 100%; height: 80px; background: #223D3C; }
div#copiryght{ position: relative; width: 100%; height: 80px; margin: 0 auto;}
div.final{ padding: 2px; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 36px; float: left; background: #52B6F6; border-radius: 4px; margin: 10px 10px 0 0; color: #FFFFFF;}
div.final a{ text-decoration: none; color: #FFFFFF;}
div#painel{ padding: 0 13px; background: #2B8FCF; border-radius: 0 4px 4px 0; height: 34px; float: left;}
div#webmail{ padding: 0 13px; background: #2B8FCF; border-radius: 0 4px 4px 0; height: 34px; float: left;}
div.imgp{ width: 38px; height: 36px; float: left; background: url("../img/painel.png") 50% 50% no-repeat;}
div.imgw{ width: 38px; height: 36px; float: left; background: url("../img/email2.png") 50% 50% no-repeat;}
.tx-copyr, .tx-copyr-r { position: relative; float: right; font-family: arial, sans-serif; font-size: 13px; width: 100%; text-align: center; line-height: 80px; margin: 0; color: white;}

.title-sob  { width: 100%; margin-top: 100px; margin-bottom: 15px; color: white; font-family: ostrich_sansmedium, sans-serif; font-size: 40px; }
.text-sob   { font-family: Arial, sans-serif; font-size: 13px; color: white; }

.wpp-fone   { float: left; }
.wpp-box    { width: 200px; position: absolute; bottom: -40px; left: 0px; }
.wpp-ic     { margin-right: 10px; position: relative; border-radius: 50%; float: left; width: 40px; height: 40px; background: #223D3C; background-size: contain; }
.fa-whatsapp    { font-size: 26px; width: 100%; text-align: center; position: relative; top: 50%; transform: translateY(-50%); color: white; }

.imogolden_logo { position: absolute; width: 25px; left: 30%; height: 25px; background-size: contain; }

section.Container-conteudo { margin-left: 50px; width: 835px; float: left; text-align: left; }

aside.LeftColumn { width: 215px; height: auto; float: left;}
.br-l   { min-width: 100%; }

/* Coluna Esquerda ----------------- */
nav.MenuImovel { width: 215px; height: auto;}
div.imo{  margin-bottom: 11px; width: 100%; display: block; text-align: center;  background-image: url('../img/_layout/seta_n.png'); background-repeat: no-repeat; background-size: 4%; background-position: 22px 50%; transition: 0.3s; height: 50px; border-radius: 4px; background-color: #F6F5F3;}
div.imo:hover{ cursor: pointer; background-image: url('../img/_layout/seta_h.png'); background-color: #223D3C; transition: 0.5s; }
a.LinkMenuImovel { transition: color 0.5s; width: 100%; display: block; text-decoration: none !important; line-height: 50px; font-family: arial,sans-serif; font-size: 13px; color: #777777; border-radius: 4px; }
a.LinkMenuImovel:hover { color: white; transition: color 0.5s; }
div.tipo{ margin-left: 45px; text-align: left; }
div.opcao { width: 100%; height: 225px; margin-top: 50px; text-align: center;}
div.opcao img{ margin-top: 15px;}
div.fale { width: 100%; margin-top: 20px; height: 205px; text-align: center;}
div.fale img{ margin-top: 20px;}
div.cadastre { width: 100%; margin-top: 20px; height: 220px; text-align: center;}
div.cadastre img{ margin-top: 30px; margin-left: auto; margin-right: auto; }
.Btn-Menu-Esq{ margin-top: 20px; width: 100% !important; display: block; text-decoration: none !important; line-height: 50px; height: 50px; background-color: #223D3C; border-radius: 4px; cursor: pointer; font-family: arial,sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF;}
.ctn-img    { width: 100%; }
.ctn-img img   { margin-left: auto; margin-right: auto; }
.TitFinanciamento   { color: #535353; font-family: Arial, sans-serif; text-align: center; font-size: 16px; line-height: 25px; font-weight: bold; }
.LinkFinanciamento img:hover  { transform: scale(1.2); transition: 0.4s; }
.LinkFinanciamento img        { transition: 0.3s; }
.simuladores    { margin-top: 50px; }
/* Home ---------------------------------------------*/
p.TitVendasDestaque {text-align: left; margin-bottom: 15px; font-family: ostrich_sansmedium,sans-serif; margin-top: 0 !important; font-size: 40px; color: #A9ABAD; line-height: 32px; }
p.TitVendasDestaque img{ display: block; float: right; margin-top: 15px;}
article.ListaImoveis {width: 100%; height: auto;}
article.ListaImovel {width: 900px; height: auto;}
a.BlocoImovel { color: #636363; width: 240px; height: 330px; transition: 0.3s; margin: 0 35px 40px 0; float: left; text-decoration: none; display: block; border-radius: 5px; overflow: hidden; background: #FFFFFF;}


.over-prod  { position: absolute; bottom: -100%; z-index: 4; width: 100%; height: 100%; background: #264443de; }
.img-mais   { position: relative; width: 54px; height: 54px; background: url('../img/_layout/mais_ic.png') center center no-repeat; background-size: contain; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto;  }
.cod-prod   { position: absolute; padding-left: 8px; padding-right: 8px; box-sizing: border-box; z-index: 5; right: 0; min-width: 80px; height: 30px; line-height: 30px; background: #F4F5F6; border-bottom-left-radius: 20px; }



div.QuadroImgImovel { position: relative; background: #B7B7B7; width: 100%; height: 58%; border-radius: 3px; overflow: hidden; margin: 5px 0 5px 0; text-align: center;}
img.FotoImovel {max-width: 200px; max-height: 155px;}
p.TipoImovel { height: 21px; font-family: arial ,sans-serif; font-weight: normal; font-size: 13px; color: #636363; text-align: left; margin: 15px 0 10px 0;}
p.LocImovel { height: 17px; overflow: hidden; display: block; font-family: arial,sans-serif; font-weight: bold; font-size: 13px; color: #555555; text-align: left; margin: 0 0 10px 0}
p.InfosImovel {height: 21px; font-family: arial,sans-serif; font-weight: normal; font-size: 13px; color: #545454; text-align: left; margin-bottom: 0 !important; margin-top: 8px !important;}
p.CodImovel { line-height: 23px; height: 19px; background: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; font-weight: normal; color: #636363; float: right; text-align: center; margin: 8px 9px 0 0;}

/* Imovel ------------------------------------------*/
div.BannerImovel{background: transparent; float: left; width: 50%; height: 400px; overflow: hidden;}
img.FotoPrincipal {max-width: 100%; max-height: 400px;}
div.MaisFotos {background: transparent; overflow-y: hidden; float: right; width: 50%; height: 400px;}
a.BlocoFoto {width: 130px; height: 96px; margin: 3px; overflow: hidden; display: block; float: left; position: relative; background: #B7B7B7;}
a.BlocoFoto img {max-width: 130px; max-height: 96px; display: block; }
div.InfosImovel {width: 900px; height: auto; margin: 10px 0 0 0; clear: both;}
div.InfosLeft { width: 350px;}
div.InfosLeft p{ display: block; height: 19px;}
div.InfosRight { width: auto; height: 64px; float: left; margin-top: 20px; border: 1px solid #F0F0F0; box-shadow: 2px 3px 0 #F0F0F0; }
p.InfosBase {font-family: arial,sans-serif; font-size: 14px; color: #a2a2a2; line-height: 170%;}
p.InfosLocImovel {padding: 0 0 0 30px; height: 35px; background: url("../img/locate.png") no-repeat 0 0; font-family: arial,sans-serif; font-size: 14px; color: #a2a2a2; text-align: left;}
p.InfosAreaImovel {padding: 0 0 0 30px; height: 35px; background: url("../img/dimensoes.png") no-repeat 0 0; font-family: arial,sans-serif; font-size: 14px; color: #a2a2a2; text-align: left;}
h3.TitCaract { margin: 15px 0; text-align: left; font-family: arial,sans-serif; font-size: 24px; color: #a2a2a2;}
div.InfosLeft p, div.TextImovel {color: #666666; font-family: arial,sans-serif; font-size: 14px;}
div.TextImovel { width: 900px; text-align: justify; }
p.ValorImovel { line-height: 23px; float: left; font-family: arial,sans-serif; font-weight: bold; margin-top: 8px !important; font-size: 18px; color: #444444;}
p.ValorImo { clear: both; margin: 10px 0; text-align: left; font-family: arial,sans-serif; font-size: 24px; color: #a2a2a2;}
.backbutton{ float: right; margin: 0 65px 5px 3px; font-family: arial,sans-serif; font-size: 22px; color: #223D3C; line-height: 32px; font-weight: bold; cursor: pointer;}
.backbutton:hover{ color: #223D3C;}
a.FlatIcons {width: 100%; text-decoration: none; font-family: Arial, sans-serif; line-height: 64px; color: #666666; height: 64px; margin: 0 2px; display: block; }
a.FlatIcons p {font-family: Arial, sans-serif; line-height: 25px; padding-left: 20px; font-size: 15px; font-weight: bold; color: #666666; display: block; float: left;}
a.FlatIcons:hover {background-position-y: -64px;}
.fa { float: left; clear: left; }
.item-bann  { width: 100%; height: 280px; background-size: cover !important; }
.QuemSomos div span { text-align: justify; font-size: 14px; color: #7d7d7d; }
.QuemSomos  { color: #777777; font-family: Arial, sans-serif; font-size: 14px; text-align: justify; }

.lupa-ic { display: none; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);  width: 45px; height: 45px; background: url('../img/_layout/lupa_icon.png') no-repeat; background-size: contain; float: right; }

.ctn-banner    { background: #F8F2F2; padding: 30px 0 30px 0; }
.banner { width: 100%; height: 505px; background: #F6F5F3; }
.wrap-banner-img    { outline: none !important; width: 62%; height: 100%; float: left; padding-right: 4px; }
.wrap-banner-textos { outline: none !important; width: 38%; height: 100%; float: left; background: white; }
.box-banner-textos  { outline: none !important; width: 100%; height: 164px !important; padding: 30px; box-sizing: border-box; background: #223D3C; margin: 2px 0; transition: 0.3s; -webit-transition: 0.3s; }
.box-banner-textos:hover    { cursor: pointer; background: #264443de; transition: 0.3s; -webit-transition: 0.3s; }
.box-banner-img { display: block; cursor: pointer; outline: none !important; width: 100%; height: 100%; background: red; }

.slick-current  { background: white; }
.slick-current .title-banner, .slick-current .texto-banner  { color: #3d3d3d !important; }

.title-banner   { font-family: Arial, sans-serif; font-size: 16px; color: white; }
.texto-banner   { font-family: Arial, sans-serif; font-size: 14px; color: white; }

.slick-list, .slick-track  { height: 100% !important; }

/************ Paginação **********************/
.item-pag       { width: 30px; height: 30px; margin-left: 10px; margin-top: 10px; float: right; border: 1px solid #223D3C; border-radius: 2px;
    font-size: 16px; text-align: center; color: #223D3C; line-height: 30px;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.item-pag:hover { border-color: #223D3C; !important; background-color: #223D3C; color: white;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.item-pag-active { border-color: #223D3C; !important; background-color: #223D3C; color: white;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.text-n-p   {
    font-family: Arial, sans-serif;
    float: right;
    padding-left: 5px;
    line-height: 32px;
    font-size: 13px;
    margin-top: 10px;
    color: #223D3C;
    text-decoration: none;
}
.text-n-p:hover { text-decoration: none; color: #223D3C; text-shadow: 0px 0px 3px #223D3C; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }

.hamb-container         { position: relative; cursor: pointer; top: 50%; padding-left: 0 !important; transform: translateY(-50%); padding: 10px; display: block; margin: auto; width: 100%; float: left; }
.hamb-line              { width: 100%; display: block; border-radius: 1px; height: 4px; margin: 0 0 6px 0; transition: width 0.3s; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; background: #3d3d3d; }
.hamb-line:last-child   { margin-bottom: 0; }
.hamb-wrapper           { display: none; width: 35px; height: 100%; float: left; margin-right: 20px !important;  }
/*.men-opened             { padding: 15px; background: #BC9C91; }*/
.overlay    { display: none; background: rgba(0, 0, 0, 0.5); display: none; width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 989; }
.hamb-line-ativo        { width: 60% !important; transition: width 0.4s; -webkit-transition: width 0.4s; -moz-transition: width 0.4s; -ms-transition: width 0.4s; }
.close-bsc  { display: none;  cursor: pointer; float: right; width: 25px; height: 25px; background: url('../img/_layout/close_bsc_ic.png') center no-repeat; background-size: contain; }
.bsc-open   { display: block !important; }
.ctn-men-lat-res    { position: fixed; overflow-y: scroll; left: -125%; bottom: 0; z-index: 990; width: 100%; height: 100%; background: #A9ABAE; }
#block-header { position: absolute; top: 0; width: 100%; z-index: 991; background-size: cover; }

.item-men-l         { display: block; padding-left: 20px; border-top: 1px solid #C9CBCF; border-bottom: 1px solid #929396; line-height: 50px; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: white; transition: 0.3s; -webkit-trasition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; }
.item-men-l:hover   { background: #C9CBCF; transition: 0.5s; -webkit-trasition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; }

.item-cat-l         { display: block; padding-left: 20px; border-top: 1px solid #C9CBCF; border-bottom: 1px solid #929396; line-height: 50px; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: white; transition: 0.3s; -webkit-trasition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; }
.item-cat-l:hover   { background: #C9CBCF; transition: 0.5s; -webkit-trasition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; }

.cat-title-l        { display: block; margin: 0 !important; padding: 5px 0 5px 20px; line-height: 50px; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: white; background: #223D3C; transition: 0.3s; -webkit-trasition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; }
.ctn-men-lat-res .ctn-img { text-align: center; }
.ctn-men-lat-res .Btn-Menu-Esq { width: 85% !important; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
.ctn-men-lat-res .TitFinanciamento { color: white; padding-left: 25px; }
.ctn-men-lat-res .link { padding: 0 0 25px 25px ; }
.infos-right    { margin-top: 30px; }
.fone-box   { height: 100px; position: relative; top: 48%; transform: translateY(-50%); float: right; }
#busca-ctn { height: 200px; background: #F6F5F3; }
.l-busc { box-sizing: border-box; }

.men-fixed { position: fixed !important; padding-top: 0; background: white !important; box-shadow: 0px 0px 11.5px 2.5px rgba(0,0,0,0.1); }
.men-fixed .header-top  { height: 100px !important; transition: height 0.4s; -webkit-trasition: height 0.4s; -o-transition: height 0.4s; -moz-transition: height 0.4s;}
.men-fixed .logo  { width: 155px !important; background: url('../img/_layout/logo_icone.png') center no-repeat; background-size: contain;
    height: 100px !important; transition: width,height 0.4s; -webkit-trasition: width,height 0.4s; -o-transition: width,height 0.4s; -moz-transition: height 0.4s; }

.header-bann .slick-list { height: 100%; }
.header-bann .slick-list .slick-track{ height: 100%; }

.group-3    { margin: auto; }
.group-3  .BlocoImovel { margin-left: 0 !important; }
.group-3  .BlocoImovel:last-child { margin-right: 0 !important; }

.group-2  .BlocoImovel:first-child  { margin-left: 0 !important; }
.group-2  .BlocoImovel:last-child  { margin-left: 0 !important; }


@media (min-width: 1100px) {

    /*a.BlocoImovel:first-child{ margin-left: 0 !important; }*/
    a.BlocoImovel:nth-of-type(3n+0){ margin-right: 0 !important; }

}

@media (max-width: 1024px) {

    .hamb-wrapper   { display: block; }
    .header-top { height: 160px; }
    #busca-ctn  { display: none; }
    .container { width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
    .menu-box   { display: none; }
    .fone-box   { float: right; }
    .l-busc     { width: 100% !important; }
    .SubmitBuscaImovel  { width: 100% !important; }
    .LeftColumn { display: none; }
    .Container-conteudo { margin: 0 !important; width: 100% !important; }
    .ListaImoveis   { width: 100% !important; }
    .TitVendasDestaque  { text-align: center !important; }
    .lupa-ic    { display: block; margin-right: 25px; }
    .close-bsc  { display: block; }
    .imogolden_logo { left: 25%;}
    /*#block-header   { position: fixed !important; right: 0; box-shadow: 0 3px 4px 0.5px rgba(0,0,0,0.1); width: 100%; top: 0; }*/
    /*.header-bann    { margin-top: 160px; }*/
    .espc   { height: 160px; }

    .g-1, .g-2    { display: none !important; }
    .g-3    { display: block !important; width: 825px !important; margin: auto; float: none; }

    .close-bsc      { display: block; }
    .img-sob        { position: relative; margin: 0 auto; right: 0; left: 0; }
    .ctn-img-sob    { width: 100%; padding-bottom: 0; height: 300px; }
    .ctn-textos-sob { padding-left: 25px; padding-right: 25px; width: 100%; margin-bottom: 45px; }
    /*.back-img       { background: none; }*/
    .img-sob    { top: 0px; }
    .title-sob      { margin-top: 0 !important; }
    /* bsc */
    #busca-ctn  { position: fixed !important; width: 100%; overflow-y: scroll; z-index: 999; top: 0; height: 100% !important; background: url('../img/_layout/fundo_sobre.png') white center center no-repeat; background-size: cover; }
    #busca-ctn > .container  { overflow-y: scroll; overflow-x: hidden; height: 500px !important; top: 0; transform: none; padding: 0 20px 0 20px; }

    .TitBuscaImoveis    { width: 100% !important; margin-bottom: 35px !important; float: none; text-align: center }
    .BuscaImovel        { transform: none; top: 0; width: 100% !important; float: none; }
    .ctn-input          { width: 100%; }

    .backbutton { margin-right: 0 !important; }
    .espc   { height: 15px; }

    .logo-box   { margin: auto; float: none; }
    #block-header .logo { margin: 0 auto; }
}

@media (max-width: 945px) {
    .MaisFotos  { width: 90% !important; padding-top: 30px; float: none !important; }

}

@media (max-width: 870px) {

    .ctn-banner { display: none !important; }
    .item-sob   { width: 100%; margin-left: 0; margin-bottom: 5px; }

    .g-1, .g-3    { display: none !important; }
    .g-2    { display: block !important; width: 100% !important; float: none; margin: auto; }

}

@media (max-width: 768px) {

    .header-top { height: 120px; }
    /*.ctn-men-lat-res { bottom: -145px; }*/
    .container { width: 680px; }
    .rodape     { width: 100%; }
    .fone-box   { display: none !important; }
    #rod        { margin-top: 135px !important; }
    .MaisFotos  { width: 90% !important; padding-top: 30px; float: none !important; }
    .espc   { height: 18px; }
    .InfosLeft  { width: 100% !important; }
    .InfosImovel  { width: 100% !important; }
    .ListaImovel  { width: 100% !important; }
    .TextImovel  { width: 100% !important; }
    div.BannerImovel    { height: auto !important; width: 100% !important; }
    .imogolden_logo { left: 18%; }
    .FotoPrincipal  { width: 100% !important; margin-top: 20px !important; margin-left: 0 !important; box-sizing: border-box; }

    .box-galeria-res    { display: block !important; }
    .box-galeria    { display: none; }
}

@media (max-width: 640px) {

    .header-top { height: 100px; }
    /*.ctn-men-lat-res { bottom: -125px; }*/
    .container { width: 500px; }
    .l-busc { display: inline-block;  width: 100% !important; }
    .SubmitBuscaImovel  { width: 100% !important; }
    .header-bann   { display: none; }
    .logo-box   { width: 40% !important; }
    .lupa-ic    { margin: 0 !important; }
    .header-top { margin-top: 16px; }
    .espc   { height: 100px; }
    .imogolden_logo { left: 8%; }
    .wrpp-gal_maior { height: 345px !important; }

}
@media (max-width: 480px) {

    .header-top { height: 80px; }
    /*.ctn-men-lat-res { bottom: -105px; }*/
    .FotoPrincipal  { margin-left: 0 !important; }
    .container { width: 350px; }
    .BlocoImovel    { /*margin-left: 10% !important; margin-right: 10% !important;*/ width: 100% !important; height: 300px !important; }
    .logo-box   { width: 60% !important; }
    .header-top { margin-top: 10px; }
    .QuadroImgImovel    { width: 97% !important; }
    .espc   { height: 90px; }
    .imogolden_logo { left: -30px !important; }
    /*.ctn-men-lat-res    { width: 75% !important; }*/
    .imogolden_logo { display: none; }
    .wrpp-gal_maior { height: 210px !important; }
}

@media (max-width: 380px) {

    .BlocoFoto { float: none !important; margin: 6px auto auto auto !important; }
    .local-img  { display: none !important; }
    .tx-copyr   { font-size: 10px !important; }
    .address_footer { font-size: 12px !important; }
    .header-top { height: 60px; }
    /*.ctn-men-lat-res { bottom: -85px; }*/
    .espc   { height: 70px; }
    .container { width: 290px; }
    .lupa-ic    { width: 35px; height: 35px; margin: 0 !important; }
    .box-gal_menor  { display: none !important; }

}

.box-galeria-res    { display: none; margin-top: 20px !important;}
/* -------------------- Galeria Fullscreen -----------------*/
.fullscreen-box_gal { display: none; text-align: center; box-sizing: border-box; position: fixed; padding: 55px; z-index: 99999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); }
.content-gal    { height: 100%; position: relative; display: inline-block; margin: 0 auto; }
.content-gal .slick-track   { height: 100% !important; }

.arrow-left { display: block; text-align: center !important; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-left .fa { position: relative; color: white; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-left:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.arrow-right { display: block; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-right .fa { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-right:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.close-gal  { display: block;  position: absolute; cursor: pointer; top: 20px; right: 20px; width: 25px; height: 25px; background: rgba(0,0,0,0.1); }
.close-gal .fa { position: relative; color: white; font-size: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.close-gal:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }
/*----------- galeria options ----------*/
.box-options_gal    { padding: 8px 15px 8px 15px; border-radius: 4px; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); background: rgba(0,0,0,0.4); position: absolute; bottom: 50px; }
.text-options  { margin: 0 !important; color: white; font-size: 16px; text-align: center; }
.text-legenda   { margin-left: 10px; font-size: 12px; color: rgba(255,255,255,0.7); font-weight: 100; }
.btn-fullscreen_mode .fa { cursor: pointer; margin-left: 10px; color: white; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-fullscreen_mode .fa:hover { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; }

.box-galeria    { margin-top: 20px; width: 100%; box-sizing: border-box; }
.box-galeria_imovel    { display: inline-block; width: 100%; box-sizing: border-box; }
.wrpp-gal_maior { width: 100%; height: 445px; }
.img-gal_maior  { outline: none !important; width: 100%; height: 100%; }
.img-gal_menor  { outline: none !important; float: left; width: 157px; height: 100px !important; margin-left: 7.5px; margin-right: 7.5px; }
.img_img-gal_maior { display: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100%; }
.slick-list, .box-gal_maior .slick-track { height: 100% !important;  }
.container-gal_maio     { width: 100%; height: 100%; position: relative; }
.box-gal_maior  { width: 100%; height: 100%; background: gray }
.box-gal_menor  { width: 100%; box-sizing: border-box; padding-left: 50px; padding-right: 50px; margin-top: 20px; height: 25%; float: left; }


.ic-mp { background: url("../img/_layout/monacoprime_logo.png") center center no-repeat; background-size: contain; transform: translateY(25%); width: 20px; height: 20px; display: inline-block; margin-left: 5px; }


.pv-cookie-box {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: auto;
    padding: 16px 0;
    bottom: 0;
    left: 0;
    transition: .3s;
    background: #223D3C;
    opacity: 1;
    transform: translateY(0);
    font-size: .9rem;
    font-family: Arial, Helvetica, sans-serif;
}
.pv-cookie-box .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.pv-cookie-box.hide {
       opacity: 0;
       transform: translateY(150%);   
       transition: .3s;
    }
.pv-cookie-box .pv-text {
    color: white;
    font-size: .9rem;
}
.pv-cookie-box a {
        color: white;
        font-weight: bold;
}
.pv-cookie-box a:hover {
    opacity: .7;
    transition: .3s;
}
.pv-cookie-box .pv-btn {
    color: white;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    transition: .3s;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
}
.pv-cookie-box .pv-btn i {
    display: inline-block;
    margin-right: 10px;
}
.pv-cookie-box .pv-btn:hover {
    opacity: .75;
    transition: .3s;
}

@media (max-width: 480px) {
    .pv-cookie-box .container {
        flex-direction: column;
        justify-content: center;
    }
}

/* ------------------- float button ------------------------- */
.ctn-float-btn, .ctn-float-btn-whats  { display: none; position: fixed; bottom: 30px; z-index: 11; right: 30px; width: 50px; height: 50px; }
.ctn-float-btn-whats { display: block !important; bottom: 95px; }
.float-btn  {
    transition: 0.3s; position: relative; background: #1E78B4; border-radius: 50%; cursor: pointer; width: 100%; height: 100%; text-align: center; line-height: 45px; z-index: 11; color: white; font-size: 20px; }
.float-btn:hover  { transition: 0.3s; background: #1E78B4; border-color: #1E78B4; color: white; }

.float-btn-whats  { display: block;
    transition: 0.3s; position: relative; background: #2DE779; border-radius: 50%; cursor: pointer; width: 100%; height: 100%; text-align: center; line-height: 45px; z-index: 11; color: white; font-size: 26px; }
.float-btn-whats:hover  { transition: 0.3s; background: #29a854; border-color: #29a854; color: white; }