/*============RESETAR O NAVEGADOR============*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1.5;
}
img.logo-empreendimento {
	width:100%;
}
img.logo-empreendimento:hover {
    -webkit-filter: brightness(110%); 
}

/*===================GRADE==================*/
.larg-1, .larg-2, .larg-3, .larg-4, .larg-5, .larg-6, .larg-7, .larg-8, .larg-9, .larg-10, .larg-11, .larg-12, .larg-0,
.desk-1, .desk-2, .desk-3, .desk-4, .desk-5, .desk-6, .desk-7, .desk-8, .desk-9, .desk-10, .desk-11, .desk-12, .desk-0,
.tabl-1, .tabl-2, .tabl-3, .tabl-4, .tabl-5, .tabl-6, .tabl-7, .tabl-8, .tabl-9, .tabl-10, .tabl-11, .tabl-12, .tabl-0, 
.mobl-1, .mobl-2, .mobl-3, .mobl-4, .mobl-5, .mobl-6, .mobl-7, .mobl-8, .mobl-9, .mobl-10, .mobl-11, .mobl-12, .mobl-0{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 10px;
    text-align: left;
}
@media screen and (min-width: 100px) {
    .larg-1 {
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
        max-width: 8.333333%;
        display: block;
    }
    .larg-2 {
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
        max-width: 16.666667%;
        display: block;
    }
    .larg-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%;
        display: block;
    }
    .larg-4 {
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
        max-width: 33.333333%;
        display: block;
		padding-bottom: 100px;
    }
    .larg-5 {
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
        max-width: 41.666667%;
        display: block;
    }
    .larg-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
        display: block;
    }
    .larg-7 {
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
        max-width: 58.333333%;
        display: block;
    }
    .larg-8 {
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
        max-width: 66.666667%;
        display: block;
    }
    .larg-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%;
        display: block;
    }
    .larg-10 {
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
        max-width: 83.333333%;
        display: block;
    }
    .larg-11 {
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
        max-width: 91.666667%;
        display: block;
    }
    .larg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
        display: block;  
}
    .larg-0 {
        display: none;  
}

    .lorder-1{
        -webkit-order: 1;
                order: 1;
    }
    .lorder-2{
        -webkit-order: 2;
                order: 2;
    }
    .lorder-3{
        -webkit-order: 3;
                order: 3;
    }
    .lorder-4{
        -webkit-order: 4;
                order: 4;
    }
    .lorder-5{
        -webkit-order: 5;
                order: 5;
    }
    .lorder-6{
        -webkit-order: 6;
                order: 6;
    }
    .lorder-7{
        -webkit-order: 7;
                order: 7;
    }
    .lorder-8{
        -webkit-order: 8;
                order: 8;
    }
    .lorder-9{
        -webkit-order: 9;
                order: 9;
    }
    .lorder-10{
        -webkit-order: 10;
                order: 10;
    }
    .lorder-11{
        -webkit-order: 11;
                order: 11;
    }
    .lorder-12{
        -webkit-order: 12;
                order: 12;
    }
    
}
@media screen and (max-width: 992px) {

    .desk-1 {
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
        max-width: 8.333333%;
        display: block;
    }
    .desk-2 {
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
        max-width: 16.666667%;
        display: block;
    }
    .desk-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%;
        display: block;
    }
    .desk-4 {
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
        max-width: 33.333333%;
        display: block;
    }
    .desk-5 {
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
        max-width: 41.666667%;
        display: block;
    }
    .desk-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
        display: block;
    }
    .desk-7 {
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
        max-width: 58.333333%;
        display: block;
    }
    .desk-8 {
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
        max-width: 66.666667%;
        display: block;
    }
    .desk-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%;
        display: block;
    }
    .desk-10 {
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
        max-width: 83.333333%;
        display: block;
    }
    .desk-11 {
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
        max-width: 91.666667%;
        display: block;
    }
    .desk-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;  
        display: block;
}
    .desk-0 {
        display: none;
}
    
    .dorder-1{
        -webkit-order: 1;
                order: 1;
    }
    .dorder-2{
        -webkit-order: 2;
                order: 2;
    }
    .dorder-3{
        -webkit-order: 3;
                order: 3;
    }
    .dorder-4{
        -webkit-order: 4;
                order: 4;
    }
    .dorder-5{
        -webkit-order: 5;
                order: 5;
    }
    .dorder-6{
        -webkit-order: 6;
                order: 6;
    }
    .dorder-7{
        -webkit-order: 7;
                order: 7;
    }
    .dorder-8{
        -webkit-order: 8;
                order: 8;
    }
    .dorder-9{
        -webkit-order: 9;
                order: 9;
    }
    .dorder-10{
        -webkit-order: 10;
                order: 10;
    }
    .dorder-11{
        -webkit-order: 11;
                order: 11;
    }
    .dorder-12{
        -webkit-order: 12;
                order: 12;
    }
    
}
@media screen and (max-width: 768px) {

    .tabl-1 {
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
        max-width: 8.333333%;
        display: block;
    }
    .tabl-2 {
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
        max-width: 16.666667%;
        display: block;
    }
    .tabl-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%;
        display: block;
    }
    .tabl-4 {
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
        max-width: 33.333333%;
        display: block;
    }
    .tabl-5 {
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
        max-width: 41.666667%;
        display: block;
    }
    .tabl-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
        display: block;
    }
    .tabl-7 {
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
        max-width: 58.333333%;
        display: block;
    }
    .tabl-8 {
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
        max-width: 66.666667%;
        display: block;
    }
    .tabl-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%;
        display: block;
    }
    .tabl-10 {
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
        max-width: 83.333333%;
        display: block;
    }
    .tabl-11 {
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
        max-width: 91.666667%;
        display: block;
    }
    .tabl-12 {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; 
        display: block; 
    }
    .tabl-0 {
        display: none;
    }
    
    .torder-1{
        -webkit-order: 1;
                order: 1;
    }
    .torder-2{
        -webkit-order: 2;
                order: 2;
    }
    .torder-3{
        -webkit-order: 3;
                order: 3;
    }
    .torder-4{
        -webkit-order: 4;
                order: 4;
    }
    .torder-5{
        -webkit-order: 5;
                order: 5;
    }
    .torder-6{
        -webkit-order: 6;
                order: 6;
    }
    .torder-7{
        -webkit-order: 7;
                order: 7;
    }
    .torder-8{
        -webkit-order: 8;
                order: 8;
    }
    .torder-9{
        -webkit-order: 9;
                order: 9;
    }
    .torder-10{
        -webkit-order: 10;
                order: 10;
    }
    .torder-11{
        -webkit-order: 11;
                order: 11;
    }
    .torder-12{
        -webkit-order: 12;
                order: 12;
    }
    
}
@media screen and (max-width: 480px) {

    .mobl-1 {
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
        max-width: 8.333333%;
        display: block;
    }
    .mobl-2 {
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
        max-width: 16.666667%;
        display: block;
    }
    .mobl-3 {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%;
        display: block;
    }
    .mobl-4 {
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
        max-width: 33.333333%;
        display: block;
    }
    .mobl-5 {
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
        max-width: 41.666667%;
        display: block;
    }
    .mobl-6 {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
        display: block;
    }
    .mobl-7 {
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
        max-width: 58.333333%;
        display: block;
    }
    .mobl-8 {
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
        max-width: 66.666667%;
        display: block;
    }
    .mobl-9 {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%;
        display: block;
    }
    .mobl-10 {
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
        max-width: 83.333333%;
        display: block;
    }
    .mobl-11 {
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
        max-width: 91.666667%;
        display: block;
    }
    .mobl-12 {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%;  
        display: block;
    }
    .mobl-0 {
        display: none;
    }
    
    .morder-1{
        -webkit-order: 1;
                order: 1;
    }
    .morder-2{
        -webkit-order: 2;
                order: 2;
    }
    .morder-3{
        -webkit-order: 3;
                order: 3;
    }
    .morder-4{
        -webkit-order: 4;
                order: 4;
    }
    .morder-5{
        -webkit-order: 5;
                order: 5;
    }
    .morder-6{
        -webkit-order: 6;
                order: 6;
    }
    .morder-7{
        -webkit-order: 7;
                order: 7;
    }
    .morder-8{
        -webkit-order: 8;
                order: 8;
    }
    .morder-9{
        -webkit-order: 9;
                order: 9;
    }
    .morder-10{
        -webkit-order: 10;
                order: 10;
    }
    .morder-11{
        -webkit-order: 11;
                order: 11;
    }
    .morder-12{
        -webkit-order: 12;
                order: 12;
    }
}


