﻿* {
    outline: none;
    text-decoration: none;
}

body {
    font-family: 'Gotham Narrow Book', sans-serif !important;
    background: #fff;
}

.containerFull {
    width: 100%;
    float: left;
}

.containerBody,
.containerFooter {
    padding: 0 0 0 220px;
    width: 100%;
}

.mainTopo {
    width: 100%;
    height: 100vh;
}

.icon {
    width: 40px;
    height: 35px;
    display: block;
    cursor: pointer;
    margin: 15px 0;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

    .icon.favorito {
        background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito.png");
        /*display: none !important;*/
    }

        .icon.favorito:hover {
            background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito-hover.png");
        }

        .icon.favorito.active {
            background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito-active.png");
        }

    .icon.addComentario {
        background: url("https://cdn.trisul-sa.com.br/Content/images/icon-comentario.png");
        /*display: none !important;*/
    }

        .icon.addComentario.active,
        .icon.addComentario:hover {
            background: url("https://cdn.trisul-sa.com.br/Content/images/icon-comentario-hover.png");
        }

    .icon.enviarEmail {
        background: url("https://cdn.trisul-sa.com.br/Content/images/icon-enviar-email.png");
        /*display: none !important;*/
    }

        .icon.enviarEmail.active,
        .icon.enviarEmail:hover {
            background: url("https://cdn.trisul-sa.com.br/Content/images/icon-enviar-email-hover.png");
        }

.menuAberto {
    overflow: hidden !important;
    margin-right: 17px;
}

/*.icon.addComentario,
.icon.enviarEmail{
    display: none !important;
}*/

.btnYellow {
    background: #ffc72c;
    color: #0b2340;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 10px 0;
    transition: linear 0.2s;
    -webkit-transition: linear 0.2s;
}

    .btnYellow:hover {
        background: #0b2340;
        color: #ffc72c;
    }

.btnBorda {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 10px 0;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
}

    .btnBorda:hover {
        background: #ffc72c;
        color: #0b2340;
        border: 1px solid #ffc72c;
    }

textarea {
    box-sizing: border-box;
}

    input:focus,
    textarea:focus {
        box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
        border-color: #c0c0c0;
    }

@media (max-width: 960px) {
    .containerBody {
        padding: 0 0 66px 0;
        float: left;
        position: relative;
        /*display: none;*/
    }

    .mainTopo {
        height: 344px;
        padding-top: 41px;
    }

    .icon {
        width: 30px;
        height: 30px;
        display: block;
        background-size: contain !important;
    }

    .menuAberto {
        overflow: hidden !important;
        margin-right: 0px;
    }
}


/********************************************
ORIENTAÇÃO
********************************************/
#orientacao {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(11, 35, 64, 0.9);
    display: none;
}

.imagemOrientacao {
    width: 156px;
    height: 96px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -78px;
    animation-name: rotacao;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

@keyframes rotacao {
    0% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    20% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }

    75% {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }

    100% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
}


/********************************************
.headerLayout
********************************************/

/***************** Topo Um *****************/

.headerLayout {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transform: translateY(0);
    transition: linear 0.2s;
    -webkit-transition: linear 0.2s;
}

    .headerLayout.fechado {
        transform: translateY(-100%);
    }

    .headerLayout .topoUm {
        color: #595b5e;
        padding: 15px 0;
        background: #fff;
    }

        .headerLayout .topoUm .botoesTopoLeft {
            padding-top: 7px;
            display: inline-block;
            vertical-align: middle;
        }

            .headerLayout .topoUm .botoesTopoLeft a {
                display: inline-block;
                vertical-align: middle;
            }

                .headerLayout .topoUm .botoesTopoLeft a.btnOpenMenu {
                    text-transform: uppercase;
                    border: 2px solid #0b2340;
                    background: #0b2340;
                    font-size: 16px;
                    letter-spacing: 1px;
                    padding: 15px;
                    font-weight: 600;
                    cursor: pointer;
                }

                    .headerLayout .topoUm .botoesTopoLeft a.btnOpenMenu p {
                        padding: 0;
                        color: #fff;
                        font-family: 'Gotham Narrow Book', sans-serif !important;
                    }

        /*.headerLayout .topoUm .botoesTopoLeft a.pinUsuario{
    width: 25px;
    height: 42px;
    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-pin-usuario.png") no-repeat center center;
    margin-left: 15px;
}*/


        .headerLayout .topoUm .colLogo,
        .headerLayout .topoUm .canaisVenda,
        .headerLayout .topoUm .colUser {
            display: inline-block;
            vertical-align: middle;
            float: none;
        }

        .headerLayout .topoUm .canaisVenda {
            text-align: center;
            width: 60%;
            padding: 0;
        }

        .headerLayout .topoUm .colLogo {
            width: 20%;
        }

        .headerLayout .topoUm .logoTopo {
            width: 100%;
            float: left;
            text-align: center;
            margin-top: 7px;
        }

        .headerLayout .topoUm .canaisVenda button {
            height: 82px;
            max-width: 135px;
            width: 22%;
            border: 0;
            display: inline-block;
            vertical-align: middle;
            background: transparent;
            padding: 0 1px;
            margin: 0 -2px;
            cursor: pointer;
            overflow: hidden;
            outline: none;
        }

        .headerLayout .topoUm .canaisVenda .pipeButtom {
            width: 1px;
            height: 80px;
            display: inline-block;
            vertical-align: middle;
            background: #64666a;
        }

        .headerLayout .topoUm .canaisVenda button.comHover {
            transition: ease 0.2s;
            -webkit-transition: ease 0.2s;
        }

        .headerLayout .topoUm .canaisVenda button.semHover {
            cursor: default;
            border: 0;
        }

        .headerLayout .topoUm .canaisVenda button .iconBtn {
            /*background: url(https://cdn.trisul-sa.com.br/Content/images/gradient-btn-topo.jpg) repeat-x bottom center;
    border-bottom: 3px solid #000;*/
            display: block;
            padding: 0;
            transition: ease 0.2s;
            -webkit-transition: ease 0.2s;
        }

            /*.headerLayout .topoUm .canaisVenda button .iconBtn::after{
    content: ' ';
    display: block;
    background: url(https://cdn.trisul-sa.com.br/Content/images/seta-down-btn-topo.png) no-repeat center center;
    height: 11px;
    width: 100%;
    float: left;    
    margin-top: 5px;
}*/

            .headerLayout .topoUm .canaisVenda button .iconBtn i {
                display: block;
                width: 40px;
                height: 40px;
                margin: 0 auto;
                background-size: 130px !important;
                transition: ease 0.2s;
                -webkit-transition: ease 0.2s;
            }

        .headerLayout .topoUm .canaisVenda button p {
            color: #0b2340;
            font-weight: 600;
            font-size: 14px;
            text-align: center;
            padding: 5px 0;
            transition: ease 0.2s;
            -webkit-transition: ease 0.2s;
        }

            .headerLayout .topoUm .canaisVenda button p.red {
                color: #941313;
            }

            .headerLayout .topoUm .canaisVenda button p.gray {
                color: #64666a;
            }

            .headerLayout .topoUm .canaisVenda button p span {
                letter-spacing: 1px;
            }

        .headerLayout .topoUm .canaisVenda button .iconBtn i.chat {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat-red.svg) no-repeat center center;
        }

        .headerLayout .topoUm .canaisVenda button .iconBtn i.ligue-me {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me-blue.svg) no-repeat center center;
        }

        .headerLayout .topoUm .canaisVenda button .iconBtn i.email {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email-blue.svg) no-repeat center center;
        }

        .headerLayout .topoUm .canaisVenda button .iconBtn i.telefone {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/telefone-blue.svg) no-repeat center center;
        }

        .headerLayout .topoUm .canaisVenda button .iconBtn i.portal {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/portal-cliente-gray.svg) no-repeat center center;
        }

        /*.headerLayout .topoUm .canaisVenda button.comHover:hover{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
}*/


        .headerLayout .topoUm .colUser {
            padding: 0;
            text-align: right;
            width: 19%;
        }

            .headerLayout .topoUm .colUser .botoesUserLogin {
                display: inline-block;
                vertical-align: middle;
                width: 50%;
            }

                .headerLayout .topoUm .colUser .botoesUserLogin .row {
                    margin: 0;
                    width: 100%;
                    float: left;
                    padding: 5px 10px 0 0;
                    text-align: left;
                }

                    .headerLayout .topoUm .colUser .botoesUserLogin .row a {
                        display: inline-block;
                        vertical-align: bottom;
                        font-size: 14px;
                        color: #595b5e;
                        font-weight: 300;
                        border-bottom: 1px solid transparent;
                    }

                        .headerLayout .topoUm .colUser .botoesUserLogin .row a:hover {
                            border-bottom: 1px solid #595b5e;
                        }

                        .headerLayout .topoUm .colUser .botoesUserLogin .row a i {
                            display: inline-block;
                            margin-left: 7px;
                            background-size: contain !important;
                            background-position: center center !important;
                        }

                            .headerLayout .topoUm .colUser .botoesUserLogin .row a i.iconUserGray {
                                width: 15px;
                                height: 15px;
                                background: url("https://cdn.trisul-sa.com.br/Content/images/icon-user-gray.png") no-repeat;
                            }

                            .headerLayout .topoUm .colUser .botoesUserLogin .row a i.iconFavoritoGray {
                                width: 16px;
                                height: 12px;
                                background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito-gray.png") no-repeat;
                            }

                                .headerLayout .topoUm .colUser .botoesUserLogin .row a i.iconFavoritoGray.bounce,
                                .headerLayout .topoUm .colUser .botoesUserLogin .row a i.iconFavoritoGray.active,
                                .menuLeftDesktop .boxMenu .row a i.favoritoGray.bounce,
                                .menuLeftDesktop .boxMenu .row a i.favoritoGray.active {
                                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito-gray-active.png") no-repeat;
                                }

