/*-----------------------------------------------------------------------------------------------------
    Default
------------------------------------------------------------------------------------------------------*/

html{
    scroll-behavior: smooth;
}

body {
    font: 16px 'Open Sans', sans-serif;
    color: #555;
    background: #FFF;
    line-height: 26px;
    letter-spacing: 0px;
    overflow-x: hidden;
}

input, textarea, button {color: #000; }

a{ color: #000; text-decoration: none; transition: all 0.2s linear; }
a:hover{ color: inherit; }
strong{ color: inherit; }

h1{ font-weight: normal; font-size: 30px; line-height: 40px; color: #091e40; margin: 20px 0; letter-spacing: 1px; }
h2{ font-weight: normal; font-size: 30px; line-height: 40px; color: #091e40; margin: 20px 0; letter-spacing: 1px; }

h3{ font-size: 19px; line-height: 32px; letter-spacing: 0px; margin: 5px 0; }

h4{ font-weight: normal; font-size: 30px; line-height: 34px; color: #8cbd45; margin-bottom: 10px; }
h5{ font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: 600; }

ul{list-style-type: none;}

hr{ border: none; border-bottom: 1px solid #a7a7a7; width: 100%; margin: 10px 0; position: relative; }
hr.light{ border-color: #CCC; }

/*-----------------------------------------------------------------------------------------------------
    Classes
------------------------------------------------------------------------------------------------------*/

.wrap { max-width: 1280px; margin: auto; }

/*@media only screen and (min-width: 1280px) {
    .wrap { max-width: 1200px; }    
}*/

.wrap.menor { width: 800px; }
.wrap.medium { width: 870px; }
.wrap:before, .wrap:after { content: " "; display: table; }
.wrap:after{ clear: both;}

.corVerde{ color: #9dbf51; }

.floatL{ float: left; }
.floatR{ float: right; }
.clear { clear: both; }

.z-0{ z-index: 0; }
.z-1{ z-index: 1; }

.bg-cinza{ background: #f5f5f5; }

.linha-x{ border-top: 1px solid #eee; margin: 60px 0; }
.relative{ position: relative; }
.is-relative{ position: relative; }
.is-uppercase{ text-transform: uppercase; }

/*-----------------------------------------------------------------------------------------------------
    Layout
------------------------------------------------------------------------------------------------------*/

section{ padding: 90px 0; }

header{ transition: all .3s linear; height: 90px; width: 100%; position: absolute; top: 0; left: 0; z-index: 101; }
header .nav { padding: 0; background: none; }
header .nav-item{ margin: 19px 15px 23px; padding: 6px 0 2px; font-size: 15px; color: #091e40; letter-spacing: 0.5px; 
    transition: all 0.2s linear; position: relative; }
header a.nav-item:hover{ color: #ca5b29; }
header a.nav-item:hover:after{ top: -19px; }
header .nav-item.current{ color: #ca5b29; font-weight: 700; }

header .logo{ width: 206px; height: 32px; background: url(../img/lotisa-light.png); background-size: cover; 
    display: block; text-indent:-9999px; position: relative; 
    margin: 40px 0 0 120px; padding: 0; }

header .social i{ color: #ca5b29; font-size: 17px; margin-right: 8px; transition: all 0.2s linear; }
header .social a:hover i{ color: #FFF; }


header.page-sub{
    background: #FFF;
    position: relative;
    height: 118px;
    border-bottom: 1px solid #ced2d9;
}

header.page-sub .logo{
    background-image: url(../img/lotisa-logo.png);
}

header.page-sub .nav-right a{
    border-color: #091e40;
    color: #091e40;
}



.nav-left{ overflow: inherit; }
.nav-right{ 
    margin: 45px 60px 0 0; 
}
.nav-right a{ 
    border: 1px solid #FFF; 
    color: #FFF; 
    opacity: 0.8; 
    font-size: 12px; 
    padding: 6px 19px 6px 20px; 
    font-weight: 700;
    letter-spacing: 1px;
}
.nav-right a:hover{ opacity: 1; background: #FFF; color: #ca5b29; }
.nav-right a img{
    transform: translateY(4px);
    margin-right: 5px;
}




.barra-lateral{
    z-index: 250;
    background: #FFF;
    width: 67px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    border-right: 1px solid #EEE;
}

.barra-lateral .burger{
    margin: 47px 0 0 20px;
    cursor: pointer;
    display: none;
}
.barra-lateral .burger.is-active{ display: block; }

.barra-lateral .menu-close{
    margin: 47px 0 0 20px;
    cursor: pointer;
    display: none;
}

.barra-lateral .menu-close.is-active{ display: block; }


.barra-lateral .links-bottom{
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
}

.barra-lateral .links-bottom a{
    display: block;
    height: 70px;
    text-align: center;
    line-height: 89px;
    transition: all 0.2s linear;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

.barra-lateral .links-bottom .label-link{
    position: absolute;
    left: -65px;
    top: 0;
    height: 100%;
    width: 130px;
    z-index: 0;
    opacity: 0;

    background: #93c94d;
    padding-top: 19px;
    border-radius: 0 40px 40px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    color: #091e40;
    transition: all 0.5s cubic-bezier(0.77,0,.175,1);
}

.barra-lateral .links-bottom .label-link.is-active{
    left: 100%;
    opacity: 1;
}

.barra-lateral .links-bottom a:hover{ background: #93c94d; }

.barra-lateral .links-bottom a.is-green{
    line-height: 96px;
    background: #93c94d;
    z-index: 1;
    position: relative;
}


/* ESTILIZAR A BARRA DE ROLAGEM  */

::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar-track{background: #EEE; border-radius:10px}
::-webkit-scrollbar-thumb{background: #c1bfba; border-radius:10px}



.menu-lateral{
    z-index: 240;
    background: #FFF;
    width: 440px;
    position: fixed;
    top: 0;
    left: -440px;
    height: 100vh;
    transition: all 0.8s cubic-bezier(0.25,.1,.1,1);
    box-shadow: 0 0 70px -20px rgba(0,0,0,0.3);
    overflow-y: auto;
}

.menu-lateral.is-active{
    left: 68px;
}

.menu-lateral .menu-main{
    padding: 2vh 0 4vh 80px;
    letter-spacing: 0.5px;
}

.menu-lateral a{ display: block; }

.menu-lateral .menu-main a{ margin-top: 3vh; color: #091e40; font-size: 18px; }
.menu-lateral .menu-main a:hover{ color: #ca5b29; }
.menu-lateral .menu-main a.is-active{ color: #ca5b29; font-weight: 700; }

.menu-lateral .menu-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #c6d1e4;
    background: #091e40;
    padding: 5vh 60px 5vh 80px;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.menu-lateral .menu-footer a img{ margin-right: 17px; transform: translateY(9px); }
.menu-lateral .menu-footer a{ color: #c6d1e4; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; }
.menu-lateral .menu-footer a:hover{ color: #FFF; }
.menu-lateral .menu-footer hr{ margin: 2vh 0; opacity: 0.4; }
.menu-lateral .menu-footer .redes-sociais a{ display: inline-block; }
.menu-lateral .menu-footer .redes-sociais i{
    font-size: 23px;
    margin-right: 15px;
}





/* SLIDE TOPO */
.container_slide{ position: relative; margin-top: 0px; }
.cycle-slideshow li{ width: 100%; height: 100vh; background-position: center center; background-size: cover; }
.container_slide a{cursor: inherit;}

.container_slide .cycle-prev, .container_slide .cycle-next{ position: absolute; top: 46%; width: 30px; height:54px; background-size: cover; 
    z-index: 120; cursor: pointer;
  opacity: 1; transition: all 0.2s linear;
}
.container_slide .cycle-prev:hover, .container_slide .cycle-next:hover{ opacity: 1; }
.container_slide .cycle-prev{ background-image: url(../img/seta-esquerda-banner.png); left: 110px; }
.container_slide .cycle-next{ background-image: url(../img/seta-direita-banner.png); right: 110px; }

.container_slide .banner{ width: 100%; }

.container_slide a{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
}

.container_slide .text-banner{
    position: absolute;
    bottom: 120px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 80px;
    width: 100%;
}

.container_slide .text-banner h2{
    font-size: 54px;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 66px;
}

.container_slide .text-banner h3{
    font-size: 26px;
    color: #FFF;
    font-weight: 600;
    letter-spacing: 1px;
}

.container_slide .text-banner .botao{
    letter-spacing: 1.5px;
    border: 1px solid #FFF; 
    padding: 9px 45px;
    line-height: 29px;
    background: none;
}

.container_slide .text-banner .botao:hover{
    background: #FFF;
    color: #333;
}

.cycle-pager{ position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; z-index: 101; height: 23px; }
.cycle-pager span { display: inline-block; margin: 0 15px; font-size: 0px; height: 13px; width: 13px; border: 1px solid #FFF; 
    border-radius: 50%; cursor: pointer; opacity: 0.6; }
.cycle-pager .cycle-pager-active{ background: #FFF; }

.container_slide .degrade-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
}

.container_slide .degrade-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 360px;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
}


.container_slide.sub{ z-index: 0; height: auto; }
.container_slide.sub img{ display: block; }
.container_slide.sub .cycle-slideshow li{ height: 680px; }

.container_slide.pg-empreendimentos{ background: url(../img/bg-fale-corretor.jpg); height: 250px;}
.container_slide.pg-empreendimentos h1{ line-height: 250px; margin-top: 0; color: #a9d600; font-weight: 700; text-transform: uppercase;}





/* HOME */



/* EMPREENDIMENTOS */

.empreendimentos .bg-cinza{
    position: absolute;
    top: -80px;
    right: 50%;
    width: 960px;
    height: 740px;
    background: #f5f5f5;
}

.empreendimentos{ padding-top: 80px; font-size: 21px;  line-height: 26px; }
.empreendimentos .categoria-emp{ border-bottom: 1px solid #a7a7a7; }
.empreendimentos .categoria-emp .column{ padding: 15px 0 8px; }

.empreendimentos .categoria-emp a{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-bottom: 8px;
    color: #b4b4b4;
}
.empreendimentos .categoria-emp a.is-active{
    color: #3e3e3e;
    border-bottom: 2px solid #091e40;
}
.empreendimentos h3{ font-size: 18px; color: #6d6d6d; line-height: 28px; }

.empreendimentos .column{ padding: 14px; }
.empreendimentos .list-emp .column{ margin-bottom: 30px; }
.empreendimentos .emp-container-img{ position: relative; overflow: hidden; margin-bottom: 20px; }
.empreendimentos .emp-container-img a{ z-index: 50; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    transition: all 0.4s linear; color: #FFF; }
.empreendimentos .emp-container img{ display: block; transition: all 0.8s cubic-bezier(0.77,0,.175,1); }
.empreendimentos .emp-container .wrap-img{ overflow: hidden; z-index: 0; } 

.empreendimentos .emp-container .toptag {
    position: absolute; left: 20px; top: 20px; background: #ca5b29; z-index: 200; 
    font-size: 15px; padding: 3px 13px; color: #FFF; text-align: center; line-height: 28px; font-weight: 600; text-transform: uppercase;
}

.empreendimentos .sem-porc-vendido{
    position: absolute; left: 0; bottom: 75px; background: #ca5b29; z-index: 200; 
    font-size: 24px; padding: 8px 0; color: #FFF; text-align: center; line-height: 30px; font-weight: 600; width: 100%;
}

.empreendimentos .emp-container .lancamento{ background: #9cc304; font-size: 15px; font-weight: 600; display: inline-block; padding: 0 8px; 
    margin-bottom: 6px; } 
.empreendimentos .emp-container .emp-titulo{
    padding: 0; font-size: 30px; margin: 7px 0 11px; font-weight: 600; line-height: 30px; color: #ca5b29;
}
.empreendimentos .emp-container .ver-mais{ width: 90%; margin-top: 35px; border: 1px solid #ca5b29; font-weight: 600; text-align: center; 
    padding: 10px 0; 
    color: #ca5b29; font-size: 16px; }

.empreendimentos .emp-inf{ position: absolute; bottom: -50px; left: 22px; width: 99%; font-size: 19px; 
    transition: all 0.5s cubic-bezier(0.50,0,.175,1); }
.empreendimentos .emp-inf-out{
    font-size: 17px;
    margin-top: 10px;
}
.empreendimentos .emp-degrade{ position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; z-index: 48;
    background: linear-gradient(to bottom, rgba(17,27,54,0) 0%,rgba(17,27,54,.8) 100%);
    display: none; 
}
.empreendimentos .emp-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 48; background: rgba(17,27,54,.7); opacity: 0; 
    transition: all 0.3s linear }
.empreendimentos .emp-detalhes{ margin-top: 2px; font-weight: 600; }
.empreendimentos .emp-detalhes.cinza{ color: #7e7e7e; }
.empreendimentos .emp-detalhes .circle{ height: 11px; width: 11px; display: inline-block; margin-right: 10px; border-radius: 50%; background: #93c94d; }
.empreendimentos .emp-detalhes.disp{ font-size: 15px; }
.empreendimentos .emp-detalhes.disp.off{ color: #CCC; }
.empreendimentos .emp-detalhes.disp.off .circle{ background: #DDD; }

/*.empreendimentos .emp-detalhes img{ display: inline-block; margin-right: 6px; transform: translateY(3px);}*/



.empreendimentos .emp-container:hover a{ opacity: 1; }
.empreendimentos .emp-container:hover .emp-container-img .wrap-img img{ transform: scale(1.2); }
.empreendimentos .emp-container:hover .emp-inf{ bottom: 20px; }
.empreendimentos .emp-container:hover .emp-overlay{ opacity: 1; }



/* FILTRO EMPREENDIMENTOS */

.filtro-empreendimentos{ background: #f5f5f5; margin: 40px 0; padding: 20px; font-size: 21px; }
.filtro-empreendimentos select{
    width: 100%;
    font-family: 'Open Sans';
    font-size: 16px;
    padding: 12px 16px 11px;
    margin-bottom: 0;
    border-color: #CCC;
}




.section-depoimento{
    padding-top: 160px;
    padding-bottom: 80px;
    font-size: 20px;
    background: url(../img/bg-depoimento.jpg) center bottom no-repeat;
}

.section-depoimento p{ color: #9a9a9a; font-weight: 600; line-height: 34px; }

.section-depoimento h3{
    font-size: 26px;
    font-weight: 600;
    margin: 45px 0;
    color: #091e40;
}

.section-depoimento .aspas{ margin-top: 175px; }
.section-depoimento .aspas.right{ margin-top: 230px; }

.section-depoimento h4{
    color: #091e40;
    font-size: 70px;
    line-height: 54px;
    margin: 15px 0 0;
    font-family: 'Mrs Saint Delafield', cursive;
}

.section-depoimento small{ font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #9a9a9a; }
.section-depoimento .pessoa{ position: absolute; bottom: -70px; left: 30px; max-width: 266px; }






/*.portal-cliente{ height: 359px; padding: 80px 0; background: url(../img/bg-portal-cliente.jpg) center top; }
.portal-cliente h1{ color: #FFF; margin-bottom: 10px; }
.portal-cliente h2{ color: #FFF; margin-bottom: 15px; }*/


/*.fale-corretor{ padding: 180px 0; }
.fale-corretor h1{ color: #FFF; margin-bottom: 30px; margin-top: 0; }
.fale-corretor h2{ color: #FFF; margin-bottom: 15px; font-size: 22px; }
.fale-corretor input{ background: none; border: none; border-bottom: 1px solid #FFF; outline: none; color: #FFF; padding: 10px 0; width: 100%; margin-bottom: 15px;
font-family: 'Open Sans'; }
.fale-corretor textarea{ background: none; border: none; border-bottom: 1px solid #FFF; outline: none; color: #FFF; padding: 10px 0; width: 100%; margin-bottom: 15px;
font-family: 'Open Sans'; }*/

/*.fale-corretor input::-webkit-input-placeholder {color: #FFF;}
.fale-corretor input:-moz-placeholder {color: #FFF;}
.fale-corretor input::-moz-placeholder {color: #FFF;}
.fale-corretor input:-ms-input-placeholder {color: #FFF;}

.fale-corretor textarea::-webkit-input-placeholder {color: #FFF;}
.fale-corretor textarea:-moz-placeholder {color: #FFF;}
.fale-corretor textarea::-moz-placeholder {color: #FFF;}
.fale-corretor textarea:-ms-input-placeholder {color: #FFF;}*/



.sobre{ margin-top: 20px; }
.sobre .texto{ margin-top: 75px; padding: 40px 0 50px; font-size: 15px; color: #414042; letter-spacing: 0; line-height: 23px; }
.sobre small{ font-size: 13px; color: #8e8e8e; letter-spacing: 1px; font-weight: 700; }
.sobre h2{ font-size: 30px; letter-spacing: 0; margin: 0 0 28px; line-height: 41px; }
.sobre .bg{ background: #f5f5f5; width: 640px; position: absolute; top: 0; right: 0; height: 100%; }



.regiao{ padding: 85px 0 220px; position: relative; margin-top: 40px; margin-bottom: 100px; }
.regiao small{ font-size: 11px; color: #8e8e8e; letter-spacing: 1px; font-weight: 700; }
.regiao h2{ margin: 0 0 50px; line-height: 41px; }
.regiao .brava .bg{ max-width: 960px; position: absolute; top: 100px; left: 0; }
.regiao .itajai .bg{ max-width: 960px; position: absolute; top: 18px; right: 0; }
.regiao .info{ margin: 210px 0 0 100px; color: #FFF; font-size: 20px; letter-spacing: 1px; }
.regiao .botao.is-transparent{ color: #FFF; border-color: #FFF; margin-top: 20px; }
.regiao h4{ font-family: 'Mrs Saint Delafield', cursive; font-size: 100px; color: #FFF; margin: 0 0 20px 50px; }
.regiao .info.itajai { margin-left: 0; margin-right: 100px; }
.regiao .info.itajai h4{ margin-left: 0; margin-right: 10px; }
.regiao .info.itajai p{ margin-right: 125px; }
.regiao .bg-gray{ width: 1294px; height: 735px; background: #f5f5f5; position: absolute; top: 0; left: calc(50% - 335px); }




/* BLOG */

.blog{ background: #f5f5f5; }
.blog .column{ padding: 14px 45px; }

.blog .box-blog{
    background: #FFF;
    background: linear-gradient(0deg, #FFFFFF 75%, #F5F5F5 75%, #F5F5F5 100%);
    padding: 0 20px 25px;
}

.blog .box-blog figure{ overflow: hidden; }
.blog .box-blog a > figure > img{ display: block; transition: all 0.5s cubic-bezier(0.30,0,.175,1); }
.blog .box-blog a{ display: block; }
.blog .box-blog-inf{ padding: 30px 0 0; text-align: center; }
.blog .box-blog-inf h3{ color: #091e40; font-size: 23px; line-height: 30px; font-weight: 600; transition: all 0.2s linear; margin: 14px 0 20px; }
.blog .blog-data{ color: #8e8e8e; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.blog .box-blog .botao{ background: none; border: 1px solid #091e40; color: #091e40; font-size: 11px; font-weight: 700; 
    margin-top: 0; padding: 5px 35px 4px; }
.blog .blog-resumo{ font-size: 14px; line-height: 23px; height: 72px; overflow: hidden; color: #7e7e7e; }

.blog .box-blog a:hover .box-blog-inf h3{ color: #ca5b29; }
.blog .box-blog a:hover img { transform: scale(1.1); }
.blog .box-blog a:hover .botao { background: #091e40; color: #FFF; }

/*.blog .column:first-child{ transform: translateX(-15px); }
.blog .column:last-child{ transform: translateX(15px); }*/


/* PAGINA INTERNA DO BLOG */ 

.blog.page .box-blog{
    background: #FFF;
    background: linear-gradient(0deg, #FFFFFF 75%, #F5F5F5 75%, #F5F5F5 100%);
    padding: 0 20px 25px;
}

.blog.page .column{
    padding: 14px 25px;
}


/* POST */

.blog-page.post{
    padding-top: 40px;
}

.post h1 {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.post .blog-data{ color: #BBB; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }

.post .blog-content a{ color: #cc5f2f; }

.post h3 {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px; }

.blog-page.post .categorias
{
    margin-top: 100px;
}



.post #galeria{ margin-top: 20px; }
.post #galeria ul{ list-style-type: none; }
.post #galeria li{ float: left; margin-right: 10px; }

.post #galeria a{
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.post #galeria a .over {
    background: rgba(0,0,0,0.6);
    display: block;
    height: 204px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 230px;
    z-index: 10;
}

.post #galeria a .over span {
    color: #fff;
    display: block;
    font-size: 350%;
    height: 46px;
    width: 46px;
    left: 50%;
    line-height: 46px;
    margin: -23px 0 0 -23px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.post #galeria a:hover .over { opacity: 1; }





/* ------------------------|
|                          |
|           BLOG           |
|                          |
| -------------------------|
*/

.blog-page .list-categorias {
    font-size: 17px;
    border-left: 1px solid #cc5f2f;
    padding-left: 15px;
    margin: 25px 0;
    line-height: 20px;
    display: block;
    color: #565656;
}

.blog-page .list-categorias:hover {
    color: #a68236;
}

.blog-page .categorias {
    padding-left: 80px;
}

.blog-page .categorias h3{
    font-weight: 600;
    color: #cc5f2f;
    margin-bottom: 30px;
}

.blog-page .categorias form {
    padding: 30px 38px 33px;
    background: #f5f5f5;
    position: relative;
}

.blog-page .categorias .categorias-conteudo {
    padding: 28px 30px;
    border: 1px solid #cc5f2f;
}

.blog-page #busca {
    border: none;
    border-bottom: 1px solid #CCC;
    padding: 5px 25px 5px 0;
    background: none;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    outline: none;
    font-family: 'Open Sans';
}

.blog-page #bt_busca {
    position: absolute;
    top: 25px;
    right: 37px;
    margin-top: 5px;
    text-align: center;
    font-size: 20px;
    padding: 4px 2px 5px;
    background: none;
    color: #cc5f2f;
    border: 0;
    outline: none;
}

.blog-page #bt_busca .botao i {
    line-height: 37px;
    margin: 0;
}

.blog-page .ultimos-posts{
    background: #F5F5F5;
    padding: 30px 30px;
    margin-bottom: 30px;
}






/*
.newsletter{ background: url(../img/bg-fale-corretor.jpg) center top; padding: 50px 0; }
.newsletter h2{ color: #FFF; margin-bottom: 15px; font-size: 20px; }
.newsletter input{ background: none; border: none; border-bottom: 1px solid #FFF; outline: none; color: #FFF; padding: 10px 0; width: 100%; margin-top: 15px;
font-family: 'Open Sans'; }
.newsletter .botao{ padding: 14px 0 13px; width: 100%; }
.newsletter .botao:hover{ background-position: 210px; }

.newsletter input::-webkit-input-placeholder {color: #FFF;}
.newsletter input:-moz-placeholder {color: #FFF;}
.newsletter input::-moz-placeholder {color: #FFF;}
.newsletter input:-ms-input-placeholder {color: #FFF;}*/



/* BREADCRUMB */
.breadcrumb{ background: #f4f5ee; padding: 10px 0; color: #666c73; font-size: 14px; }
.breadcrumb i{ line-height: 26px; margin: 0 10px; }


/* EMPRESA */
.empresa{ font-size: 20px; line-height: 30px; }
.empresa h1{ color: #d95500; margin-bottom: 30px; }
.empresa h3{ color: #d95500; font-size: 36px; font-weight: 300; line-height: 46px; }

.empresa .box-cidade{
    position: absolute;
    right: 0;
    bottom: -470px;
    text-align: center;
    background: rgba(32,48,73,0.85);
    width: 470px;
    height: 470px;
    color: #FFF;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.empresa .box-cidade h2{
    margin-bottom: 30px;
    font-family: 'Mrs Saint Delafield', cursive;
    font-size: 72px;
    color: #FFF;
}

.empresa .ceo{
    color: #d95500;
    font-weight: 300;
}
.empresa .ceo div{
    color: #777;
    font-weight: 300;
}



/*.diferenciais h2{ font-size: 23px; line-height: 36px; font-weight: 600; color: #666c73; margin-top: 30px; }*/
.bg-white{ background: #FFF; }
.diferenciais .dif-itens{ background: #FFF; margin-top: 27px; padding-left: 20px; }
.diferenciais .dif-itens h3{ color: #d95500; font-size: 20px; font-weight: 400; margin-top: 4px; }
.diferenciais .dif-itens .column{ padding: 25px 15px; font-size: 20px; }
.diferenciais .dif-itens .texto{ padding: 10px 0 10px 55px; border-left: 1px solid #d95500; }


.mvv{
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 190px;
}
.mvv h3{ color: #d95500; font-size: 36px; font-weight: 300; margin-bottom: 50px; }
.mvv .img-simbolo{
    position: absolute;
    top: 45px;
    right: 15px;
    max-width: 859px;
}


/* CENTRAL DE VENDAS */

.central-vendas{
    background: #F5F5F5;
    background: linear-gradient(180deg, #F5F5F5 70%, #FFF 70%, #FFF 100%);
}

.central-vendas.nossos-consultores{
    padding-top: 20px;
    background: #FFF;
}

.central-vendas .consultores{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px !important;
}

.central-vendas .consultores strong{
    font-size: 18px;
    color: #d95500;
}

.central-vendas .consultores .box-consul{
    background: #f5f5f5;
    padding: 30px 30px 30px 25px;
    margin-right: 70px;
}

.central-vendas .frase{
    font-family: 'Mrs Saint Delafield', cursive;
    font-size: 60px;
    color: #d95500;
    text-align: center;
    margin-top: 65px;
}

.central-vendas .retangulo{
    position: absolute;
    top: 55px;
    right: calc(50% + 400px);
    background: #FFF;
    height: 225px;
    width: 700px;
    border: 1px solid #d95500;
}

.box-dados .dados a{
    background: #FFF !important;
}

.box-dados .dados a:hover{
    background: #091e40 !important;
}



/* REGIAO */

.section-regiao{
    background: #FFF;
    background: linear-gradient(180deg, #FFF 38%, #F5F5F5 38%, #F5F5F5 100%);
}

.section-regiao h2{
    margin-bottom: 30px;
}

.section-regiao .frase{ margin-bottom: 20px; }
.section-regiao p{ color: #AAA; }

.section-regiao .retangulo{
    top: 67px;
}

.section-regiao .ondas{
    position: absolute;
    top: 200px;
    right: 50%;
    width: 1800px;
}

.section-regiao .owl-carousel .item img{
    margin-bottom: 20px;
}

.section-regiao .owl-theme .owl-nav{
    position: absolute;
    top: 42%;
    left: 0;
    width: 100%;
}

.section-regiao .owl-theme .owl-nav button.owl-prev{
    position: absolute;
    left: 20px;
}

.section-regiao .owl-theme .owl-nav button.owl-next{
    position: absolute;
    right: 20px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    font-size: 80px !important;
    outline: none;
    opacity: 0.4;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background: none !important;
    color: #000 !important;
}



.praia-brava{
    font-size: 20px;
    line-height: 30px;
    padding-top: 100px;
}
.praia-brava h2{ letter-spacing: 0; font-weight: 300; color: #d95500; margin: 0 0 30px; font-size: 36px; line-height: 46px; }
.praia-brava .brava .bg{
    max-width: 960px;
    position: absolute;
    top: 10px;
    left: 35px;
}
.praia-brava h4{ font-family: 'Mrs Saint Delafield', cursive; font-size: 100px; color: #FFF; margin: 230px 0 0 120px; }
.praia-brava .ondas{
    position: absolute;
    top: 440px;
    left: 10px;
    width: 1800px;
}







/* CONTATO */

.page-contato h1{ margin-bottom: 20px; }

#contato form input, #contato form textarea {
    border: none;
    border-bottom: 1px solid #BBB;
    background: none;
    width: 100%;
    outline: none;
    padding: 15px 0 10px;
    font-size: 17px;
    font-family: "Open Sans";
}
#contato form textarea { height: 100px; padding: 10px 0 8px; resize: none; }

#contato form input[type=checkbox]{
    width: 20px;
}

#contato form small{
    font-size: 16px;
}

#contato form button{
    padding: 4.5% 14%;
    background: #f5f5f5;
    border-radius: 0;
    border: none;
    color: #cc5f2f;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 2px;
}
#contato form button:hover{
    background: #555;
    color: #FFF;
}

#contato .dados{ font-size: 18px; }
#contato .dados i { color: #cc5f2f; font-size: 44px; line-height: 46px; }
#contato .dados h3{ color: #cc5f2f; font-weight: 600; font-size: 18px; letter-spacing: 1px; }
#contato .dados a{ background: #f5f5f5; display: block; padding: 30px 0; transition: all 0.2s linear; }
#contato .dados a:hover{ background: #203049; color: #FFF; }

.file.is-right .file-cta{ background: #535051; height: auto; padding-left: 20px; padding-right: 20px; }
.file.is-right .file-cta:hover{ background: #cc5f2f; }
.file .file-name{ background: #FFF; font-size: 14px; color: #555; border: none; padding: 10px 10px; height: auto;}
.file .file-label{ height: 40px; font-size: 13px; color: #DDD; border-bottom: 1px solid #BBB; }
.file .file-cta .file-label{ margin-top: 6px; border: none; }


#politica-privacidade{
    display: none;
    font-size: 13px;
    padding: 30px;
    max-width: 900px;
}


/* SET BOTÕES  */

.button{ padding: 20px 20px; height: auto; transition: all .2s linear; }

.botao{
    border: 1px solid #0e2c48; 
    display: inline-block; 
    font-weight: 700; 
    padding: 11px 50px 11px; 
    margin-top: 10px; 
    color: #FFF; 
    font-size: 13px; 
    letter-spacing: 1px; 
    outline: none; 
    font-family: 'Open Sans'; 
    text-align: center;
    /*border-radius: 20px 0;*/
    background: #0e2c48;
    transition: all 0.2s linear;
}

.botao:hover{ color: #0e2c48; background: #ca5b29; border-color: #ca5b29; }
.botao:focus{ color: #FFF };
.botao i{ line-height: 19px; margin-right: 5px; }
.botao.menor{ padding: 6px 25px; text-align: center; font-size: 13px; margin: 0; }

.botao.is-transparent{ color: #0e2c48; background: none; }
.botao.is-transparent:hover{ background: #ca5b29; }

.botao.is-green{ color: #0e2c48; background: #ca5b29; }
.botao.is-green:hover{ background: #0e2c48; color: #FFF; }



.box{ padding: 20px; margin: 30px 0 70px 0; }
.box:before, .box:after { content: " "; display: table; }
.box:after { clear: both; }





/* EMPREENDIMENTO */

.empreendimento{ z-index: 10; position: relative;}
.empreendimento h2{ font-size: 28px; margin-bottom: 30px; line-height: 26px; color: #3e3e3e; }
.titulo_emp{ font-size: 30px !important; color: #cc5f2f; margin: 0 0 20px !important; text-align: left !important; font-weight: 600;}
.empreendimento .texto-emp{ font-size: 18px; line-height: 27px; margin-bottom: 45px; }
.empreendimento .texto-emp p{ font-weight: 600; }

.empreendimento .box-progress{
    margin: 27px 20px 0 0;
}

.empreendimento .box-progress progress{ margin-bottom: 0 }

.empreendimento .box-progress .perc{
    border-left: 1px solid #a1ce65;
    padding-left: 7px;
    padding-top: 5px;
}


.empreendimento .info-top{
    margin-bottom: 25px;
    line-height: 20px;
    font-size: 15px;
}
.empreendimento .info-top strong{ font-size: 16px; }

.empreendimento .etapas-obra{
    margin-top: 30px;
    margin-left: -20px;
    font-size: 15px;
    text-align: center;
}

.empreendimento .etapas-obra .circle{
    height: 13px;
    width: 13px;
    border-radius: 50%;
    margin: 0 auto 5px;
    background: #DDD;
}

.empreendimento .etapas-obra .circle.final{ width: 56px; border-radius: 10px; }
.empreendimento .etapas-obra .circle.final.is-active{ background: #a1ce65; }
.empreendimento .etapas-obra .circle.final.is-active:after{ background: none; }
.empreendimento .etapas-obra .circle.is-active:after{
    content: ' ';
    display: block;
    background: url(../img/icon/icon-check.png);
    height: 24px;
    width: 33px;
    transform: translate(-3px,-12px);
}
.empreendimento .etapas-obra .column{ position: relative; }
.empreendimento .etapas-obra .line{
    height: 1px;
    width: 84%;
    background: #DDD;
    position: absolute;
    top: 16px;
    left: 60px;
    z-index: 0;
}

.empreendimento .box-logotipo{
    background: #FFF;
    padding: 5px;
    display: inline-block;
    margin-top: -135px;
}

.empreendimento .bg-cinza{
    position: absolute;
    height: 805px;
    width: 1700px;
    background: #f5f5f5;
    right: -120px;
    top: 170px;
}

.empreendimento .frase{
    font-size: 34px;
    line-height: 43px;
    letter-spacing: 0;
    margin: 90px 0 70px;
}

.empreendimento .bt-interesse{
    display: inline-block;
    color: #cc5f2f;
    margin-top: 50px;
    background: #edeeed;
    padding: 50px 114px;
    letter-spacing: 2px;
    font-size: 18px;
}
.empreendimento .bt-interesse:hover{
    background: #555;
    color: #FFF;
}



/* PLANTAS */

.empreendimento .categoria-planta{ border-bottom: 1px solid #a7a7a7; margin-bottom: 70px; }
.empreendimento .categoria-planta .column{ padding: 15px 0 8px; }

.empreendimento .categoria-planta a{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-bottom: 8px;
    color: #b4b4b4;
}
.empreendimento .categoria-planta a.is-active{
    color: #3e3e3e;
    border-bottom: 2px solid #cc5f2f;
}


.empreendimento.plantas .cycle-pager{
    position: relative;
    bottom: 0;
    height: auto;
}

.empreendimento.plantas .legenda-planta{
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    font-weight: 600;
    padding: 4px 0;
    margin: 4px 0;
    max-width: 230px;
}

.empreendimento.plantas .legenda-planta.cycle-pager-active{ background: #cc5f2f; color: #FFF; }

.empreendimento.plantas h3{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.empreendimento.plantas .txt-planta{
    border-bottom: 1px solid #CCC;
    padding: 7px 0;
    color: #878787;
}

.empreendimento.plantas .icone-zoom{
    position: absolute;
    bottom: 0;
    right: 0;
}

.empreendimento.plantas .cycle-slideshow li{ height: auto; }
.empreendimento.plantas #planta-empreendimento{ display: none; }



/* GALERIA DE IMAGENS */

.empreendimento.galeria #galeria-apartamento{ display: none; }



/* CARACTERISTICAS */

.empreendimento .categoria-caracteristicas{ border-bottom: 1px solid #a7a7a7; margin-bottom: 50px; }
.empreendimento .categoria-caracteristicas .column{ padding: 15px 0 8px; }

.empreendimento .categoria-caracteristicas a{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-bottom: 8px;
    color: #b4b4b4;
}
.empreendimento .categoria-caracteristicas a.is-active{
    color: #3e3e3e;
    border-bottom: 2px solid #cc5f2f;
}

/*.empreendimento.caracteristicas .informacoes-destaque{ column-count: 2; }*/

.empreendimento.caracteristicas .txt-linha{
    border-bottom: 1px solid #CCC;
    padding: 7px 0;
    color: #878787;
}

.empreendimento.caracteristicas #det-ficha-tec{ display: none; }





/*.empreendimento .andamento-obra .column{ color: #91b508; font-weight: 600; font-size: 14px; }
.empreendimento .andamento-obra .bg-perc{ background: #eaeaea; padding: 4px 10px 3px;  height: 33px;}
.empreendimento .andamento-obra .barra-perc{ position: absolute; top: 0; left: 0; width: 0%; height: 33px;

    background: rgb(128,182,0);
    background: linear-gradient(to right, rgba(128,182,0,1) 0%,rgba(150,216,0,1) 100%);
}

.empreendimento .andamento-obra .texto-perc{ position: absolute; top: 3px; right: 9px; color: #666c73; font-size: 15px; font-weight: 600; }*/

/*.empreendimento .botao.ebook{ font-size: 19px; letter-spacing: 0; line-height: 12px; padding: 24px 30px 20px; }
.empreendimento .botao.ebook:hover{ background-position: 570px 0;}*/

.empreendimento-itens{ font-size: 20px; color: #3e3e3e; }
.empreendimento-itens p{ margin-bottom: 23px; font-weight: 600; }
.empreendimento-itens img{ margin: 0 12px -3px 0; }




/* FORM INTERESSE */


form.interesse h2 { padding: 0; margin: 0 0 10px; font-size: 30px; line-height: 40px; }
form.interesse label { margin: 0 0 10px; display: block; }
form.interesse label input { width: 100%; border: none; border-bottom: 1px solid #b4b4b4; background: none; padding: 12px 5px 10px 8px; outline: none;  
    font-family: 'Open Sans'; }
form.interesse textarea { width: 100%; border: none; border-bottom: 1px solid #b4b4b4; background: none; padding: 12px 5px 10px 8px; outline: none;  
    font-family: 'Open Sans'; }

form.interesse button{
    padding: 3.5% 12%;
    background: #f5f5f5;
    border-radius: 0;
    border: none;
    color: #cc5f2f;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 2px;
}
form.interesse button:hover{
    background: #555;
    color: #FFF;
}

form.interesse small{ font-size: 14px; color: #878787; }

/*form.interesse input::-webkit-input-placeholder {color: #FFF;}
form.interesse input:-moz-placeholder {color: #FFF;}
form.interesse input::-moz-placeholder {color: #FFF;}
form.interesse input:-ms-input-placeholder {color: #FFF;}*/



/* LOCALIZACAO */

.empreendimento.localizacao iframe{ border: 1px solid #BBB; }





#fotos-localizacao ul { padding: 0; margin: 0; list-style: none; }
#fotos-localizacao ul li { width: 230px; height: 230px; display: block; overflow: hidden; }
#fotos-localizacao ul li a { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; }
#fotos-localizacao ul li a img { width: 100%; height: 100%; display: block; }

#fotos-localizacao ul li a .over { background: rgba(13,107,124,0.7); display: block; height: 230px; left: 0; margin: 0; opacity: 0; 
    padding: 0; position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 230px;
    z-index: 10;
}

#fotos-localizacao ul li a .over span { color: #fff; display: block; font-size: 350%; left: 50%; line-height: 22px; margin: -8px 0 0 -23px; 
    position: absolute;
    text-align: center;
    top: 50%;
}

#fotos-localizacao ul li a:hover .over { opacity: 1; }

#fotos-localizacao ul li a:hover img{
    transform: scale(1.1);
}

#fotos-localizacao ul li img{
    display: block;
    transition: all .5s cubic-bezier(.24,.46,.48,.9);
}

#fotos-localizacao{margin-top: 55px;}
#fotos-localizacao.espaco_cliente{ margin-top: 20px; }
#fotos-localizacao.espaco_cliente li{ float: left; margin: 0 10px 0 0; width: 180px; height: 180px; }
#fotos-localizacao.espaco_cliente ul li a .over { height: 180px; width: 180px; }









select{
    background: none;
    display: block;
    border: 1px solid #FFF;
    padding: 7px 10px 8px 6px;
    font-size: 14px;
    margin-bottom: 15px;
}

form.interesse .msgAlert {
    padding: 0px 10px;
    display: none;
    border-radius: 6px;
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    letter-spacing: 0;
    position: absolute;
    bottom: 85px;
    line-height: 25px;
}

.telefone_0800{ font-size: 34px; font-weight: 600; margin-top: 40px; }
.telefone_0800 i{ font-size: 30px; color: rgb(128,182,0); }


.empreendimento .maps{
    height: 500px;
    width: 100%;
    background: #CCC;
}

.thumbPlanta{
     line-height: 23px;
     width: 230px;
     font-size: 15px;
     margin-right: 70px;
     margin-bottom: 30px;
     margin-top: 20px;
     float: left;
     overflow: hidden;
}

.thumbPlanta a{
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.thumbPlanta a .over {
    background: rgba(13,107,124,0.7);
    display: block;
    height: 230px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 230px;
    z-index: 10;
}

.thumbPlanta a .over span {
    color: #fff;
    display: block;
    font-size: 350%;
    left: 50%;
    line-height: 22px;
    margin: -8px 0 0 -23px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.thumbPlanta a:hover .over {
    opacity: 1;
}

.thumbPlanta a:hover img{
     transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.thumbPlanta img{
    display: block;

    transition: all .5s cubic-bezier(.24,.46,.48,.9);
    -webkit-transition: all .5s cubic-bezier(.24,.46,.48,.9);
    -ms-transition: all .5s cubic-bezier(.24,.46,.48,.9);
    -o-transition: all .5s cubic-bezier(.24,.46,.48,.9);
}



.cronograma .item:nth-child(4n){ margin-right: 0px !important; }

.cronograma .item{
    width: 265px;
    height: 80px;
    float: left;
    margin-right: 45px;
    /*margin-left: 40px;*/
}

.cronograma h5{
   font-weight: normal;
   margin: 0;
}

.cronograma .item .perc{
    width: 265px;
    height: 36px;
    background: #e7e2d9;
}

.cronograma .item .perc .numero{
    background: #908472;
    color: #FFF;
    padding: 8px 0 0 0;
    text-indent: 10px;
    height: 36px;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: -1px;
    font-family: Helvetica;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}




/* FOOTER */

footer{ 
    background: #0e2c48;
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    margin-top: 0;
    letter-spacing: 0.5px;
    padding: 90px 0 70px;
}

footer img{ max-width: 230px; }
footer .menu{ font-size: 13px; }
footer .menu a{ display: block; }
footer .menu a.is-active{ color: #d95500; }

footer h3{ font-size: 17px; margin-bottom: 20px; font-weight: 600; letter-spacing: 0.5px; }
footer a { transition: all 0.2s linear; color: #FFF; }
footer a:hover { color: #d95500; }
footer .social{ margin-top: 18px;}
footer .social a{ font-size: 26px; margin-right: 15px;}
footer .fone a{ color: #FFF; font-size: 17px; }

footer input{
    font-family: 'Open Sans';
    background: none;
    border: none;
    border-bottom: 1px solid #d95500;
    font-size: 15px;
    color: #FFF;
    width: 100%;
    max-width: 240px;
    padding-bottom: 10px;
    outline: none;
}

footer input::-webkit-input-placeholder {color: #FFF;}
footer input:-moz-placeholder {color: #FFF;}
footer input::-moz-placeholder {color: #FFF;}
footer input:-ms-input-placeholder {color: #FFF;}

footer .botao{ margin-top: 25px !important; }



/* QUAX ASSINATURA */
.quax-assinatura{
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.4);
    border-bottom: 6px solid #FFF;
    background: #0e2c48;
    position: relative;
    margin-top: 0px;
    padding-top: 35px;
    z-index: 0;
}

.quax-assinatura .logo-quax{ width: 80px; margin: 30px auto 0; display: block; position: relative; }
.quax-assinatura .logo-quax img{ width: 20px; position: absolute; bottom: 1px; left: 30px; }

.arrow-up {
    margin: 0 auto;
    width: 0; 
    height: 0; 
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;

    border-bottom: 40px solid #FFF;
}
/* FIM QUAX ASSINTAURA */













































/* PAGINACAO */

.pagination{ margin-top: 50px; }
.pagination a{ padding: 3px 15px; }
.pagination ul li{ background: #DDD; border-radius: 7px 0; margin: 0 5px; }
.pagination ul li.active{ background: #091e40; }
.pagination ul li.active a{ color: #FFF; }
.pagination span{ background: #EEE; }
.pagination span.inactive{ padding: 3px 15px; }
.paginate:hover{ color:#a9ba2e; }



/* LIGHTBOX */

#esqueceu-a-senha.form-lightbox { width: 445px; background: #FFF; border-radius: 10px; padding: 20px; }
/*#esqueceu-a-senha{color: #918777;}*/
#esqueceu-a-senha input{ border: 1px solid #777; width: 100% !important; border-radius: 5px; }
#esqueceu-a-senha input::-webkit-input-placeholder {color: #918777;}
#esqueceu-a-senha input:-moz-placeholder {color: #918777;}
#esqueceu-a-senha input::-moz-placeholder {color: #918777;}
#esqueceu-a-senha input:-ms-input-placeholder {color: #918777;}
#esqueceu-a-senha .form-inline{ padding: 0; float: left; }
#esqueceu-a-senha .form-inline .form-group{ padding: 0 15px 0 15px; float: left; }

#espaco_cliente{ background: #FFF; color: #918777; padding: 20px; width: 600px; font-size: 17px; line-height: 22px; display: none; }
#espaco_cliente a{color: #000;}
#espaco_cliente fieldset{border: none;}
#espaco_cliente input{ border: 1px solid #918777; color: #918777; text-indent: 10px; border-radius: 5px; padding: 8px 5px 6px 0; }
#espaco_cliente input[type="radio"]{ width: 12px; margin-right: 10px; }
#espaco_cliente label{margin-right: 50px;}
#espaco_cliente button{ border: none; font-size: 19px; }
#espaco_cliente button:hover{ color: #FFF; }
#espaco_cliente input::-webkit-input-placeholder {color: #918777;}
#espaco_cliente input:-moz-placeholder {color: #918777;}
#espaco_cliente input::-moz-placeholder {color: #918777;}
#espaco_cliente input:-ms-input-placeholder {color: #918777;}

#espaco_cliente .load{margin-top: 10px}
#espaco_cliente .msgAlert{position: absolute; left: 5px; bottom: 5px; color: #CC0000;}

#espaco_corretor .load{margin-top: 10px}
#espaco_corretor .msgAlert{position: absolute; left: 5px; bottom: 5px; color: #CC0000;}





/* ESPAÇO CORRETOR */

#espaco_corretor{ background: #FFF; border-radius: 10px; padding: 20px; width: 600px; font-size: 17px; line-height: 22px; display: none; }
#espaco_corretor a{color: #000;}
#espaco_corretor fieldset{border: none;}
#espaco_corretor input{ border: 1px solid #777; text-indent: 10px; border-radius: 5px; padding: 8px 5px 6px 0; }
#espaco_corretor input[type="radio"]{ width: 12px; margin-right: 10px; }
#espaco_corretor label{margin-right: 50px;}
#espaco_corretor button{ border: none; font-size: 19px; }
#espaco_corretor button:hover{}
#espaco_corretor input::-webkit-input-placeholder {color: #918777;}
#espaco_corretor input:-moz-placeholder {color: #918777;}
#espaco_corretor input::-moz-placeholder {color: #918777;}
#espaco_corretor input:-ms-input-placeholder {color: #918777;}


/* ESPACO CORRETOR INTERNA */

.espaco_corretor .hamburger{ display: none; }
.espaco_corretor h1{ margin-bottom: 20px; font-size: 44px; }
/*.espaco_corretor h2, .espaco_corretor h3{ color: #262d4c; }*/
.espaco_corretor h3{ font-weight: 700; letter-spacing: 0; font-style: italic; font-size: 23px; }
.espaco_corretor h3 span{
    color: #CCC;
    font-size: 18px;
    margin: 0 0 0 70px;
}

.espaco_corretor .titulo{
    text-align: center;
    font-size: 58px;
    font-weight: 100;
    margin-top: 80px;
    margin-bottom: 30px;
    line-height: 67px;
}

.espaco_corretor h5{ text-align: right; margin-top: 22px; }
/*.espaco_corretor .botao{ background: #262d4c; }*/

.tabs{letter-spacing: 0; margin-bottom: 30px!important;}
.tabs span{font-size: 18px;}

.level-item{
    background: #1c284c;
    padding: 50px 0 40px;
    margin: 10px;
    color: #FFF;
    border-radius: 10px;

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.level-item:hover{ background: #CCC; color: #444; padding: 40px 0 50px; }
.tabs li.is-active a{ color: #262d4c; }
.tabs.is-medium a{ padding-left: 19px; padding-right: 19px; }
.tabs ul{ border-color: #e0d8cd; }
.tabs.is-boxed li.is-active a{ border-color: #e0d8cd; }
.level-item .heading{ font-size: 13px; }
.level-item .title{ color: #8cbd45; font-size: 50px; line-height: 50px; }
.level p{ line-height: 24px; }
.level .fa{ font-size: 32px; line-height: 24px; }
.level .icon.is-small{ width: inherit; }
.heading{ margin-top: 10px; }




fieldset{
    border: none;
    margin: 0;
    padding: 0;
}

#main #content { float: left; }

.form-group input {
    border: 1px solid #CCC;
    /*border-radius: 10px;*/
    margin-bottom: 15px !important;
    outline: medium none;
    padding: 12px 0;
    width: 100% !important;
    text-indent: 10px;
}

.form-group ::-webkit-input-placeholder {
   color: #444;
}

.form-group :-moz-placeholder { /* Firefox 18- */
   color: #444;
}

.form-group ::-moz-placeholder {  /* Firefox 19+ */
   color: #444;
}

.form-group :-ms-input-placeholder {
   color: #444;
}


legend{ font-weight: bold; text-transform: uppercase; }

#form-cadastro{overflow: hidden;}

.form-inline {
    margin-left: -14px;
    margin-right: -14px;
    overflow: hidden;
}

.form-inline .form-group {
    float: left;
    padding: 0 0 0 15px;
    width: 49.2%;
}

.checkbox {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}

.checkbox label{
    margin-right: 20px;
}

.form-inline .form-group input, .form-group select {
    margin-bottom: 0;
    width: 100%;
    padding: 12px 0;
}

.form-group select {
    border: 1px solid #CCC;
    /*border-radius: 10px;*/
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    margin-bottom: 15px;
    /*padding: 7px 10px 7px 6px;*/
    text-indent: 4px;
}

.form-lightbox { color: #135c86; display: none; overflow: hidden; }
.separator { margin: 25px 0; }




/* -----------------------------------------------------------
    ÁREA CLIENTE / CORRETOR
* ----------------------------------------------------------- */

.propostas { height: auto; overflow: hidden; }
.propostas h2 { float: left; }
.propostas a {
    margin: 13px 0;
    float: right;
    font-size: 100%;
    color: #fff;
    line-height: 21px;
}

.table-propostas tbody { font-size: 90%; }
.table-propostas tbody td.status { text-align: center; }
.table-propostas span {
    width: 22px;
    height: 22px;
    margin: 5px auto 0 auto;
    display: inline-block;
    border-radius: 20px;
    background: #fff;
}

.table-propostas span.aguardando { background: #8e44ad; }
.table-propostas span.analizando { background: #f0ad4e; }
.table-propostas span.fechado { background: #5cb85c; }
.table-propostas span.recusado { background: #d9534f; }
.table-propostas span.contraproposta { background: #7f8c8d; }

.table-propostas td a{ display: inline-block; }

.table-propostas td a i {
    width: 30px;
    display: inline-block;
    overflow: hidden;
    opacity: 0.7;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
}
.table-propostas td a i:hover {opacity: 1;}


.table-propostas tfoot p {
    padding: 5px 0 0;
    margin: 5px 0;
    border-top: 2px solid #f0f0f0;
    text-align: right;
}
.table-propostas tfoot p span {
    width: 12px;
    height: 12px;
    margin-left: 35px;
}

.table-disponibilidades tbody td.status { text-align: center; }
.table-disponibilidades td{ border-bottom: 1px solid #FFF; color: #FFF; font-weight: 700;}
.table-disponibilidades td.colorCinza{ color: #777;}
.table-disponibilidades td.reservado { background: #dba455; text-align: center; }
.table-disponibilidades td.disponivel { background: #7fbf7f; text-align: center; }
.table-disponibilidades td.vendido { background: #e27370; text-align: center; }
.table-disponibilidades td a i {font-size: 20px;}

.table-disponibilidades .bt_reserva i{display: none;}

/*.table-disponibilidades td.disponivel span{ opacity: 0.4}
.table-disponibilidades td.reservado span{ opacity: 0.4}
.table-disponibilidades td.vendido span{ opacity: 0.4}*/

.table-disponibilidades span.reservado { background: #dba455; }
.table-disponibilidades span.disponivel { background: #7fbf7f; }
.table-disponibilidades span.vendido { background: #e27370; }

.table-disponibilidades tfoot p {
    padding: 5px 0 0;
    margin: 5px 0;
    border-top: 2px solid #f0f0f0;
    text-align: right;
}
.table-disponibilidades tfoot p span {
    width: 14px;
    height: 14px;
    margin-left: 25px;
    display: inline-block;
    border-radius: 10px;
}

.table-disponibilidades small { color: #999; }


.table-documentos td a i {
    font-size: 26px;
    color: #262d4c;

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.table-documentos td a i:hover { color: #000; }


#form-newsletter .msg{font-weight: 600; color: #FFF; margin-top: 10px; font-size: 17px; margin-left: 0;}
#form-newsletter .load{float: left; margin-top: 8px;}

.msg{font-size: 16px; text-transform: initial; line-height: 26px; margin-left: 5px; font-weight: 400;}

.msgAlert {
    padding: 0px 10px;
    /* margin: 0 0 0 5px; */
    display: none;
    border-radius: 3px;
    text-align: center;
    /*font-size: 55%;*/
    position: absolute;
    bottom: 5px;
    line-height: 25px;
}
.success {
    color: #93d400;
    padding: 0;
    line-height: 35px;
    font-size: 18px;
    margin-left: 0px;
}
#form-contato .success { line-height: 18px; font-weight: 700; margin: 10px 0 0 0; font-size: 16px; display: inline-block;}
.erro {
    border: 1px solid #eed3d7;
    background: #F2dede;
    color: #B94a48;
}
.load {
    width: 32px;
    height: 32px;
    margin: 10px 5px 0 0;
    float: right;
    display: none;
    background: url(../img/load.gif) center center no-repeat;
}

form fieldset {
    padding: 0;
    margin: 0 0 20px 0;
    border: none;
}

#main table thead tr td {padding: 5px 8px; text-align: center; font-weight: bold;}
#main table tbody tr td {padding: 8px 8px; text-align: center; vertical-align: middle;}
#main table {width: 100%;}

#main table thead { background: #262d4c; font-weight: bolder; color: #FFF; }


#main table tbody tr:nth-child(2n) {background: #EEE;}

#imagem {
    margin-bottom: 50px;
    min-height: 60px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#main input{width: 94%;}

#main .form-inline .form-group {
    float: left;
    padding: 0 14px;
    width: 50%;
}

.form-group textarea {
    border: 1px solid #CCC;
    padding: 7px 4px 7px 10px;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    /*border-radius: 10px;*/
    outline: none;
    resize: none;
}


/*::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF;}
::-moz-placeholder {color: #FFF;}
:-ms-input-placeholder {color: #FFF;}*/

input[type="file"]{font-size: 12px;}





/* ANIMACOES */

.waypoint{ opacity: 0; }

.animation_bottom.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_bottom_d1.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,1); animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_bottom_d2.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBottom 2s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeBottom 2s 1 cubic-bezier(0.77,0,.175,1); animation: fadeBottom 2s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left_d1.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1); animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left_d2.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 2s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeLeft 2s 1 cubic-bezier(0.77,0,.175,1); animation: fadeLeft 2s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right_d1.animated {
  opacity: 1;
  -webkit-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1); animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right_d2.animated {
  opacity: 1;
  -webkit-animation: fadeRight 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeRight 2s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeRight 2s 1 cubic-bezier(0.77,0,.175,1); animation: fadeRight 2s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right.animated {
  opacity: 1;
  -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_top.animated {
  opacity: 1;
  -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_top_d1.animated {
  opacity: 1;
  -webkit-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,1); animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_scale.animated {
  opacity: 1;
  -webkit-animation: scale 1.2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scale 1.2s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: scale 1.2s 1 cubic-bezier(0.77,0,.175,1); animation: scale 1.2s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_scale_d1.animated {
  opacity: 1;
  -webkit-animation: scale 1.8s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scale 1.8s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: scale 1.8s 1 cubic-bezier(0.77,0,.175,1); animation: scale 1.8s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_scale_d2.animated {
  opacity: 1;
  -webkit-animation: scale 2.4s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scale 2.4s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: scale 2.4s 1 cubic-bezier(0.77,0,.175,1); animation: scale 2.4s 1 cubic-bezier(0.77,0,.175,1);
}

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeBottom { 0% { opacity: 0; -webkit-transform: translateY(10%);} 100% { opacity: 1; -webkit-transform: translateY(0);} }
@-moz-keyframes fadeBottom { 0% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom { 0% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft { 0% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft { 0% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeRight { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight { 0% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeRight { 0% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeTop { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeTop { 0% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes scale { 0% { opacity: 0; -webkit-transform: scale(0);} 100% { opacity: 1; -webkit-transform: scale(1);} }
@-moz-keyframes scale { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scale { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scale { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } }




/* EXTRAS */

#form-alterar-cadastro{overflow: hidden}




@media only screen and (min-width: 1024px) {

    /* MARGINS */

    .mr0{margin-right: 0 !important;}
    .mr10{margin-right: 10px;}
    .mr20{margin-right: 20px;}
    .mr30{margin-right: 30px;}
    .mr40{margin-right: 40px;}
    .mr50{margin-right: 50px;}
    .mr60{margin-right: 60px;}
    .mr70{margin-right: 70px;}
    .mr80{margin-right: 80px;}
    .mr90{margin-right: 90px;}

    .ml0{margin-left: 0 !important;}
    .ml10{margin-left: 10px;}
    .ml20{margin-left: 20px;}
    .ml30{margin-left: 30px;}
    .ml40{margin-left: 40px;}
    .ml50{margin-left: 50px;}
    .ml60{margin-left: 60px;}
    .ml70{margin-left: 70px;}
    .ml80{margin-left: 80px;}
    .ml90{margin-left: 90px;}

    .mt0{margin-top: 0px !important}
    .mt10{margin-top: 10px !important}
    .mt15{margin-top: 15px;}
    .mt20{margin-top: 20px;}
    .mt25{margin-top: 25px;}
    .mt30{margin-top: 30px !important;}
    .mt40{margin-top: 40px !important;}
    .mt50{margin-top: 50px !important;}
    .mt60{margin-top: 60px !important;}
    .mt70{margin-top: 70px !important;}
    .mt80{margin-top: 80px !important;}
    .mt90{margin-top: 90px !important;}
    .mt100{margin-top: 100px !important;}
    .mt110{margin-top: 110px !important;}
    .mt115{margin-top: 115px;}
    .mt120{margin-top: 120px;}
    .mt130{margin-top: 130px;}
    .mt140{margin-top: 140px;}
    .mt145{margin-top: 145px !important;}
    .mt150{margin-top: 150px;}
    .mt160{margin-top: 160px;}
    .mt170{margin-top: 170px;}
    .mt180{margin-top: 180px;}
    .mt190{margin-top: 190px;}
    .mt200{margin-top: 200px;}
    .mt210{margin-top: 210px;}

    .mb0{margin-bottom: 0px !important}
    .mb10{margin-bottom: 10px !important}
    .mb20{margin-bottom: 20px !important}
    .mb30{margin-bottom: 30px !important}
    .mb40{margin-bottom: 40px !important}
    .mb50{margin-bottom: 50px !important}
    .mb60{margin-bottom: 60px !important}
    .mb70{margin-bottom: 70px !important}
    .mb80{margin-bottom: 80px !important}
    .mb90{margin-bottom: 90px !important}
    .mb100{margin-bottom: 100px !important}

    .p0 { padding: 0px !important;}

    .pl0 { padding-left: 0px !important;}
    .pl10 {padding-left: 10px !important;}
    .pl20 {padding-left: 20px !important;}
    .pl30 {padding-left: 30px !important;}
    .pl40 {padding-left: 40px !important;}
    .pl50 {padding-left: 50px !important;}
    .pl60 {padding-left: 60px !important;}
    .pl70 {padding-left: 70px !important;}
    .pl80 {padding-left: 80px !important;}
    .pl90 {padding-left: 90px !important;}
    .pl100{padding-left: 100px !important;}
    .pl110{padding-left: 110px !important;}
    .pl120{padding-left: 120px !important;}
    .pl130{padding-left: 130px !important;}
    .pl140{padding-left: 140px !important;}
    .pl150{padding-left: 150px !important;}

    .pr0 { padding-right: 0px !important;}
    .pr10 {padding-right: 10px !important;}
    .pr20 {padding-right: 20px !important;}
    .pr30 {padding-right: 30px !important;}
    .pr40 {padding-right: 40px !important;}
    .pr50 {padding-right: 50px !important;}
    .pr60 {padding-right: 60px !important;}
    .pr70 {padding-right: 70px !important;}
    .pr80 {padding-right: 80px !important;}
    .pr90 {padding-right: 90px !important;}
    .pr100{padding-right: 100px !important;}
    .pr110{padding-right: 110px !important;}
    .pr120{padding-right: 120px !important;}
    .pr130{padding-right: 130px !important;}
    .pr140{padding-right: 140px !important;}
    .pr150{padding-right: 150px !important;}

    .pb0 { padding-bottom:   0px !important;}
    .pb10 {padding-bottom:  10px !important;}
    .pb20 {padding-bottom:  20px !important;}
    .pb30 {padding-bottom:  30px !important;}
    .pb40 {padding-bottom:  40px !important;}
    .pb50 {padding-bottom:  50px !important;}
    .pb60 {padding-bottom:  60px !important;}
    .pb70 {padding-bottom:  70px !important;}
    .pb80 {padding-bottom:  80px !important;}
    .pb90 {padding-bottom:  90px !important;}
    .pb100{padding-bottom: 100px !important;}

    .pt0 { padding-top: 0px !important;}
    .pt10{padding-top: 10px !important;}
    .pt20{padding-top: 20px !important;}
    .pt30{padding-top: 30px !important;}
    .pt40{padding-top: 40px !important;}
    .pt50{padding-top: 50px !important;}
    .pt60{padding-top: 60px !important;}
    .pt70{padding-top: 70px !important;}
    .pt80{padding-top: 80px !important;}
    .pt90{padding-top: 90px !important;}

    .tablet_only{display: none !important; }
    .tablet_em_pe{display: none;}
}

.only_mobile{display: none !important; }
.mobile_only{display: none !important; }


@media only screen and (min-width: 1281px) and (max-width: 1480px) {
    .wrap{ width: 100%; padding-left: 70px; padding-right: 70px; }
}


/***************************************************************/
/********************* TABLET LANDSCAPE ************************/
/***************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {

    .only_mobile{ display: none !important; }
    .mobile_only{ display: none !important; }
    .desktop_only{ display: none !important; }
    .tablet_em_pe{ display: none; }

    .wrap{ width: 100%; padding-left: 80px; padding-right: 20px; }
    .columns{ margin-left:0; margin-right: 0; }

    body{ font-size: 14px; }
    section{ padding: 60px 15px; }
    header{ height: 80px; }
    header .logo{ width: 208px; height: 35px;}
    
    h1{ font-size: 26px; }


    /* HOME */
    .blog .column{ padding: 14px 25px; }
    .blog .box-blog-inf h3{ font-size: 19px; line-height: 25px; }
    .empreendimentos .emp-container .emp-titulo{ font-size: 24px; }
    .section-depoimento .pessoa{ max-width: 510px; left: -75px; }
    .empreendimentos .emp-container .toptag{ font-size: 12px; line-height: 18px; text-align: left; }
    .regiao h4{ font-size: 70px; }
    .regiao .info{ font-size: 15px; }
    .regiao .info.itajai p{ margin-right: 90px; }
    .sobre h2{ font-size: 26px; line-height: 36px; }


    /* EMPRESA */
    .empresa{ font-size: 17px; }
    .empresa h3{ font-size: 33px; }
    .empresa .ceo{ right: 15px; }


    /* REGIAO*/
    .mvv h3{ font-size: 30px; margin-bottom: 30px; }
    .praia-brava .ondas{ top: 480px; }


    /* ESPACO CORRETOR  */
    .tabs.is-medium a{padding-left: 14px; padding-right: 14px; font-size: 15px;}

    /* FOOTER */
    footer{ font-size: 16px; }
    footer .social a{ font-size: 36px; }
}




/***************************************************************/
/************************* TABLET PORTRAIT ***********************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

    .mobile_only{display: none !important;}
    .only_mobile{display: none !important;}
    .desktop_only{display: none !important;}
    .hide_tablet_em_pe{display: none;}
    
    body{ overflow-x: hidden; }

    .wrap, .wrap.medium, .wrap.menor{width: 100%; padding-left: 15px; padding-right: 15px;}

    section{ padding: 40px 10px; }

    h1{ font-size: 26px; line-height: 36px; }
    h2{ font-size: 18px; }

    /* MENU */
    .hamburger, .nav-toggle{top: 19px; right: 15px;}
    .hamburger span:nth-child(1), .nav-toggle span:nth-child(1){margin-top: -8px;}
    .hamburger span:nth-child(3), .nav-toggle span:nth-child(3){margin-top: 6px;}
    .hamburger span, .nav-toggle span{height: 3px; width: 25px; margin-left: -13px; background: #8bbc45; }
    .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1){margin-left: -8px; margin-top: -9px;}
    .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3){margin-top: 8px; margin-left: -8px;}

    header{ z-index: 203;}
    header .logo{margin-left: 15px; width: 187px; height: 34px; margin-top: 28px;}
    header .wrap{ padding: 0;}

    header .nav-toggle{display: block;}
    header .nav-menu.is-active{display: block;}
    .nav-menu { background-color: #fff; box-shadow: 0 4px 7px rgba(17,17,17,0.1); left: 0; display: none; right: 0; top: 104%; position: absolute; }
    header .nav-menu{display: none; opacity: 0;}
    header .nav-item.current{background: #93b708; color: #FFF;}

    .menu_fixo{display: none;}
    .nav-menu .nav-item{padding: 30px 0 28px; margin: 0; justify-content: center; background: #262d4c; color: #FFF; }
    .nav-menu .nav-item:after{ display: none !important; }
    header .fancyboxFormCorretor{ border-radius: 0; border: inherit; }
    header .social i{ font-size: 25px; }
    .columns{margin-left:0; margin-right: 0;}
    .botao{ padding: 14px 12px 13px; font-size: 13px;} 


    /* BANNER */ 
    .cycle-slideshow li{ height: 310px; background-size: cover; }
    .container_slide .text-banner{ margin-top: 100px; font-size: 25px; line-height: 44px; }


    /* HOME */
    .sobre{ padding: 90px 0; }
    .regiao h1{ margin-top: 0; line-height: 40px; }
    .empreendimentos .emp-container .emp-titulo{ font-size: 19px; line-height: 17px; }
    .empreendimentos .emp-inf{ font-size: 16px; }
    .regiao .regiao-conteudo{ padding-left: 0; }
    .regiao .regiao-conteudo .floatL{ width: 98%; }


    /* EMPREENDIMENTOS */
    .empreendimentos{ padding-top: 0px; }

    /* EMPREENDIMENTO */
    .empreendimento .texto-emp{ font-size: 16px; line-height: 24px; }
    .container_slide.sub .cycle-slideshow li{ height: 260px; background-size: cover; }
    .container_slide.sub.galeria .cycle-slideshow li{ height: auto; }
    .empreendimento-itens .column{ font-size: 15px; }
    form.interesse h2{ font-size: 16px; line-height: 30px; }
    form.interesse{ padding: 40px 50px; }

    .empreendimento.caracteristicas h2{ font-size: 26px; line-height: 40px; }
    .empreendimento.caracteristicas strong{ font-size: 19px; }
    .empreendimento.caracteristicas .informacoes-destaque{ font-size: 16px; line-height: 26px; }
    .empreendimento.container-interesse > .columns > .column > img{ min-height: 417px; }
    .empreendimento.container-interesse #interesse{ width: 400px; }

    /* CONTATO */
    .page-contato h1{ font-size: 30px; }
    #contato .dados{ font-size: 19px; }
 
    /* ESPACO CORRETOR  */
    .tabs.is-medium a{padding-left: 7px; padding-right: 7px; font-size: 12px;}
    .level-item .heading{font-size: 14px;}

    /* FOOTER */
    footer{ font-size: 15px; }
    footer .social a{ font-size: 34px; }
}


/**************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/
@media only screen and (max-width: 767px) {

    .desktop_only{display: none !important;}
    .tablet_only{display: none !important;}
    .tablet_em_pe{display: none;}
    .mobile_only{display: block !important}
    .only_mobile{display: block !important}
    .no_mobile{display: none !important}

    /* BULMA */
    .level-item:not(:last-child){ margin-bottom: 30px }
    .columns{margin-left: 0; margin-right: 0}
    .column{padding: 0}


    /* CONFIGURACAO GERAL */

    html{min-width: 100%}
    body{ overflow-x: hidden; font-size: 14px; line-height: 22px;}
    .wrap{ width: 100%; padding-left: 25px; padding-right: 25px;}

    header{ z-index: 203; }
    header .logo{ height: 22px; width: 142px; margin: 20px 0 0 15px; }
    header .nav{ margin: 5px auto 0; }
    header .wrap{ padding: 0; }

    header.page-sub{ height: 65px; }

    h1{ font-size: 22px; line-height: 30px; letter-spacing: 0.5px }
    h2{ font-size: 22px; line-height: 30px; letter-spacing: 0.5px }
    h3{ font-size: 16px; line-height: 24px; letter-spacing: 0.5px }
    h4{ font-size: 23px; line-height: 30px; }

    hr{ width: 100%; margin: 10px 0; }

    p{text-align: justify}
    section{ padding: 40px 0; }
    br{line-height: 24px;}
    .floatL{float: none;}
    .fa{vertical-align: initial;}
    .botao{ font-size: 12px }

    .waypoint{ opacity: 1; }


    /* MENU */
    .nav-toggle{ top: 7px; right: 15px;}
    .nav-toggle span:nth-child(1){ margin-top: -9px; }
    .nav-toggle span:nth-child(3){ margin-top: 7px; }
    .nav-toggle span{ height: 3px; width: 25px; background: #0e2c48; }

    .page-home .nav-toggle span{ background: #FFF; }

    .is-active.nav-toggle span:nth-child(3){margin-top: 7px;}
    header .nav-menu{ opacity: 0; display: none; margin-top: 15px; width: 100%; left: inherit; padding: 0; background: #0e2c48; }
    header .nav-item{ padding:0;}
    header .nav-item.current{ background:#d95500; color:#FFF;}
    .nav-menu .nav-item{padding: 23px 0 16px; margin: 0; justify-content: center; text-align: center; color:#FFF; font-size: 15px;
        border-color: #262e4d;}
    .nav-menu .nav-item:first-child{ border: none; }
    .nav-menu .nav-item:last-child{ border: none; }



    /* BANNER */ 
    .cycle-slideshow li{ height: 430px; background-size: cover; }
    .container_slide.sub .cycle-slideshow li{ height: 405px; }
    .container_slide .cycle-prev, .container_slide .cycle-next{ width: 26px; height: 47px; }
    .container_slide .cycle-next{ right: 10px; transform: scale(0.7); }
    .container_slide .cycle-prev{ left: 10px; transform: scale(0.7); }

    .container_slide .text-banner h2{ font-size: 24px; line-height: 37px; letter-spacing: 0; }
    .container_slide .text-banner h3{ font-size: 15px; letter-spacing: 0; padding: 0 50px; }


    /* HOME */

    .empreendimentos{ padding: 25px 0; }
    .empreendimentos h3{ font-size: 15px; }
    .empreendimentos .column{ padding: 0; }
    .empreendimentos .list-emp .column{ margin-bottom: 50px; }
    .empreendimentos .emp-container .emp-titulo{ font-size: 21px; line-height: 22px; padding: 0; }

    .section-depoimento{ padding-top: 80px; padding-bottom: 350px; font-size: 17px; }
    .section-depoimento p{ line-height: 28px; }
    .section-depoimento h3{ font-size: 15px; margin: 25px 0; }
    .section-depoimento h4{ font-size: 60px }
    .section-depoimento .logo{ max-width: 200px; }
    .section-depoimento small{ font-size: 11px; letter-spacing: 1px; }
    .section-depoimento .pessoa{ max-width: 150px; left: 100px; bottom: -350px; }

    .blog .column{ padding: 5px 0; }
    .blog .column:first-child{ transform: translateX(0); }
    .blog .column:last-child{ transform: translateX(0); }

    .sobre .texto{ margin-top: 0px; }
    .sobre h2{ font-size: 22px; }

    .regiao{ padding: 0 0 50px; margin-top: 10px; }
    .regiao .info{ font-size: 15px; margin-top: 97px; margin-bottom: 0; margin-left: 35px; }
    .regiao .bg{ max-width: 680px !important; }
    .regiao .info h4{ font-size: 60px; }
    .regiao .info.itajai{ margin-right: 35px; }
    .regiao .info.itajai p{ margin-right: 30px; text-align: inherit; }
    .regiao .info.brava h4{ margin-top: 100px; }
    .regiao .itajai .bg{ top: 0; }

    .regiao .brava .bg{ top: 75px; }
    .regiao .brava h4{ margin-top: 180px; }



    

   
    /* EMPRESA */
    .empresa{ font-size: 15px; line-height: 26px; padding: 40px 0 10px; }
    .empresa h1{ line-height: 30px; }
    .empresa .box-cidade{ position: relative; bottom: 0; width: 100%; height: 200px; margin-top: 30px; }
    .empresa .box-cidade h2{ font-size: 50px; margin-bottom: 10px; }
    .empresa h3{ font-size: 26px; line-height: 36px; }
    .empresa .ceo{ right: 0; top: 70px; bottom: inherit; }

    .diferenciais .dif-itens{ padding-left: 0; }
    .diferenciais .dif-itens .texto{ padding-left: 30px; padding-right: 10px; }
    .diferenciais .wrap{ padding: 0; }
    .diferenciais .dif-itens .column{ font-size: 14px; padding: 20px 5px; }

    .mvv{ font-size: 15px; line-height: 24px; padding-bottom: 70px;}
    .mvv h3{ font-size: 29px; line-height: 36px; margin-bottom: 20px; }

    .central-vendas .frase{ font-size: 48px; line-height: 50px; }

    .central-vendas .consultores .box-consul{ margin-right: 0; padding: 17px 30px 17px 25px; }
    .central-vendas .consultores strong{ font-size: 16px; }

    .section-regiao .ondas{ top: 240px; }
    .praia-brava h2{ font-size: 28px; line-height: 34px; }



    /* EMPREENDIMENTOS */
    .empreendimentos .categoria-emp a{ font-size: 13px; letter-spacing: 0; }
    .empreendimentos .categoria-emp .column{ text-align: center; }
    .empreendimentos h1{ font-size: 18px; }
    .filtro-empreendimentos select{ font-size: 16px; }
    .empreendimentos .emp-container .toptag{ font-size: 12px; }



    /* EMPREENDIMENTO */
    .empreendimento h1{ font-size: 23px !important; }
    .empreendimento h2{ font-size: 22px; letter-spacing: 1px; }
    .empreendimento .texto-emp{ font-size: 15px; margin-bottom: 25px; }
    .empreendimento .etapas-obra .line{ top: 8px; left: 35px; }
    .empreendimento .etapas-obra{ font-size: 10px; }
    .empreendimento .box-logotipo{ margin-top: 30px; }
    .empreendimento.info-emp{ background: #f5f5f5; }
    .empreendimento .frase{ font-size: 23px; line-height: 36px; margin: 50px 0 30px; }
    .empreendimento .bt-interesse{ padding: 30px 0; text-align: center; display: block; margin: 50px auto 0; }
    .empreendimento .bg-cinza{ height: 1100px; }
    .empreendimento .categoria-planta{ margin-bottom: 50px; }
    .empreendimento .categoria-planta a{ font-size: 15px; letter-spacing: 1px; }
    .empreendimento.galeria{ padding: 30px 0px 60px; }

    .empreendimento .categoria-caracteristicas a{ font-size: 15px; letter-spacing: 1px; }
    .empreendimento.caracteristicas .informacoes-destaque{ padding: 0 25px; }
    form.interesse{ margin-top: 40px; }

    .empreendimento.localizacao iframe{ height: 350px; }



    /*.container_slide.sub.galeria .cycle-slideshow li{ height: auto; }
    .container_slide.galeria .cycle-prev, .container_slide.galeria .cycle-next{ width: 20px; height: 36px; top: 38%; }
*/
   

    /* BLOG */
    .blog.page .column{ padding: 14px 0; }
    .post h1{ font-size: 21px; line-height: 32px; }
    .blog-page .categorias{ padding-left: 0; }
    .blog-page.post img{ height: auto; }





    /* ESPACO CORRETOR */
    .espaco_corretor h1{text-align: center}
    .espaco_corretor .titulo{font-size: 30px; line-height: 38px; margin-top: 40px; font-weight: 300}
    #espaco_cliente{font-size: 15px;}
    #espaco_cliente{min-width: 300px; width: 100%}
    #espaco_cliente label{display: block; margin-right: 0;}
    #espaco_cliente input{margin-bottom: 10px; width: 100%}
    .titulo_espaco_cliente{padding: 0 10px}

    .bancos .column{margin-bottom: 20px;}
    .bancos img{width: 200px;}
    .bancos .itau{width: 100px;}

    #espaco_corretor label{display: block; margin-right: 0;}
    .espaco_corretor h5{margin-top: 10px; text-align: center}
    .espaco_corretor h3{font-size: 18px; margin-bottom: 10px;}
    .espaco_corretor h3 span{font-size: 15px; margin: 10px 0 0 0; display: block}

    #main .form-inline .form-group{padding: 0 0 0 14px; width: 47.7%}
    .form-group input{text-indent: 5px;}

    .level-item{display: block; padding: 30px 0}
    .level-item p{text-align: center}

    #espaco_corretor{width: 100%; font-size: 15px;}
    .fancybox-close{right: 8px !important;}
    #espaco_corretor input{width: 100%; margin-bottom: 10px;}
    #espaco_corretor input[type="radio"]{margin-right: 3px;}
    #espaco_corretor label{margin-right: 13px;}
    #espaco_corretor button{width: 100%; font-size: 18px; margin-top: 15px;}
    .form-group input{font-size: 14px;}
    .form-group select{font-size: 14px;}
    #main table thead tr td{font-size: 14px; padding: 9px; line-height: 18px}
    #main table tbody tr td{font-size: 12px; padding: 10px 0; line-height: 16px; letter-spacing: 0}
    .table-disponibilidades tfoot p{text-align: left}
    .table-disponibilidades tfoot p span{margin-left: 16px;}
    .table-propostas tfoot p{text-align: left}
    .table-propostas tfoot p span{margin-left: 8px}
    .table-propostas td a i{line-height: 20px; opacity: 1;}

    .table-disponibilidades thead tr td{font-size: 11px !important;}
    .botao.menor{padding: 6px 10px; font-size: 12px;}

    .propostas a{width: 100%;}
    .checkbox{padding: 0 3px;}
    .checkbox label{font-size: 13px;}
    #esqueceu-a-senha.form-lightbox{width: 100%; padding: 10px;}
    #esqueceu-a-senha .form-inline .form-group{padding: 0 11px 0 15px;}

    .tabs.is-medium a{padding: 12px 7px; font-size: 12px;}
    .level-item .heading{font-size: 14px;}


    .tabs{opacity: 0; display: none}
    .tabs.is-active{display: block}
    .tabs ul{border: none; display: block; border-top: 5px solid #DDD; border-bottom: 5px solid #DDD; }
    .tabs.is-boxed li.is-active a{background:#262d4c;}
    .tabs li.is-active a{color: #FFF;}
    .tabs li{width: 100%; border-bottom: 1px solid #DDD;}
    .tabs li a span{font-size: 16px;}
    .tabs.is-boxed li.is-active a{border: none}

    .hamburger.menu-espaco-corretor{left: 50%; margin: 0 0 30px -25px}

    .hamburger.menu-espaco-corretor{height: 40px;}
    .hamburger.menu-espaco-corretor span{background: #AAA;}

    .tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a{padding-top:14px; padding-bottom: 14px;}

    .tabela-mobile{width: 100%; background: #EEE; text-align: center; padding: 10px; margin: 3px 0}
    .tabela-mobile .valor{font-weight: 700}
    .tabela-mobile a{font-size: 25px; margin: 7px 15px; display: inline-block}
    .tabela-mobile.top{margin-top: 10px; border-top: 5px solid #CCC}



    /* EMPREENDIMENTO */
    



    /* CONTATO */
    #contato .dados a{ margin-bottom: 20px; }
    #contato form small{ font-size: 14px; }



    /* RODAPE */
    footer{text-align: center; opacity: 1!important; font-size: 15px; padding: 60px 0 20px;}
    footer img{ width: 55%; }
    footer .column{ margin-bottom: 30px !important; }
    footer .social{ text-align: center; }
  

    /* CADASTRE-SE */
    .form-inline .form-group{width: 47.5%}
}