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


@font-face {
    font-family: 'Larsseit';
    src: url('../fonts/Larsseit.woff2') format('woff2'),
        url('../fonts/Larsseit.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface';
    src: url('../fonts/Neutraface2Text-Light.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface';
    src: url('../fonts/Neutraface2Text-Bold.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface';
    src: url('../fonts/Neutraface2Text-Book.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface';
    src: url('../fonts/Neutraface2Text-Demi.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Demi.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





html{ scroll-behavior: smooth; background: #000; }

body { font: 16px 'Larsseit', sans-serif; color: #fff; background: #000; line-height: 26px; letter-spacing: 0; }

input, textarea, button { color: #fff; }
button { padding: 10px; }

a {color: #fff; text-decoration: none; }
a:hover{color: inherit;}
strong{ color: inherit; }

h1{ font-weight: 300; font-family: 'Neutraface'; font-size: 36px; line-height: 42px; color: #fff; margin: 20px 0; }
h1.maior{ font-size: 71px; line-height: 83px; letter-spacing: -0.8px; }
h2{ font-size: 50px; font-family: 'Neutraface'; line-height: 52px; font-weight: 300; letter-spacing: 0px; margin: 15px 0; color: #fff; }
h2.maior{ font-size: 76px; line-height: 89px; }
h3{ font-weight: bold; font-size: 26px; font-family: 'Larsseit'; line-height: 34px; color: #fff; margin: 20px 0 25px; }
h4{ font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: 600; color: #fff; }
h5{ font-size: 18px; margin-top: 10px; line-height: 26px; color: #bbb; }

ul{list-style-type: none;}

hr{ border: none; border-bottom: 1px solid #5b5b5b; width: 100%; margin: 10px 0 10px; position: relative; overflow: initial; }

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

.wrap { width: 1200px; margin: auto; padding: 0 15px; }
.wrap.menor { width: 800px; }
.wrap.medium { width: 870px; }
.wrap:before, .wrap:after { content: " "; display: table; }
.wrap:after {clear: both;}

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

.relative{ position: relative; }
.line{ height: 2px; position: absolute; background: #fff; }
.uppercase{ text-transform: uppercase;}

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

section{ padding: 80px 0; }

header { transition: all 0.5s cubic-bezier(0.30,0,.175,1); height: 90px; width: 100%; z-index: 201; background: #000; }
header nav { padding: 0; background: none !important; }
header .nav-item{ margin: 25px 0 23px 30px; padding: 6px 0 2px; font-size: 15px; color: #FFF; letter-spacing: 0.5px; transition: all 0.2s linear; 
    position: relative; }
header .nav-item img{ margin-top: 5px; }
header .nav-item.is-block{ display: block !important; } 
header .logo{ width: 353px; height: 60px; background: url(../img/the-spot-one-logo.png); background-size: cover; display: block; text-indent:-9999px; 
    position: relative; 
    margin: 25px 0 15px 0; padding: 0; transition: all 0.5s cubic-bezier(0.30,0,.175,1); }

/* ------------- */

header .breve{ margin-top: 29px; cursor: default; letter-spacing: 5px; font-size: 28px; margin-right: 280px; font-family: 'Neutraface'; }
header .breve:hover{ color: #FFF; }

header .links-rapidos .nav-item{ text-align: left; line-height: 22px; padding-left: 40px; }
header .links-rapidos .nav-item:hover div{ color: #FFF; }
header .links-rapidos a span{ display: block; font-size: 14px; color: #bbb }
header .links-rapidos a div{ color: #fff; font-size: 18px; transition: all 0.2s linear; }

.nav-left{ overflow: inherit; }


header .uma-empresa{
    text-align: right;
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 9px;
    color: #888;
    z-index: 101;
    letter-spacing: 1.2px;
    line-height: 19px;
}

header .uma-empresa .ajr{ height: 17px; }
header .uma-empresa .aj img{ height: 23px; margin-top: 4px; }



.topo #form-contato2{ color: #333; position: absolute; left: calc(50% - 550px); bottom: 80px; width: 550px; }
.topo #form-contato2 .column{ padding: 8px; }


.topo #form-contato2{ bottom: 70px; font-size: 19px; line-height: 28px; }
.topo #form-contato2 small{ font-size: 16px; line-height: 18px; }


.topo #form-contato2 .form-group input{ font-size: 16px; padding: 2px 0; margin-bottom: 2px !important; color: #333; }
.topo #form-contato2 .form-group select{ font-size: 15px; padding: 3px 0 3px; margin-bottom: 2px; color: #333; }

.topo #form-contato2 button{border: none; padding: 6px 25px 7px; margin-top: 0px; font-size: 13px; }

.topo h2{ font-size: 38px;  line-height: 40px; margin-bottom: 5px; font-weight: 400; }

.topo .texto-banner{
    position: absolute;
    left: 50%;
    margin-left: -590px;
    top: 120px;
    font-size: 27px;
    line-height: 53px;
    letter-spacing: 3px;
    font-family: 'Neutraface';
}


.dark{ color: #4d565b; }
.light{ background: #e6ecf7; color: #4d565b; }


.imagem-texto{ overflow: hidden; }
.imagem-texto.light{ background: #e6ecf7; color: #4d565b; }
.imagem-texto.light h2{ color: #4d565b; }
.imagem-texto img{ position: absolute; top: -70px; right: 0; max-width: 960px; width: 960px; }


.texto-imagem{ overflow: hidden; }
.texto-imagem.light{ background: #e6ecf7; color: #4d565b; }
.texto-imagem.light h2{ color: #4d565b; }

.texto-imagem img{ position: absolute; top: -70px; left: 0; max-width: 960px; width: 960px; }
.texto-imagem .fa{ margin-right: 5px; }

.imagem-texto .fa{ margin-right: 5px; }
.imagem-texto.img2 img{ max-width: 960px; width: 960px; }


.fa{ vertical-align: initial; }


.diferenciais{ padding: 130px 0; background: #181818; line-height: 24px; }
.diferenciais img{ max-width: 60px; }
.diferenciais > .wrap > .columns > .column{ margin-bottom: 20px; }


.rodape i{ margin: 20px 20px 0 0; font-size: 20px; }
.rodape a{ opacity: 0.7; }
.rodape a:hover{ opacity: 1; }











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

.botao{ border: 1px solid #888; display: inline-block; font-weight: 600; padding: 10px 45px 9px; margin-top: 20px; color: #fff; font-size: 15px; letter-spacing: 1px; outline: none;
    font-family: 'Larsseit'; text-align: center; background: #000; 

    transition: all 0.5s cubic-bezier(0.50,0,.175,1); -webkit-transition: all 0.5s cubic-bezier(0.50,0,.175,1); -ms-transition: all 0.5s cubic-bezier(0.50,0,.175,1);
     -o-transition: all 0.5s cubic-bezier(0.50,0,.175,1);
}
.botao.right { margin-left: auto; display: block; }
.botao img{ margin-left: 7px; transform: translateY(1px); transition: all 0.3s ease-out; }

.botao:hover{ background: #fff; color: #000; }
.botao:hover img{ transform: translateX(10px) translateY(1px); }
.botao i{ line-height: 19px; margin-right: 5px; }
.botao.menor{padding: 6px 25px; text-align: center; font-size: 13px; margin: 0}

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

.main-texto { margin: 50px 0; padding-right: 40px; }

#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); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
#fotos-localizacao ul li 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);
}
#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; }


.espaco_cliente .cronograma h5{
    text-align: left;
    font-size: 18px;
}

.espaco_cliente .cronograma .perc{
    width: 100%;
}

.espaco_cliente .cronograma .item{height: 40px;}
.cronograma .item{
    height: 56px;
    margin-bottom: 24px;
}

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

.cronograma .item .perc{
    width: 80%;
    height: 100%;
    background: #50524b;
}

.cronograma .item .perc_container{
    width: 475px;
    float: left;
    border: 2px solid #807923;
    height: 30px;
}

.cronograma .item .numero{
    float: left;
    width: 90px;
    background: #807923;
    color: #FFF;
    padding: 5px 0 0 0;
    text-align: center;
    height: 30px;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


.form-light input{ color: #444 !important; border-color: #444 !important; }
.form-light select{ color: #444 !important; border-color: #444 !important; }
.form-light textarea{ color: #444 !important; border-color: #444 !important; }




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.mapa .line{ width: 100%; left: 50%; top: 60%; z-index: 0; margin-left: -50%; }

.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; }
.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); }



/* PAGINACAO */

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



/* LIGHTBOX */

.fancybox-skin { background: #5b5b5b !important; color: #fff !important; border-radius: 0 !important; }
#esqueceu-a-senha.form-lightbox { width: 445px; background: #000; border-radius: 0; padding: 20px; }
/*#esqueceu-a-senha{color: #918777;}*/
#esqueceu-a-senha input{ border: 1px solid #fff; width: 100% !important; border-radius: 0; }
#esqueceu-a-senha input::-webkit-input-placeholder {color: #5b5b5b;}
#esqueceu-a-senha input:-moz-placeholder {color: #5b5b5b;}
#esqueceu-a-senha input::-moz-placeholder {color: #5b5b5b;}
#esqueceu-a-senha input:-ms-input-placeholder {color: #5b5b5b;}
#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: 0; padding: 8px 5px 6px 0; font-family: "Larsseit"; }
#espaco_cliente input[type="radio"]{ width: 12px; margin-right: 10px; }
#espaco_cliente label{margin-right: 50px;}
#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 #888; text-indent: 10px; border-radius: 0; padding: 8px 5px 6px 0; font-family: "Larsseit"; }
#espaco_corretor input[type="radio"]{ width: 12px; margin-right: 10px; }
#espaco_corretor label{margin-right: 50px;}
#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: 40px; }
.espaco_corretor h3{ font-weight: 700; letter-spacing: 0; font-size: 23px; }
.espaco_corretor h3 span{ color: #AAA; font-size: 18px; margin: 0 0 0 70px; }
.espaco_corretor .titulo{ text-align: center; font-size: 31px; margin-top: 80px; margin-bottom: 30px; line-height: 33px; }
.espaco_corretor h5{ text-align: right; margin-top: 22px; }

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

.tabs span .numMsg{ font-size: 11px; display: inline-block; width: 20px; height: 20px; background: #eea200; border-radius: 50%; text-align: center; color: #FFF;
margin-left: 5px; line-height: 20px; font-weight: bold;}

.level-item{ background: #000; padding: 50px 0 40px; margin: 10px; color: #fff; border-radius: 0; border: 1px solid #fff;
    transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear;}

.level-item.box-contMsg{ background: #eea200; }
.level-item.box-contMsg .title{ color: #FFF; }

.level-item:hover{ background: #fff; color: #000; 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: #eea200; 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; }



#form-contato { margin-top: 40px; }

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

#main #content { float: left; }

.form-group input { border: none; border-bottom: 1px solid #BBB; background: none; color: #fff; margin-bottom: 10px !important; outline: medium none; 
    padding: 10px 0; width: 100% !important; font-size: 17px; font-family: 'Larsseit'; }
.form-group ::-webkit-input-placeholder { color: #888; }
.form-group :-moz-placeholder { /* Firefox 18- */ color: #888; }
.form-group ::-moz-placeholder {  /* Firefox 19+ */ color: #888; }
.form-group :-ms-input-placeholder { color: #888; }

.checkbox:hover, .radio:hover{ color: #FFF; }

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

#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 { color: #fff; font-size: 17px; border: none; border-bottom: 1px solid #BBB; background: none; display: block; 
    margin-bottom: 10px; font-family: 'Larsseit'; }
.form-group select option{ color: #555; }


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

.form-group textarea { color: #fff; font-size: 17px; border: none; border-bottom: 1px solid #BBB; background: none; padding: 7px 4px 7px 0; 
    width: 100%; height: 130px; margin-bottom: 15px; outline: none; resize: none; font-family: 'Larsseit'; }

/* ------------- */

.footer-info { text-align: center; }



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

/* ============================ */
/*          CRONOGRAMA          */
/* ============================ */

.espaco_corretor .cronograma { margin: 1em 0; width: 100%; text-align: center; }
.espaco_corretor .cronograma h4.titulo { font-size: 1.5em; margin: 0; letter-spacing: .1em; text-align: left; }
.espaco_corretor .cronograma .stat { display: inline-block; width: 30%; margin: 0 1%; }
.espaco_corretor .cronograma .stat > .titulo { display: block; letter-spacing: .1em; text-align: left; margin: .25em 0; }
.espaco_corretor .cronograma .stat .pct { width: 100%; display: block; height: 40px; background: #e9f7fd; }
.espaco_corretor .cronograma .stat .pct > span { display: block; height: 100%; background: #eea200; text-align: right; padding: 20px 15px; color: #fff; line-height: 1px; }

.propostas { height: auto; overflow: hidden; }
.propostas h2 { text-align: left !important; }
.propostas a { margin: 13px 0; float: right; font-size: 100%; line-height: 21px; }
.propostas a i{ vertical-align: middle; }


.box-conjuge-sn .sim{}
.box-conjuge-sn span{ width: 20px; height: 20px; border: 2px solid #eea200; border-radius: 50%; display: inline-block; transform: translateY(4px); }
.box-conjuge-sn span.active{ background: #eea200; }
.box-conjuge-sn div{ display: inline-block; margin-left: 15px; cursor: pointer;}


.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 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: #5b5b5b;
    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: #fff; }


#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: bold; text-align: center;}

.msgAlert { padding: 0px 10px; display: none; border-radius: 3px; text-align: center; position: absolute; bottom: 5px; line-height: 25px; }
.success { color: #47a821; line-height: 35px; font-size: 18px; margin-left: 0px; border: 1px solid #eeffc5; padding: 9px 25px; }

#form-contato .success { border: none; background: #47a821; color: #FFF; line-height: 18px; font-weight: 700; margin: 10px 0 0 0; font-size: 16px; 
    display: inline-block;}
#form-contato2 .success { border: none; background: #47a821; color: #FFF; 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; }
.load.light { width: 24px; height: 24px; margin-top: 0; transform: translateY(15px); background: url(../img/fancybox_loading.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: #333; font-weight: bolder; color: #FFF; }
#main table tbody tr:nth-child(2n) {background: #222;}
#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%; }


.noDisplay{ display: 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;}


.is-relative{ position: relative; }



.bt-whatsbox{
  position: fixed;
  border-radius: 10px;
  right: 25px;
  bottom: 25px;
  background: #00a859;
  text-align: center;
  box-shadow: 0 0 0 0 rgba(0,0,0,1);
  animation: pulse 2s infinite;
  cursor: pointer;
  z-index: 200;
  transition: all 0.3s cubic-bezier(.74,.13,.42,1.81);
  font-size: 14px;
  padding: 0 18px 6px;
}
.bt-whatsbox i{ line-height: 55px; font-size: 28px; color: #FFF; transform: translateY(4px); margin-right: 5px; }
.bt-whatsbox:hover{ transform: scale(1.1); }

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,168,89,0.7); } 70% { box-shadow: 0 0 0 15px rgba(0,168,89,0); } 100% {  box-shadow: 0 0 0 0 rgba(0,168,89,0); }
}



.bt-fixe-interesse{
  position: fixed;
  border-radius: 10px;
  right: 185px;
  bottom: 25px;
  background: #1c8554;
  text-align: center;
  box-shadow: 0 0 0 0 rgba(0,0,0,1);
  cursor: pointer;
  z-index: 200;
  transition: all 0.3s cubic-bezier(.74,.13,.42,1.81);
  font-size: 14px;
  padding: 0 18px 6px;
}
.bt-fixe-interesse i{ line-height: 55px; font-size: 28px; color: #FFF; transform: translateY(4px); margin-right: 5px; }
.bt-fixe-interesse:hover{ transform: scale(1.1); }





.cookies{ position: fixed; bottom: 0; left: 0; font-size: 14px; color: #DDD; background: rgba(44,44,44,0.9); padding: 25px 30px; z-index: 999; }
.cookies a{ color: #2dc1ec;  }
.cookies .botao{  margin-top: 0; }







/* 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_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_big.animated {
    opacity: 1;
    -webkit-animation: fadeLeftBig 2.5s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeftBig 2.5s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeftBig 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeftBig 2.5s 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_escala.animated {
    opacity: 1;
    -webkit-animation: escala 1.5s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: escala 1.5s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: escala 1.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: escala 1.5s 1 cubic-bezier(0.77,0,.175,1);
  }


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

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

@-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 fadeLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-15%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeftBig { 0% { opacity: 0; -moz-transform: translateX(-15%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeLeftBig { 0% { opacity: 0; -o-transform: translateX(-15%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeLeftBig { 0% { opacity: 0; transform: translateX(-15%); } 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); } }






/* EXTRAS */

#form-alterar-cadastro{overflow: hidden}




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

    /* 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}


    .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;}
    .pl120{padding-left: 120px !important;}
    .pl130{padding-left: 130px !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;}
    .pr95{padding-right: 95px !important;}
    .pr100{padding-right: 100px !important;}
    .pr110{padding-right: 110px !important;}
    .pr120{padding-right: 120px !important;}
    .pr130{padding-right: 130px !important;}

    .p0{padding: 0px !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;}

    .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;}
    .pt100{padding-top: 100px !important;}
    .pt110{padding-top: 110px !important;}
    .pt120{padding-top: 120px !important;}

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

.only_mobile{display: none !important; }
.mobile_only{display: none !important; }
.tabela-mobile{ display: none;}
.no_desktop{ display: none; }




/********************* NOTEBOOK ************************/

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

    .topo #form-contato2{ bottom: 40px; }
    .topo #form-contato2{ font-size: 17px; line-height: 25px; }
}





/********************* TABLET LANDSCAPE ************************/

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

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

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

    body{ overflow-x: hidden; font-size: 14px; line-height: 24px;}
    section{ padding: 80px 25px; }
    header .logo{ margin-left: 5px !important; margin-top: 31px !important; width: 250px; height: 43px;}
    header .nav-item{ font-size: 15px; margin: 26px 15px 20px;}
    header .links-rapidos{ margin-right: 50px;}
    header .nav-toggle{ right: 10px; }


    h1{ font-size: 32px; line-height: 36px; }
    h1.maior{ font-size: 49px; line-height: 57px; }
    h2{ font-size: 45px; line-height: 47px; }
    h2.maior{ font-size: 67px; line-height: 77px; }
    h3{ font-size: 21px; line-height: 30px; }

    #form-contato{ margin-top: 20px; }

    header .breve{ letter-spacing: 5px; font-size: 24px; margin-right: 230px !important; }

    .topo #form-contato2{ width: 460px; left: calc(50% - 440px); bottom: 20px; }

    .logo { padding-right: 50px; }

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




/*********************** 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; font-size: 12px; line-height: 20px; }

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

    section{ padding: 65px 10px 60px; }

    h1{ font-size: 27px; line-height: 32px; }
    h1.maior{ font-size: 40px; line-height: 47px; }
    h2{ font-size: 38px; line-height: 44px; }
    h2.maior{ font-size: 50px; line-height: 53px; }
    h3{ font-size: 17px; line-height: 23px; }

    /* MENU */
    .hamburger, .nav-toggle{right: 15px !important;}

    header{ z-index: 203; background-position: left -811px top;}
    header .logo{ margin-left: 10px !important; margin-top: 34px !important; width: 221px; height: 38px; }
    header .wrap{ padding: 0;}

    header .nav-menu.is-active{display: block;}
    .nav-menu .nav-item{ border: none;}
    
    header .links-rapidos{ margin-right: 90px;}
    header .links-rapidos a div{ font-size: 14px;}
    header .links-rapidos a span{ font-size: 10px; }
    header .links-rapidos .nav-item{ margin-right: 20px; margin-top: 24px;}

    header .social i{ font-size: 25px; }
    .columns{ margin-left:0; margin-right: 0; }
    .botao{ font-size: 13px;} 

    .logo img { margin: 0 auto; display: block; }

    header .breve{ letter-spacing: 5px; font-size: 18px; margin-top: 35px !important; margin-right: 115px !important; }
    
    .diferenciais{ padding: 65px 0; }
    .diferenciais img{ max-width: 45px }
    iframe{ height: 450px; }
    .pl80{ padding-left: 50px !important; }


    .topo #form-contato2{ left: 40px; width: 350px; bottom: 15px; }
    .topo #form-contato2 button{ font-size: 11px; padding: 5px 15px; }
    .topo #form-contato2 .column{ padding: 4px;  }
    .topo #form-contato2 .form-group input{ font-size: 14px; }
    .topo #form-contato2 .form-group select{ font-size: 14px; }
    .form-group input{ padding: 8px 0; font-size: 14px; margin-bottom: 7px !important; }
    .form-group select{ font-size: 14px; margin-bottom: 7px; }

 
    /* ESPACO CORRETOR  */
    .espaco_corretor h1{ font-size: 30px;}
    .tabs span{ font-size: 11px;}
    .tabs.is-medium a{padding-left: 7px; padding-right: 7px; font-size: 12px;}
    .level-item .heading{font-size: 10px;}
}



/************************* SMARTPHONE **************************/

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

    .no_desktop{ display: initial; }
    .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: 5px; }


    /* CONFIGURACAO GERAL */

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

    header{ z-index: 203; height: 90px; background-position: left -800px top;}

    header .logo{ margin-left: 20px !important; margin-top: 18px !important; width: 103px; height: 56px; background-image: url(../img/the-spot-one-logo-mobile.png);}

    header .wrap{ padding: 0; }

    h1{ font-size: 27px; line-height: 32px; }
    h1.maior{ font-size: 30px; line-height: 41px; }
    h2{ font-size: 38px; line-height: 44px; }
    h2.maior{ font-size: 46px; line-height: 53px; }
    h3{ font-size: 17px; line-height: 23px; }

    h4{font-size: 16px; }

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

    section{ padding: 50px 0; }
    br{line-height: 24px;}
    .floatL{float: none;}
    .fa{vertical-align: initial;}
    .botao{width: 100%; font-size: 13px; padding-left: 15px; padding-right: 15px; }


    /* MENU */
    header .nav-toggle{ top: 18px ; right: 20px; }
  
    header .nav-menu{ top: 90px; left: 0; padding: 20px; }

    header .nav-item{ padding:0; }
    header .nav-menu .nav-item{border:none; font-size: 17px; margin: 13px 0 13px 15px; }
    

    header .links-rapidos .nav-item{ margin-right: 30px; }




    header .uma-empresa{ top: 16px; right: 20px; }
    header .uma-empresa .ajr{ height: 13px; }
    header .uma-empresa .aj img{ height: 18px; margin-top: 4px; }


    .topo{ margin-top: -15px; }
    .topo h2{ font-size: 26px; line-height: 36px; }

    .topo .texto-banner{ left: 30px; margin-left: 0; top: 60px; font-size: 21px; line-height: 37px; letter-spacing: 2px; }


    .topo #form-contato2{
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        background: url(../img/bg-topo-mobile.jpg);
        padding: 40px;
        font-size: 17px;
        line-height: 33px;
    }

    .topo #form-contato2 .form-group select{ color: #BBB; }
    .topo #form-contato2 .column{ padding: 8px 0; }

    .diferenciais{ padding: 50px 0; }
    .texto-imagem img{ position: relative; top: 0; width: 100%; }
    .diferenciais > .wrap > .columns > .column{ padding: 5px 10px; margin-bottom: 40px; }
    .imagem-texto img{ position: relative; top: 0; width: 100%; }
    .imagem-texto.img2 img{ width: 100%; }
    iframe{ height: 300px; }
    .video{ padding-bottom: 0px; }
    .has-text-centered-mobile{ text-align: center; }
    .rodape i{ margin: 20px 15px 20px; }


    /* ESPACO CORRETOR */
    .espaco_corretor{ padding-left: 5px; padding-right: 5px; }
    .espaco_corretor h1{ text-align: center; font-size: 26px; }
    .espaco_corretor .titulo{ font-size: 24px; line-height: 38px; margin-top: 40px; font-weight: 300; }
    .espaco_corretor .hamburger{ display: block; }
    #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}


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

    
    .bt-whatsbox{ font-size: 13px; right: 20px; padding-bottom: 5px; }
    .bt-whatsbox i{ font-size: 25px; line-height: 36px; }
    .bt-fixe-interesse{ font-size: 13px; right: initial; left: 20px; padding-bottom: 5px; }
    .bt-fixe-interesse i{ font-size: 25px; line-height: 36px; }

    .rodape{ padding-bottom: 100px; }

    .animation_bottom.animated {animation: fadeBottom 0.6s 1 cubic-bezier(0.77,0,.175,1); }
    .animation_left.animated {animation: fadeLeft 0.6s 1 cubic-bezier(0.77,0,.175,1); }
    .animation_right.animated {animation: fadeRight 0.6s 1 cubic-bezier(0.77,0,.175,1); }
    .animation_top.animated {animation: fadeTop 0.6s 1 cubic-bezier(0.77,0,.175,1); }
    .animation_escala.animated {animation: escala 1s 1 cubic-bezier(0.77,0,.175,1); }
}