@media (width: 1024px) {
    .headerLayout .topoUm .canaisVenda button p {
        font-size: 12px;
        padding: 13px 0;
    }

    .headerLayout .topoUm .canaisVenda button {
        width: 19%;
    }
}

/***************** Topo Dois *****************/
.headerLayout .topoDois {
    background: #0b2340;
    padding: 13px 0;
}

    .headerLayout .topoDois .menuLinks,
    .headerLayout .topoDois .menuLinks li,
    .headerLayout .topoDois .menuBotoes,
    .headerLayout .topoDois .menuBotoes button,
    .headerLayout .topoDois .menuBotoes button p,
    .headerLayout .topoDois .menuBotoes button i.icon {
        display: inline-block;
        vertical-align: middle;
    }

    .headerLayout .topoDois .menuLinks {
        width: 60%;
    }

        .headerLayout .topoDois .menuLinks li a {
            color: #fff;
            font-size: 16px;
            border-left: 1px solid #64666a;
            padding: 5px 10px 5px 10px;
        }

            .headerLayout .topoDois .menuLinks li a:hover {
                color: #ffc72c;
            }

        .headerLayout .topoDois .menuLinks li:first-child a {
            border-left: 0;
            padding: 5px 10px 5px 0px;
        }

    .headerLayout .topoDois .menuBotoes {
        width: 39%;
        text-align: right;
    }

        .headerLayout .topoDois .menuBotoes button {
            width: auto;
            background: #ffc72c;
            border: 0;
            padding: 5px;
            cursor: pointer;
            margin-left: 15px;
        }

            .headerLayout .topoDois .menuBotoes button i.icon {
                width: 30px;
                height: 30px;
                margin: 0 0 0 5px;
            }

                .headerLayout .topoDois .menuBotoes button i.icon.buscaImovel {
                    background: url(https://cdn.trisul-sa.com.br/Content/images/svg/busque-imovel-blue.svg) no-repeat;
                    background-size: 279%;
                    background-position: center -29px !important;
                }

                .headerLayout .topoDois .menuBotoes button i.icon.buscaEstilo {
                    background: url(https://cdn.trisul-sa.com.br/Content/images/svg/buscar-estilo-blue.svg) no-repeat;
                    background-size: 279%;
                    background-position: center -27px !important;
                }

            .headerLayout .topoDois .menuBotoes button p {
                font-size: 18px;
                color: #0b2340;
            }

@media (width: 1024px) {
    .headerLayout .topoDois .menuLinks li a {
        color: #fff;
        font-size: 14px;
        border-left: 1px solid #64666a;
        padding: 5px 5px 5px 5px;
    }

    .headerLayout .topoDois .menuLinks li:first-child a {
        padding: 5px 5px 5px 0px;
    }

    .headerLayout .topoDois .menuBotoes button p {
        font-size: 15px;
    }

    .headerLayout .topoDois .menuBotoes button i.icon {
        width: 20px;
        height: 20px;
    }

        .headerLayout .topoDois .menuBotoes button i.icon.buscaImovel {
            background-position: center -20px !important;
        }

        .headerLayout .topoDois .menuBotoes button i.icon.buscaEstilo {
            background-position: center -17px !important;
        }
}


/***************** Topo breadCrumbs *****************/
.breadCrumbs {
    height: 19px;
    background: #2d3b4f;
}

    .breadCrumbs .breadcrumb {
        padding: 0;
        background: transparent;
        margin: 0;
    }

        .breadCrumbs .breadcrumb > li + li:before {
            font-size: 15px;
        }

        .breadCrumbs .breadcrumb li a {
            color: #fff;
            font-size: 12px;
            font-weight: 300;
        }

.breadcrumb > .active {
    font-size: 12px;
    font-weight: 300;
    color: #ffc72c !important;
}

@media (max-width: 320px) {
    .headerLayout .topoUm .opcoesBusca .groupBusca button {
        font-size: 22px !important;
        position: absolute;
        right: 0;
    }
}




@media (max-width: 960px) {

    .headerLayout {
        position: relative;
        transform: none;
    }

        .headerLayout .topoUm {
            padding: 10px 0;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
        }

            .headerLayout .topoUm .canaisVenda {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                background: red;
                padding: 5px 0;
                border-top: 2px solid #040f1c;
                background: #104380;
                background: -moz-linear-gradient(top, #104380 0%, #0b2341 100%);
                background: -webkit-linear-gradient(top, #104380 0%,#0b2341 100%);
                background: linear-gradient(to bottom, #104380 0%,#0b2341 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104380', endColorstr='#0b2341',GradientType=0 );
            }

                .headerLayout .topoUm .canaisVenda button {
                    height: auto;
                    background: transparent;
                    margin: 0;
                    width: 30%;
                    max-width: none;
                }

                    .headerLayout .topoUm .canaisVenda button:nth-child(5) {
                        border-left: 1px solid #fff;
                        border-right: 1px solid #fff;
                    }

                    .headerLayout .topoUm .canaisVenda button p,
                    .headerLayout .topoUm .canaisVenda button i {
                        display: inline-block;
                    }

                    .headerLayout .topoUm .canaisVenda button .iconBtn {
                        background: transparent;
                        border: 0;
                        padding: 0;
                    }

                .headerLayout .topoUm .canaisVenda .linkPortal {
                    display: none;
                }

                .headerLayout .topoUm .canaisVenda button p,
                .headerLayout .topoUm .canaisVenda button:nth-child(3),
                .headerLayout .topoUm .canaisVenda button .iconBtn::after,
                .headerLayout .topoUm .canaisVenda .pipeButtom {
                    display: none;
                }

            .headerLayout .topoUm .colLogo {
                width: 100%;
            }

            .headerLayout .topoUm .botoesTopoLeft a.btnOpenMenu {
                display: none;
            }

            .headerLayout .topoUm .colLogo a.btnOpenMenu.mobile {
                background: url(https://cdn.trisul-sa.com.br/Content/images/bg-menu-mobile.png) no-repeat center center;
                background-size: contain;
                border: 2px solid #595b5e;
                padding: 17px;
                margin-right: 10px;
            }

                .headerLayout .topoUm .colLogo a.btnOpenMenu.mobile p {
                    display: none;
                }

            .headerLayout .topoUm .logoTopo {
                width: 60%;
                max-width: 200px;
                margin: 0;
            }

    .topoUm .colLogo button.buscaMobile {
        font-size: 23px;
        color: #fff;
        padding: 6px;
        border: 0;
        background: #FFC72C;
        text-shadow: 1px 1px #DDAA1C;
    }

    .headerLayout .topoUm .colLogo a,
    .headerLayout .topoUm .colLogo .logoTopo,
    .headerLayout .topoUm .colLogo button {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .headerLayout .topoDois,
    .headerLayout .topoUm .colUser {
        display: none;
    }

    .headerLayout .topoUm .canaisVenda button .iconBtn i.chat {
        background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat.svg) no-repeat center center;
    }

    .headerLayout .topoUm .canaisVenda button .iconBtn i.ligue-me {
        background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me.svg) no-repeat center center;
    }

    .headerLayout .topoUm .canaisVenda button .iconBtn i.email {
        background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email.svg) no-repeat center center;
    }

    .headerLayout .topoUm .canaisVenda button .iconBtn i.telefone {
        background: url(https://cdn.trisul-sa.com.br/Content/images/svg/telefone.svg) no-repeat center center;
    }

    .enderecoMenu {
        display: block !important;
    }
}

@media (min-width: 961px) {
    /*.headerLayout .topoUm .canaisVenda button.comHover:hover .iconBtn{
        margin-top: -15px;
        padding: 13px 0 5px;
    }

    .headerLayout .topoUm .canaisVenda button.comHover:hover p{
        font-size: 17px;
    }

    .headerLayout .topoUm .canaisVenda button.comHover:hover .iconBtn i{
        background-size: 100px !important;
    }*/

    .headerLayout .topoUm .colLogo a.btnOpenMenu.mobile,
    .headerLayout .topoUm .colLogo .buscaMobile {
        display: none;
    }
}


/********************************************
MENU LEFT DESKTOP   
********************************************/
.menuLeftDesktop {
    /*width: 25%;*/
    max-width: 220px;
    height: 100vh;
    background: #d8d8d8 url("https://cdn.trisul-sa.com.br/Content/images/bg-borda-menu-left.jpg") top right repeat-y;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}

    .menuLeftDesktop.aberto {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .menuLeftDesktop .logo {
        width: 100%;
        float: left;
    }

        .menuLeftDesktop .logo img {
            width: 170px;
            display: block;
            margin: 20px auto;
        }

    .menuLeftDesktop .boxMenu {
        /*border-top: 1px solid #595b5e;
    border-bottom: 1px solid #595b5e;*/
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0;
    }

        .menuLeftDesktop .boxMenu a {
            display: inline-block;
            vertical-align: middle;
        }

            .menuLeftDesktop .boxMenu a.btnOpenMenu {
                text-transform: uppercase;
                border: 2px solid #595b5e;
                color: #595b5e;
                font-size: 16px;
                letter-spacing: 1px;
                padding: 12px 15px;
                font-weight: 600;
                cursor: pointer;
            }

        .menuLeftDesktop .boxMenu .row {
            margin: 0;
            float: left;
            width: 100%;
            padding: 15px 0 0 0;
            text-align: center;
        }

            .menuLeftDesktop .boxMenu .row a {
                display: inline-block;
                vertical-align: bottom;
                font-size: 14px;
                color: #595b5e;
                font-weight: 300;
                border-bottom: 1px solid transparent;
            }

                .menuLeftDesktop .boxMenu .row a:hover {
                    border-bottom: 1px solid #595b5e;
                }

                .menuLeftDesktop .boxMenu .row a.pipe:hover {
                    border-bottom: 1px solid transparent;
                }

                .menuLeftDesktop .boxMenu .row a i {
                    display: inline-block;
                    margin-right: 7px;
                    background-size: contain !important;
                    background-position: center center !important;
                }

                    .menuLeftDesktop .boxMenu .row a i.userGray {
                        width: 20px;
                        height: 20px;
                        background: url("https://cdn.trisul-sa.com.br/Content/images/icon-user-gray.png") no-repeat;
                    }

                    .menuLeftDesktop .boxMenu .row a i.favoritoGray {
                        width: 19px;
                        height: 17px;
                        background: url("https://cdn.trisul-sa.com.br/Content/images/icon-favorito-gray.png") no-repeat;
                    }

        .menuLeftDesktop .boxMenu a.pinUsuario {
            width: 25px;
            height: 42px;
            background: url("https://cdn.trisul-sa.com.br/Content/images/icon-pin-usuario.png") no-repeat center center;
            margin-left: 15px;
        }

    .menuLeftDesktop ul.menuContatoLeft,
    .menuLeftDesktop ul.menuContatoLeft li {
        width: 100%;
        float: left;
    }


        .menuLeftDesktop ul.menuContatoLeft li {
            border-bottom: 1px solid #595b5e;
            transition: linear 0.2s;
            -webkit-transition: linear 0.2s;
        }

            .menuLeftDesktop ul.menuContatoLeft li:last-child,
            .menuLeftDesktop ul.menuContatoLeft li.semBorda {
                border-bottom: 1px solid transparent !important;
            }

            .menuLeftDesktop ul.menuContatoLeft li a {
                display: block;
                border-right: 12px solid #595b5e;
                color: #595b5e;
                font-size: 14px;
                padding: 12px 0 12px 20px;
                cursor: pointer;
                text-align: match-parent;
                transition: ease 0.2s;
                -webkit-transition: ease 0.2s;
            }

                .menuLeftDesktop ul.menuContatoLeft li a:hover {
                    background: #cac9c9;
                    border-right-color: #ffc72c;
                    padding: 12px 0 12px 35px;
                }

                .menuLeftDesktop ul.menuContatoLeft li a.btnChat:hover {
                    border-right-color: #941313;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i,
                .menuLeftDesktop ul.menuContatoLeft li a p {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft {
                        width: 26px;
                        height: 26px;
                        background-position: center center !important;
                        background-size: contain !important;
                        margin-right: 10px;
                        transform: rotate(0deg);
                        transition-property: transform;
                        -webkit-transition-property: transform;
                        transition: ease 0.2s;
                        -webkit-transition: ease 0.2s;
                        transition-delay: 0.2s;
                    }


                .menuLeftDesktop ul.menuContatoLeft li a:hover i.iconLeft {
                    transform: rotate(-15deg);
                }


                .menuLeftDesktop ul.menuContatoLeft li a.telefoneTrisul p {
                    font-size: 14px;
                }

                    .menuLeftDesktop ul.menuContatoLeft li a.telefoneTrisul p span {
                        font-size: 20px;
                        display: block;
                    }

                        .menuLeftDesktop ul.menuContatoLeft li a.telefoneTrisul p span abbr {
                            font-size: 14px;
                            margin-right: 6px;
                        }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.imoveis {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-imoveis-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.chat {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-chat-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.ligueMe {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-ligueme-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.email {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-email-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.portalCliente {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-portal-cliente-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.portalCorretor {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-portal-corretor-menu-left.png") no-repeat;
                }

                .menuLeftDesktop ul.menuContatoLeft li a i.iconLeft.telefone {
                    background: url("https://cdn.trisul-sa.com.br/Content/images/icon-telefone-menu-left.png") no-repeat;
                }

    .menuLeftDesktop .boxBusca {
        width: 100%;
        float: left;
        padding: 15px 25px 20px 15px;
    }

        .menuLeftDesktop .boxBusca .btnChat {
            width: 100%;
            background: #941313;
            color: #fff;
            font-size: 16px;
            font-weight: 300;
            float: left;
            padding: 10px;
            margin: 10px 0 15px 0;
            text-align: center;
        }

            .menuLeftDesktop .boxBusca .btnChat i {
                width: 26px;
                height: 21px;
                background: url("https://cdn.trisul-sa.com.br/Content/images/svg/chat.svg") no-repeat center center;
                display: inline-block;
                vertical-align: middle;
                margin: 2px 5px;
            }

        .menuLeftDesktop .boxBusca .busca {
            width: 100%;
            height: 44px;
            background: #fff;
            border: 1px solid #b2b2b2;
            float: left;
        }

            .menuLeftDesktop .boxBusca .busca input {
                width: 80%;
                height: 44px;
                float: left;
                background: transparent;
                border: 0;
                padding: 0 10px;
            }

            .menuLeftDesktop .boxBusca .busca button {
                width: 20%;
                height: 42px;
                float: left;
                background: #ffc72c url("https://cdn.trisul-sa.com.br/Content/images/icon-search-blue.png") no-repeat center center;
                background-size: 75% !important;
                border: 0;
                color: #0b2240;
                font-size: 20px;
                cursor: pointer;
                transition: ease 0.2s;
                -webkit-transition: ease 0.2s;
            }

                .menuLeftDesktop .boxBusca .busca button:hover {
                    background: #0b2240 url("https://cdn.trisul-sa.com.br/Content/images/icon-search-white.png") no-repeat center center;
                    color: #fff;
                }

            .menuLeftDesktop .boxBusca .busca a {
                float: left;
                width: 100%;
            }

                .menuLeftDesktop .boxBusca .busca a.avancada {
                    text-align: right;
                    color: #878789;
                    font-size: 14px;
                    padding: 5px 0;
                    width: auto;
                    float: right;
                    border-bottom: 1px solid transparent;
                }

                    .menuLeftDesktop .boxBusca .busca a.avancada:hover {
                        border-bottom: 1px solid #878789;
                    }

                .menuLeftDesktop .boxBusca .busca a.buscarEstilo {
                    width: 100%;
                    background: #ffc72c;
                    color: #0b2340;
                    font-size: 16px;
                    font-weight: 300;
                    float: left;
                    padding: 10px;
                    margin: 15px 0 0 0;
                    text-align: center;
                }

                    .menuLeftDesktop .boxBusca .busca a.buscarEstilo i.iconEstilo {
                        display: inline-block;
                        vertical-align: middle;
                        width: 27px;
                        height: 27px;
                        background: url("https://cdn.trisul-sa.com.br/Content/images/svg/buscar-estilo-blue.svg") center center no-repeat;
                        margin-left: 8px;
                        background-size: 74px;
                    }

    .menuLeftDesktop .boxSocial {
        background: #cccccd;
        width: 208px;
        float: left;
        text-align: center;
        padding: 10px 0;
        margin-top: 20px;
    }

        .menuLeftDesktop .boxSocial a {
            display: inline-block;
            vertical-align: middle;
            font-size: 30px;
            color: #64666a;
        }

@media (min-width: 961px) and (max-width: 1280px) {
    .menuLeftDesktop .logo img {
        margin: 15px auto;
    }

    .menuLeftDesktop ul.menuContatoLeft li a {
        padding: 12px 0 12px 20px;
    }
}

@media (max-width: 960px) {
    .menuLeftDesktop {
        display: none;
    }
}


/********************************************
MENU FULL OPEN  
********************************************/
.menuFull {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    visibility: hidden;
    opacity: 0;
    transform: rotateX(35deg);
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    display: block;
}

    .menuFull.mobile {
        display: none !important;
    }

.menu-mobile {
    display: none !important;
}

.menu-desk {
    display: block !important;
}

.menuFull.aberto {
    transform: rotateX(0deg);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 102;
    visibility: visible;
    opacity: 1;
}

.menuFull .container {
    transform: translateY(-50%);
    opacity: 0;
    transition: ease 0.9s;
    -webkit-transition: ease 0.9s;
}

    .menuFull .container.open {
        transform: translateY(0);
        opacity: 1;
    }

.menuFull .tituloMenu {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .menuFull .tituloMenu h4 {
        width: 76%;
        display: inline-block;
        vertical-align: middle;
        font-size: 45px;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
    }

    .menuFull .tituloMenu h5 {
        width: 76%;
        font-size: 20px;
        color: #fff;
        font-weight: 300;
    }


    /***************** MENU PRINCIPAL ******************/
    .menuFull .tituloMenu .areaUsuario {
        width: 23%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        float: right;
        padding: 12px 0;
    }

        .menuFull .tituloMenu .areaUsuario a {
            display: inline-block;
            vertical-align: bottom;
            color: #fff;
            font-size: 16px;
            border-left: 1px solid #fff;
            padding: 0 5px;
        }

            .menuFull .tituloMenu .areaUsuario a:first-child {
                border: 0;
                padding-left: 3px;
            }

            .menuFull .tituloMenu .areaUsuario a i.iconUser {
                width: 20px;
                height: 20px;
                background: url("https://cdn.trisul-sa.com.br/Content/images/icon-user.png") no-repeat center center;
                display: block;
                display: inline-block;
            }

            .menuFull .tituloMenu .areaUsuario a:hover i.iconUser {
                background: url("https://cdn.trisul-sa.com.br/Content/images/icon-user-yellow.png") no-repeat center center;
            }

            .menuFull .tituloMenu .areaUsuario a:hover {
                color: #ffc72c;
            }

    .menuFull .tituloMenu h4::after {
        content: ' ';
        display: block;
        width: 46px;
        height: 1px;
        background: #fff;
        margin: 5px 3px;
    }

    .menuFull .tituloMenu button.closeMenu {
        background: transparent;
        border: 0;
        color: #fff;
        font-weight: 300;
        font-family: 'Gotham Narrow Book', sans-serif;
        font-size: 70px;
        line-height: 0.5;
        float: right;
        cursor: pointer;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: ease 0.2s;
        -webkit-transition: ease 0.2s;
    }

/*.menuFull .tituloMenu button.closeMenu:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}*/

.menuFull .menus .encontreImovel {
    padding-bottom: 15px;
}

.menuFull .menus .menu-titulos {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    color: #fff;
}

    .menuFull .menus .menu-titulos:after {
        content: ' ';
        display: block;
        width: 116px;
        height: 1px;
        background: #ffc72c;
        margin-top: 10px;
    }

.menuFull .menus ul {
    margin: 0 0 50px 0;
}

    .menuFull .menus ul,
    .menuFull .menus ul li {
        width: 100%;
    }

        .menuFull .menus ul li {
            list-style: disc;
            list-style-position: inside;
            color: #fff;
            margin: 15px 0;
        }

            .menuFull .menus ul li.centralAtendimento {
                list-style: none;
                cursor: default;
                padding-left: 15px;
            }

                .menuFull .menus ul li.centralAtendimento:hover {
                    color: #fff;
                }

                .menuFull .menus ul li.centralAtendimento strong {
                    font-size: 20px;
                    font-weight: 600;
                }

                .menuFull .menus ul li.centralAtendimento p,
                .menuFull .menus ul li.centralAtendimento span {
                    display: block;
                }

                .menuFull .menus ul li.centralAtendimento p {
                    margin: 10px 0 25px 0;
                    font-weight: 600;
                }

                .menuFull .menus ul li.centralAtendimento span {
                    margin: 5px 0 0 0;
                }

        .menuFull .menus ul.vendas li {
            list-style: none;
        }

        .menuFull .menus ul li a {
            /*display: block;*/
            color: #fff;
            padding: 15px 0;
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
        }

            .menuFull .menus ul li:hover,
            .menuFull .menus ul li a:hover {
                color: #ffc72c;
            }

        .menuFull .menus ul.vendas li a.telefone {
            cursor: default;
        }

        .menuFull .menus ul li.portalCliente a:nth-child(2) {
            display: block;
            padding: 5px 0 0 16px;
            cursor: default;
        }

            .menuFull .menus ul li.portalCliente a:nth-child(2):hover {
                color: #fff;
            }

        .menuFull .menus ul.vendas li a.telefone:hover {
            color: #fff;
        }

        .menuFull .menus ul.vendas li a p,
        .menuFull .menus ul.vendas li a i.icon {
            display: inline-block;
            vertical-align: top;
        }

        .menuFull .menus ul.vendas li a i.icon {
            width: 30px;
            height: 30px;
            margin: 0 10px 0 0;
        }

            .menuFull .menus ul.vendas li a i.icon.chatOnline {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat.svg) no-repeat;
                background-size: 130px;
            }

        .menuFull .menus ul.vendas li a:hover i.icon.chatOnline {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat-yellow.svg) no-repeat;
            background-size: 130px;
        }

        .menuFull .menus ul.vendas li a i.icon.eniarEmail {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email.svg) no-repeat;
            background-size: 100px;
        }

        .menuFull .menus ul.vendas li a:hover i.icon.eniarEmail {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email-yellow.svg) no-repeat;
            background-size: 100px;
        }

        .menuFull .menus ul.vendas li a i.icon.ligueMe {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me.svg) no-repeat;
            background-size: 127px;
        }

        .menuFull .menus ul.vendas li a:hover i.icon.ligueMe {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me-yellow.svg) no-repeat;
            background-size: 127px;
        }

        .menuFull .menus ul.vendas li a i.icon.telefoneTrisul {
            background: url(https://cdn.trisul-sa.com.br/Content/images/svg/telefone.svg) no-repeat;
            background-size: 116px;
        }

.menuFull .menus .social {
    display: block;
    margin-top: 85px;
}

    .menuFull .menus .social a {
        display: inline-block;
        color: #fff;
        font-size: 35px;
    }

        .menuFull .menus .social a:hover {
            color: #ffc72c;
        }

@media (min-width: 961px) {
    .btn-ofertas-mobile {
        display: none;
    }
}


@media (min-width: 961px) and (max-width: 1280px) {
}

@media (max-width: 960px) {

    .btn-ofertas-mobile {
        text-align: center;
        background: #ffcd30;
    }

    .menu-mobile {
        display: block !important;
    }

    .menu-desk {
        display: none !important;
    }

    .menuFull .tituloMenu {
        padding-top: 0;
    }

    .menuFull .menus .encontreImovel {
        padding-bottom: 0px;
    }

    .menuFull .tituloMenu button.closeMenu {
        position: relative;
        right: auto;
        top: auto;
        font-size: 50px;
        overflow: auto;
        height: 49px;
    }

    .menuFull .tituloMenu .areaUsuario {
        width: 100%;
        text-align: left;
        padding: 10px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 15px 0;
    }

    .menuFull .tituloMenu {
        padding-bottom: 0;
    }

    .menuFull .menus .menu-titulos {
        font-size: 20px;
    }

    .menuFull .menus ul li a {
        font-size: 16px;
        font-weight: 300;
    }

    .menuFull .menus .social {
        margin-top: 0;
    }

    .menuFull .menus ul.vendas li a i.icon {
        height: 19px;
    }

    .menuFull .menus ul li.portalCliente a:nth-child(2) {
        padding: 15px 0 0 17px;
    }

    .menuFull .menus ul.vendas li a i.icon.chatOnline,
    .menuFull .menus ul.vendas li a i.icon.telefoneTrisul {
        background-size: 92px !important;
    }

    .menuFull .menus ul.vendas li a i.icon.eniarEmail {
        background-size: 82px !important;
    }

    .menuFull .menus ul.vendas li a i.icon.ligueMe {
        background-size: 86px !important;
    }
}

/***************** MENU BUSCA ******************/
.buscaEstilo {
    /*transform: translateY(0);*/
}

    .buscaEstilo .selectBuscaEstilo {
        padding: 20px 0;
    }

.menuBusca .selectBusca {
    width: 100%;
    background: url("https://cdn.trisul-sa.com.br/Content/images/arrow-down-select.png") no-repeat center right;
    border-bottom: 1px solid #ffc72c;
    overflow: hidden;
    padding: 9px 0;
}

    .menuBusca .selectBusca select {
        width: 107%;
        background: transparent;
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        text-transform: uppercase;
        font-family: 'Gotham Narrow Book', sans-serif;
        border: 0;
        padding-right: 40px;
        outline: transparent;
        margin-bottom: 0;
    }

        .menuBusca .selectBusca select option {
            background: #d8d8d8;
            color: #65666a;
            outline: none;
        }

.menuBusca .selectBuscaEstilo .groupSearch {
    width: 100%;
    background: #fff;
    position: relative;
}

    .menuBusca .selectBuscaEstilo .groupSearch input {
        width: 100%;
        height: 45px;
        background: transparent;
        border: 0;
        padding: 10px 35px 10px 10px;
    }

        .menuBusca .selectBuscaEstilo .groupSearch input:focus {
            outline: none;
        }

    .menuBusca .selectBuscaEstilo .groupSearch button {
        position: absolute;
        background: #ffc72c url(https://cdn.trisul-sa.com.br/Content/images/icon-search-blue.png) no-repeat center center;
        background-size: 65%;
        height: 100%;
        top: 0;
        right: 0;
        border: 0;
        width: 50px;
        cursor: pointer;
        transition: ease 0.2s;
        -webkit-transition: ease 0.2s;
    }

        .menuBusca .selectBuscaEstilo .groupSearch button:hover {
            background: #0b2240 url(https://cdn.trisul-sa.com.br/Content/images/icon-search-white.png) no-repeat center center;
            background-size: 75%;
        }

.menuBusca .linhaBolinhas .buscarBolinhas {
    background: transparent;
    border: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0;
    display: block;
    margin: 10px 0;
    width: 100%;
    max-width: 250px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    float: right;
    cursor: pointer;
}

.menuBusca .bolinhas {
    width: 100%;
    height: 470px;
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    margin: 20px 0;
}

.menuBusca .legendaBolinhas {
    width: 100%;
    display: block;
    text-align: right;
}

    .menuBusca .legendaBolinhas .itemBolinha {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 10px;
    }

        .menuBusca .legendaBolinhas .itemBolinha p {
            color: #fff;
            padding: 10px 0;
            font-weight: 300;
        }

.menuBusca .colRadios {
    width: 30%;
    float: left;
    color: #fff;
}

    .menuBusca .colRadios:nth-child(2) {
        margin: 0 4.5%;
    }

    .menuBusca .colRadios p,
    .menuBusca .colRadios .checkbox label {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        font-family: 'Gotham Narrow Book', sans-serif;
    }

    .menuBusca .colRadios .checkbox label {
        position: relative;
        font-size: 30px;
        padding-left: 40px;
        margin: 5px 0;
    }

        .menuBusca .colRadios .checkbox label input {
            opacity: 0;
        }

        .menuBusca .colRadios .checkbox label .boxCheck {
            position: absolute;
            left: 0;
            top: 4px;
            width: 25px;
            height: 25px;
            background: #fff;
            color: #C79313;
        }

            .menuBusca .colRadios .checkbox label .boxCheck i.icon-ok {
                font-size: 20px;
                top: 1px;
                position: absolute;
                right: -2px;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
            }

.menuBusca .slide {
    color: #c79313;
    font-weight: 300;
    width: 90%;
    max-width: 300px;
}

    .menuBusca .slide p {
        font-size: 20px;
        text-transform: uppercase;
    }

    .menuBusca .slide .ui-slider-horizontal {
        height: .1em;
        border-radius: 0;
        border: 0;
    }

        .menuBusca .slide .ui-slider-horizontal .ui-slider-range {
            background: #c79313;
        }

        .menuBusca .slide .ui-slider-horizontal .ui-slider-handle {
            top: -0.6em;
            margin-left: -.6em;
            border-radius: 0;
            background: #c79313;
            border: 0;
        }

    .menuBusca .slide .valores {
        width: 100%;
        float: left;
        padding: 20px 0;
    }

    .menuBusca .slide label {
        font-size: 16px;
        font-weight: 300;
    }

    .menuBusca .slide .slider {
        width: 100%;
        float: left;
    }

.menuBusca.buscaEstilo .botoes {
    padding: 50px 0 0 0;
}

.menuBusca.buscaAvancada .botoes {
    padding: 100px 0 0 0;
}

    .menuBusca.buscaAvancada .botoes.One {
        padding: 20px;
        border: 1px solid #fff;
    }

        .menuBusca.buscaAvancada .botoes.One h2 {
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 22px;
            margin-bottom: 20px;
        }

        .menuBusca.buscaAvancada .botoes.One a {
            font-size: 17px;
        }

    .menuBusca.buscaAvancada .botoes.onlyOne {
        padding: 40px 0 0 0;
    }

.menuBusca .botoes a {
    margin: 5px 0;
    width: 100%;
}

    .menuBusca .botoes a.btnYellow:hover {
        color: #ffc72c;
    }

.menuBusca.buscaAvancada .row.buscaAvancada02 {
    padding: 60px 0;
}

@media (min-width: 320px) and (max-width: 480px) {
    .menuBusca .tituloMenu h4 {
        font-size: 25px !important;
        letter-spacing: 6px;
        padding: 10px 0;
    }

    .menuBusca .colRadios {
        width: 100%;
        border-bottom: 1px solid #fff;
        margin: 20px 0;
    }

        .menuBusca .colRadios .checkbox {
            display: inline-block;
            vertical-align: bottom;
            width: 23%;
        }

        .menuBusca .colRadios:nth-child(2) {
            margin: 0;
        }
}

@media (max-width: 960px) {
    .menuFull {
        padding-bottom: 30px;
    }

    .menuBusca.buscaAvancada .row.buscaAvancada02 {
        padding: 40px 0 20px;
    }

    .menuBusca .tituloMenu h4 {
        font-size: 30px;
    }

    .menuBusca .selectBuscaEstilo {
        margin-top: 30px;
    }

    .menuBusca .selectBusca {
        margin: 7px 0;
    }

    .menuBusca .selectBuscaEstilo .groupSearch {
        margin-top: 15px;
    }

        .menuBusca .selectBuscaEstilo .groupSearch input {
            height: 40px;
            padding: 10px 45px 10px 10px;
        }

        .menuBusca .selectBuscaEstilo .groupSearch button {
            width: 42px;
        }

    .menuBusca .slide {
        margin: 0 auto;
    }

    .menuFull .tituloMenu .areaUsuario a:last-child {
        border: 0;
    }

    .menuFull .tituloMenu .areaUsuario a.btnCadastrar {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 0 10px;
        margin: 0 10px;
    }

    .menuBusca .slide .valores {
        padding: 20px 0 0 0;
        margin-bottom: 30px;
    }

    .menuBusca .legendaBolinhas .itemBolinha:nth-child(1) {
        width: 27px;
    }

    .menuBusca .legendaBolinhas .itemBolinha:nth-child(2) {
        width: 40px;
    }

    .menuBusca .legendaBolinhas .itemBolinha:nth-child(3) {
        width: 50px;
    }

    .menuBusca .legendaBolinhas .itemBolinha:nth-child(4) {
        width: 60px;
    }

    .menuBusca .legendaBolinhas .itemBolinha p {
        font-size: 12px;
    }

    .menuFull .itensContato li.item a i {
        width: 60px;
        height: 50px;
        background-size: 130px !important;
    }
}

/*****************************************************
FOOTER
*****************************************************/
footer {
    width: 100%;
    float: left;
    background: #0b2340;
    border-top: 8px solid #595b5e !important;
    color: #fff;
    padding: 20px 0 14px !important;
}

    footer .btnTopoFooter {
        text-align: center;
        width: 15%;
        float: left;
    }

        footer .btnTopoFooter button {
            background: #ffc72c;
            color: #0b2340;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 2px;
            border: 0;
            text-transform: uppercase;
            padding: 10px;
            cursor: pointer;
        }


            footer .btnTopoFooter button i {
                display: block;
                font-size: 25px;
            }

    footer .btnTopoFooter {
        float: left;
        width: 10%;
    }


    footer .colMenuFooter {
        float: left;
        width: 15%;
    }

        footer .colMenuFooter.colVendas {
            width: 16%;
        }

        footer .colMenuFooter.colInstitucional {
            width: 12%;
        }

        footer .colMenuFooter.colAreaCliente {
            width: 17%;
        }

        footer .colMenuFooter .sub-titulo {
            font-size: 17px;
            font-weight: 300;
            text-transform: uppercase;
            display: block;
        }

        footer .colMenuFooter .linhaFooter {
            display: block;
            width: 36px;
            height: 1px;
            background: #ffc72c;
            margin: 5px 0;
        }

        footer .colMenuFooter ul.vendas li {
            list-style: none;
        }

            footer .colMenuFooter ul.vendas li a {
                cursor: pointer;
            }

                footer .colMenuFooter ul.vendas li a.telefone {
                    cursor: default;
                }

                    footer .colMenuFooter ul.vendas li a.telefone:hover {
                        color: #fff;
                    }

        footer .colMenuFooter li {
            list-style: disc;
            width: 100%;
            list-style-position: inside;
            margin: 5px 0;
        }

            footer .colMenuFooter li a {
                display: block;
                color: #fff;
                font-size: 14px;
                font-weight: 300;
                padding: 5px 0;
            }

            footer .colMenuFooter li.portalCliente a:nth-child(2) {
                display: block;
                padding: 5px 0 0 16px;
                cursor: default;
            }

                footer .colMenuFooter li.portalCliente a:nth-child(2):hover {
                    color: #fff;
                }

            footer .colMenuFooter li a:hover,
            footer .colMenuFooter li:hover {
                color: #ffc72c;
            }

            footer .colMenuFooter li a p,
            footer .colMenuFooter li a i.icon {
                display: inline-block;
                vertical-align: top;
            }

            footer .colMenuFooter li a i.icon {
                width: 18px;
                height: 18px;
                margin: 0 5px 0 0;
            }

                footer .colMenuFooter li a i.icon.chatOnline {
                    background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat.svg) no-repeat;
                    background-size: 73px;
                }

            footer .colMenuFooter li a:hover i.icon.chatOnline {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/chat-yellow.svg) no-repeat;
                background-size: 73px;
            }

            footer .colMenuFooter li a i.icon.eniarEmail {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email.svg) no-repeat;
                background-size: 58px;
            }

            footer .colMenuFooter li a:hover i.icon.eniarEmail {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/email-yellow.svg) no-repeat;
                background-size: 58px;
            }

            footer .colMenuFooter li a i.icon.ligueMe {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me.svg) no-repeat;
                background-size: 73px;
            }

            footer .colMenuFooter li a:hover i.icon.ligueMe {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/ligue-me-yellow.svg) no-repeat;
                background-size: 73px;
            }

            footer .colMenuFooter li a i.icon.telefoneTrisul {
                background: url(https://cdn.trisul-sa.com.br/Content/images/svg/telefone.svg) no-repeat;
                background-size: 73px;
            }

            footer .colMenuFooter li.centralAtendimento {
                list-style: none;
            }

                footer .colMenuFooter li.centralAtendimento:hover {
                    color: #fff;
                }

                footer .colMenuFooter li.centralAtendimento .minitext {
                    font-size: 14px;
                    font-weight: 600;
                }

                footer .colMenuFooter li.centralAtendimento p {
                    font-size: 13px;
                    margin: 5px 0 17px 0;
                }

                    footer .colMenuFooter li.centralAtendimento p span {
                        display: block;
                        margin-top: 3px;
                    }

        footer .colMenuFooter .direitosFooter {
            margin-top: 20px;
        }

            footer .colMenuFooter .direitosFooter,
            footer .colMenuFooter .direitosFooter .logoSociais {
                width: 100%;
            }

                footer .colMenuFooter .direitosFooter .logoSociais a {
                    display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    font-size: 20px;
                    margin: 0;
                }

                    footer .colMenuFooter .direitosFooter .logoSociais a:hover {
                        color: #ffc72c;
                    }


                    footer .colMenuFooter .direitosFooter .logoSociais a:nth-child(2) {
                        margin-left: -8px;
                    }


                footer .colMenuFooter .direitosFooter p {
                    font-size: 13px;
                    padding-top: 5px;
                }

    footer .logoEnkenFooter {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        padding: 20px 0 0;
    }

        footer .logoEnkenFooter .enkenFooter {
        }

    footer .trisulFooter {
        text-align: center;
        margin: 25px auto 0;
        float: left;
        width: 100%;
    }

        footer .trisulFooter a {
        }

        footer .trisulFooter p {
            font-size: 12px;
            text-align: center;
            padding-top: 5px;
        }

@media (min-width: 1024px) and (max-width: 1280px) {
    footer .colMenuFooter li a {
        font-size: 11px;
    }

    footer .colMenuFooter .sub-titulo {
        font-size: 14px;
    }

    footer .colMenuFooter li.centralAtendimento .minitext {
        font-size: 13px;
    }

    footer .colMenuFooter li.centralAtendimento p {
        font-size: 11px;
    }
}

@media (min-width: 1024px) {
    footer .colMenuFooter .sub-titulo {
        font-size: 12px;
    }
}

@media (max-width: 960px) {
    footer {
        display: none;
    }
}


/*****************************************************
MODAL 
*****************************************************/
.modal-open .modal {
    background: rgba(0, 0, 0, 0.9);
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    background: #0b2340;
}

    .modal-header .modal-title {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
    }

.modal-body .content {
    padding: 0 30px;
}

    .modal-body .content p {
        font-size: 16px;
        color: #595b5e;
        text-transform: uppercase;
        margin: 20px 0;
    }

    .modal-body .content .selectCidade {
        width: 100%;
        overflow: hidden;
        border: 1px solid #595b5e;
        background: url("https://cdn.trisul-sa.com.br/Content/images/bg-select-pre-home.jpg") no-repeat top right;
        background-size: contain !important;
        margin: 0 0 10px 0;
    }

        .modal-body .content .selectCidade:hover {
            background: url("https://cdn.trisul-sa.com.br/Content/images/bg-select-pre-home-hover.jpg") no-repeat top right;
        }

    .modal-body .content form select,
    .modal-body .content form input,
    .modal-body .content form textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #595b5e;
        outline: none;
        font-family: 'Gotham Narrow Book', sans-serif;
        color: #595b5e;
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .modal-body .content form select {
        width: 104%;
        background: transparent;
        border: 0;
        margin: 0;
        padding-right: 75px;
    }

    .modal-body .content form textarea {
        height: 210px;
    }

    .modal-body .content button {
        font-size: 16px;
        color: #595b5e;
        text-transform: uppercase;
        border: 1px solid #595b5e;
        background: transparent;
        padding: 10px 25px;
        cursor: pointer;
        transition: ease 0.2s;
        -webkit-transition: ease 0.2s;
    }

        .modal-body .content button:hover {
            background: #0b2340;
            color: #fff;
        }

.modal-header .close {
    margin-top: -2px;
    position: absolute;
    color: #fff;
    background: transparent;
    border: 0;
    top: 0;
    right: -75px;
    font-size: 100px;
    font-weight: 300;
    line-height: 0.5;
    z-index: 2;
    cursor: pointer;
    font-family: 'Gotham Narrow Book', sans-serif;
}

.modal-body .content.cadastro .checkbox label {
    padding-left: 0;
}

.modal-body .content.cadastro .checkbox input,
.modal-body .content.cadastro .checkbox span {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.modal-body .content.cadastro .checkbox span {
    margin: -6px 0 0 18px;
    font-size: 16px;
    color: #aaaaaa;
    font-weight: 300;
}

.modal-body .content.cadastro button.close {
    margin-right: 5%;
    display: inline-block;
}

.modal-body .content.cadastro button.face {
    display: inline-block;
}

    .modal-body .content.cadastro button.face i {
        font-size: 20px;
        color: #0b2340;
        transition: ease 0.2s;
        -webkit-transition: ease 0.2s;
    }


.modal-body .content button.face:hover i {
    color: #fff !important;
}

@media (max-width: 960px) {
    .modal-body .content {
        padding: 0 0;
    }

    .modal-header .close {
        position: relative;
        float: right;
        width: 10%;
        font-size: 40px;
        margin: 0;
        right: auto;
    }

    .modal-header .modal-title {
        width: 90%;
        float: left;
        font-size: 14px;
    }

    .modal-body .content p {
        font-size: 14px;
    }

    .modal-body .content button {
        margin-bottom: 10px;
        width: 100%;
    }
}

/*****************************************************
PERSONALIZAÇÃO SLIDER
*****************************************************/
.owl-theme .item .containerSlider {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);*/
}

.containerSlider .descrSlide h1::after,
.containerSlider .descrSlide h2::after {
    content: ' ';
    display: block;
    width: 22px;
    height: 3px;
    background: #fff;
    margin: 20px auto;
    /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);*/
}

/*.owl-theme .item img{
    width: 100%;
    max-width: 100%;
    height: auto;
}*/

@media (min-width: 961px) {

    .sliderHome .owl-controls {
        margin-top: -65px;
        text-align: center;
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 0;
        z-index: 5;
        opacity: 0;
        transition: linear 0.1s;
        -webkit-transition: linear 0.1s;
    }

        .sliderHome .owl-controls.active {
            opacity: 1;
        }

    .setaSliderNext {
        width: 131px;
        height: 249px;
        float: right;
        background: url("https://cdn.trisul-sa.com.br/Content/images/seta-slider-next.png") no-repeat center center !important;
    }

    .setaSliderPrev {
        width: 131px;
        height: 249px;
        float: left;
        background: url("https://cdn.trisul-sa.com.br/Content/images/seta-slider-prev.png") no-repeat center center !important;
    }
}

@media (min-height: 600px) and (max-height: 800px) {
    .setaSliderNext {
        width: 131px;
        height: 150px;
    }

    .setaSliderPrev {
        width: 131px;
        height: 150px;
    }
}

/*****************************************************
HOVERS
*****************************************************/
@media (min-width: 961px) {
    /* Grow */
    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    /* Rectangle Out */
    .hvr-rectangle-out {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .hvr-rectangle-out:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #2098d1;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
            color: white;
        }

            .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

    /* Grow Shadow */
    .hvr-grow-shadow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: box-shadow, transform;
        transition-property: box-shadow, transform;
    }

        .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
            box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    /* Shutter Out Horizontal */
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .hvr-shutter-out-horizontal:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #2098d1;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
            color: white;
        }

            .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }
}


/*****************************************************
AREA LOGADA

.areaLogada {
    padding: 250px 0 50px 0;
    background: #fff;
}

.areaLogada .nomeCliente {
    font-size: 50px;
    text-transform: uppercase;
    color: #9ea0a4;
    font-weight: 100;
}

.areaLogada .nomeCliente:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #9ea0a4;
    margin-top: 16px;
    margin-bottom: 30px;
}

.areaLogada .boxFavorito {
    height: 540px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/area-logada/image-empreendimento.jpg');
    position: relative;
}

.areaLogada .boxFavorito ul {
    margin: 13px 8px;
    padding: 0;
    float: right;
}

.areaLogada .boxFavorito ul li {
    margin-bottom: 16px;
}

.areaLogada .boxFavorito ul li a {
    display: block;
}

.areaLogada .boxFavorito ul li a.iconFavorito {
    width: 24px;
    height: 34px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/icon-favorito.png') no-repeat;
    background-size: contain;
}

.areaLogada .boxFavorito.favoritado ul li a.iconFavorito {
    width: 24px;
    height: 34px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/icon-favorito-hover.png') no-repeat;
    background-size: contain;
}

.areaLogada .boxFavorito ul li a.iconComentario {
    width: 24px;
    height: 34px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/icon-comentario.png') no-repeat;
    background-size: contain;
}

.areaLogada .boxFavorito ul li a.iconEmail {
    width: 24px;
    height: 34px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/icon-enviar-email.png') no-repeat;
    background-size: contain;
}

.areaLogada .boxFavorito .boxLegenda {
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding-top: 35px;
    padding-bottom: 35px;
    opacity: 0.8;
    font-weight: 100;
}

.areaLogada .boxFavorito .boxLegenda span {
    display: block;
}

.areaLogada .boxFavorito .boxLegenda span.empreendimentoTitulo {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 20px;
    letter-spacing: 0.2em;
}

.areaLogada .boxNotificacao {
    height: 540px;
    background: #595b5e;
    position: relative;
    border: 5px solid #0b2340;
}

.areaLogada .boxNotificacao .notificacaoContainer {
    margin: 0 auto;
    text-align: center;
}

.areaLogada .boxNotificacao .iconStatus {
    width: 125px;
    height: 125px;
    border: 2px solid #fff;
    margin: 125px auto 30px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/area-logada/favorito.png') no-repeat 20px 25px;
}

.areaLogada .boxNotificacao span {
    display: block;
    color: #fff;
    font-weight: 100;
}

.areaLogada .boxNotificacao span.favoritosTitulo {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 20px;
    letter-spacing: 0.2em;
}

.areaLogada .boxNotificacao .verTodos {
    display: block;
    background: #ffc72c;
    color: #fff;
    text-align: center;
    width: 168px;
    margin: 30px auto;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
}

.areaLogada .boxNotificacao .iconComentario {
    width: 125px;
    height: 125px;
    border: 2px solid #fff;
    margin: 125px auto 30px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/area-logada/comentario.png') no-repeat 20px 19px;
}

.areaLogada .comentarios {
    color: #ffc72c;
    font-weight: 500;
}

#perfil {
    display: none;
}

#favoritos {
    display: none;
}

#comentarios {
    display: none;
}

.areaLogada .boxComentario {
    height: auto;
    background: #595b5e;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
}

.areaLogada .boxComentario span {
    display: block;
    color: #fff;
    font-weight: 100;
}

.areaLogada .boxComentario span.imgDestaque {
    border-bottom: 4px solid #ffc72c;
    margin-bottom: 20px;
}

.areaLogada .boxComentario span.imgDestaque img {
    max-width: 100%;
}

.areaLogada .boxComentario .verTodos {
    display: block;
    background: #ffc72c;
    color: #fff;
    text-align: center;
    width: 240px;
    margin: 20px auto;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 100;
}

.areaLogada .boxComentario .chatOnline {
    display: block;
    background: #941313;
    color: #fff;
    text-align: center;
    width: 240px;
    margin: 18px auto;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 100;
}

.areaLogada .boxComentario .chatOnline:before {
    content: "";
    width: 29px;
    height: 25px;
    background: url('https://cdn.trisul-sa.com.br/Content/images/area-logada/icon-chat.png');
    display: block;
    float: left;
    margin-top: -4px;
    margin-right: -16px;
}

.tab-pane.active {
    display: block;
}

.listaAreaLogada {
    margin: 0;
    padding: 0;
    border: none !important;
}

.listaAreaLogada li {
    display: inline-block;
    margin-right: 25px;
}

.listaAreaLogada li a {
    font-size: 18px;
    font-weight: bold;
    color: #0b2340;
}

.listaAreaLogada li.active a {
    border-bottom: 3px solid #ffc72c !important;
    color: #0b2340 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.listaAreaLogada li a:hover {
    border-bottom: 3px solid #ffc72c;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

*****************************************************/
/*****************************************************
ANIMATES
*****************************************************/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}


@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -7px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -5px, 0);
    }

    90% {
        transform: translate3d(0,-2px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

/*.favScore,
.areaUsuario,
.icon.favorito,*/
.vitrineProduto .boxVitrine .contentBoxVitrine .rowVitrine .col20 a {
    display: none !important;
}

.breadCrumbs {
    display: none;
}

/* CONTATO - CORRETORES E IMOBILIARIA */

.corretoresimobiliariasview {
    display: none;
}

    .corretoresimobiliariasview.active {
        display: block;
    }

.breadCrumbs {
    display: none;
}


.enderecoMenu {
    color: #fff;
    font-size: 15px;
    padding: 27px 0 0 0;
    display: none;
    line-height: 25px;
    text-align: center;
}