.container{
    width: 1024px;
    max-width: 100%;
    padding: 40px 0;
    margin: 0 auto;
    position: relative;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.cont_in_cont{
    width: 100%;
    position: relative;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.cell_no_padding{
    padding: 0;
}

.cont_align_top {
    align-items: flex-start;
}
.cont_align_bottom {
    align-items: flex-end;
}
.cont_align_center {
    align-items: center;
}

.cont_justify_star {
    justify-content: flex-start;
}
.cont_justify_end {
    justify-content: flex-end;
}
.cont_justify_center {
    justify-content: center;
}




/*===================GERAL===================*/
html, body {
    font-family: sans-serif;
    height: 100%;
}
header {
	padding: 0 0px 100px 0;
}
a{
    color: inherit;
    text-decoration: none;
}
img{
    max-width: 100%;
    height: auto;
}
.tx_left{
    text-align: left;
}
.tx_center{
    text-align: center;
}
.tx_right{
    text-align: right;
}


/*================Exclusivo====================*/
.cont_site {
    min-height: calc(100% - 144px);
}
h1 {
    padding: 5px 0 80px;
    color: #A4B0B9;
    font-weight: normal;
    font-size: 18px;
}
.legnd{
    text-align: center;
    font-size: 22px;
    color: #3C4954;
    font-weight: 600;
}
.button_city {
    background: #c00;
    color: white;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}
.button_city:hover {
    background: red
}

footer {
    background: #c00;
    color: white;
}
footer .container {
    align-items: center;
    justify-content: left;
}
footer .container p:first-child {
    flex: auto;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .button_city {
        height: auto;
        min-height: 100px;
    }
}