@import url(https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto:400,700|Lato:400,700|Signika:400,700|Josefin+Sans:400,700|Quicksand:400,700|Alegreya:400,700|Josefin+Slab:400,700|Merriweather:400,700);

@avenir:'AvenirNextLTPro-Regular';
@avenir_bold:'AvenirNextLTPro-Bold';
@raleway: 'Raleway', sans-serif;
@roboto: 'Roboto', sans-serif;
@lato: 'Lato', sans-serif;
@signika: 'Signika', sans-serif;
@josefin_sans: 'Josefin Sans', sans-serif;
@josefin_slab: 'Josefin Slab', serif;
@quicksand: 'Quicksand', sans-serif;
@alegreya: 'Alegreya', serif;
@merriweather: 'Merriweather', serif;

.avenir{
    font-family: @avenir !important;
    strong{
        font-family: @avenir_bold !important;
    }
}
.roboto{
    font-family: @roboto !important;
}
.quicksand{
    font-family: @quicksand !important;
}
.merriweather{
    font-family: @merriweather !important;
}

@T1_cor_primaria: #031634;
@T1_cor_secundaria: #00accb;
@T2_cor_primaria: #ed3237;
@T2_cor_secundaria: #034c96;

// MY LESS' STUFF
@cor_texto: #333;
@cor_primaria: #031634;
@cor_secundaria: #00accb;
@fonte_texto: @avenir; 
@fonte_titulo: @avenir_bold;
@bg_servicos: url('../uploads/images/bg/bg-servicos.jpg');
@bg_internas: url('../uploads/images/bg/bg-internas.jpg');
@bg_chamadas: url('../uploads/images/bg/bg-chamadas.jpg');
//MIXINS MIXÓGENOS FTW
.transition (@prop: all, @time: 1s, @ease: linear) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
} 
.border-radius (@radius: 3px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}
.transform (@rotate: 0deg, @scale: 1, @skew: 0deg, @translate: 0px) {
    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}
.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @rgba: rgba(0, 0, 0, 1)) {
    -webkit-box-shadow: @x @y @blur @rgba;
    -moz-box-shadow: @x @y @blur @rgba;
    box-shadow: @x @y @blur @rgba;
}
.hex2rgb(@color){
    @r: red(@color);
    @g: green(@color);
    @b: blue(@color);
}
.hex2rgba(@color, @opacity: 1){
    @cor_rgba: rgba( red(@color), green(@color), blue(@color), @opacity );
}
.bt(@width: 1px, @style: solid, @color: #000){
    border-top: @width @style @color;
}
.bl(@width: 1px, @style: solid, @color: #000){
    border-left: @width @style @color;
}
.bb(@width: 1px, @style: solid, @color: #000){
    border-bottom: @width @style @color;
}
.br(@width: 1px, @style: solid, @color: #000){
    border-right: @width @style @color;
}
/* NICE SCROLL */
#ascrail2000 {
 background-color: #d7d7d7;
 z-index: 100000!important;
 width: 12px !important;
}
/* NICE SCROLL */
* { margin: 0px;
    padding: 0px;
    list-style:none;
    text-decoration:none;
    outline: none !important;
}
h1, h2, h3 {
    font-weight: normal;
    margin: 0;
}
body {
    color:@cor_texto;
    font-size:16px;
    font-family:@fonte_texto;
}
a {
    color:#333;
    .transition(all, .3s, ease);
    &:hover{
        text-decoration:none !important;
        color: @cor_primaria;
    }   
    &:focus{
        text-decoration:none !important;
        color: @cor_primaria;
    }   
}
strong{
    font-family: @fonte_titulo;
    font-weight: 700;
}
/*CORES SELEÇÃO*/

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff
}

*::-moz-selection {
    background: fade(@cor_primaria, 75%);  /*---Cor de fundo--*/
    color:#FFF;   /*--cor da fonte--*/
}
*::selection {
    background: fade(@cor_primaria, 75%);  /*---Cor de fundo--*/
    color:#FFF;  /*--cor da fonte--*/
}
.sem-margin-e-padding {
    margin:0 !important;
    padding:0 !important;
}
.sem-padding{
    padding:0 !important;
}
.margin-0-auto {
    margin:0 auto;
    display:block;
}
.hidden-normal{
    display:none !important;
}
.branco{
    color: #FFF !important;
}
.bold{
    font-family: @fonte_titulo;
    font-weight: 700;
}
.texto-centro{
    text-align: center;
}
.img-centro{
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
.dtb{
    display: table;
}
.dtb-cell{
    display: table-cell;
    vertical-align: middle;
    float: none !important;
}
.abs-centro{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.inblock{
    display: inline-block;
    vertical-align: top;
    zoom: 1; /* Fix for IE7 */
    *display: inline; /* Fix for IE7 */
}
.cor-primaria{
    color: @cor_primaria !important;
}
.cor-secundaria{
    color: @cor_secundaria !important;
}
.titulo-principal{
    .bold;
    font-size: 50px;
    color: @cor_primaria;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    word-wrap: break-word;
}
.subtitulo-principal{
    width: 170px;
    border-bottom: 1px solid @cor_secundaria;
    margin: 20px auto 60px auto;
    display: block;
    .transition(all, .4s, ease);
}
.botao-principal{
    width: auto;
    max-width: 100%;
    position: relative;
    .bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 50px;
    margin: 30px auto;
    display: table;
    background: @cor_primaria;
    border: none;
    outline: none;
    .transition(all, .4s, ease);
    .fa.fa-plus{
        display: table-cell;
        vertical-align: middle;
        position: relative;
        left: 20px;
        color: @cor_secundaria;
    }
    &:hover{
        background: @cor_secundaria;
        letter-spacing: 1px;
        color: @cor_primaria;
    }
    &:hover .fa.fa-plus{
        color: @cor_primaria;
        -webkit-animation: fa_botao .4s ease;
        -o-animation: fa_botao .8s ease;
        animation: fa_botao .8s ease;
    }
}
@-webkit-keyframes fa_botao {
    100% { .transform(360deg, 1, 0, 0px); }
}
@-moz-keyframes fa_botao {
    100% { .transform(360deg, 1, 0, 0px); }
}
@-ms-keyframes fa_botao {
    100% { .transform(360deg, 1, 0, 0px); }
}
@-o-keyframes fa_botao {
    100% { .transform(360deg, 1, 0, 0px); }
}
@keyframes fa_botao {
    100% { .transform(360deg, 1, 0, 0px); }
}
@-webkit-keyframes seta_banner {
    25% { bottom: -10px; }
    75% { bottom: 0px; }
}
@-moz-keyframes seta_banner {
    25% { bottom: -10px; }
    75% { bottom: 0px; }
}
@-ms-keyframes seta_banner {
    25% { bottom: -10px; }
    75% { bottom: 0px; }
}
@-o-keyframes seta_banner {
    25% { bottom: -10px; }
    75% { bottom: 0px; }
}
@keyframes seta_banner {
    25% { bottom: -10px; }
    75% { bottom: 0px; }
}
@-webkit-keyframes icone_servicos {
    25% { .transform(-10deg, 1, 0, 0); }
    75% { .transform(10deg, 1, 0, 0); }
}
@-moz-keyframes icone_servicos {
    25% { .transform(-10deg, 1, 0, 0); }
    75% { .transform(10deg, 1, 0, 0); }
}
@-ms-keyframes icone_servicos {
    25% { .transform(-10deg, 1, 0, 0); }
    75% { .transform(10deg, 1, 0, 0); }
}
@-o-keyframes icone_servicos {
    25% { .transform(-10deg, 1, 0, 0); }
    75% { .transform(10deg, 1, 0, 0); }
}
@keyframes icone_servicos {
    25% { .transform(-10deg, 1, 0, 0); }
    75% { .transform(10deg, 1, 0, 0); }
}
@-webkit-keyframes rodape_sociais {
    25% { top: -2px; }
    75% { top: 2px; }
}
@-moz-keyframes rodape_sociais {
    25% { top: -2px; }
    75% { top: 2px; }
}
@-ms-keyframes rodape_sociais {
    25% { top: -2px; }
    75% { top: 2px; }
}
@-o-keyframes rodape_sociais {
    25% { top: -2px; }
    75% { top: 2px; }
}
@keyframes rodape_sociais {
    25% { top: -2px; }
    75% { top: 2px; }
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: @cor_secundaria ;
    background: @cor_secundaria ;
}
.slick-prev:before, .slick-next:before {
    color: @cor_secundaria; 
}
#topo{
    width: 100%;
    height: 127px;
    position: relative;
    top: 0;
    z-index: 100;
    background: #fff;
    padding: 20px 0;
    .transition(all,.3s,ease);
    .bb(2px, solid, @cor_secundaria);
    > .container{
        position: relative;
    }
    .div-logo{
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        .formas-de-pagamento{
            padding: 5px 0 5px 15px;
            border-left: 1px solid #161616;
            img{
                width: 240px;
            }
        }
    }
    .logo {
        z-index:100;
        float: left;
        margin: 0;
        a{
            float: left;
            width:240px;
            height:85px;
            text-indent:-9999px;
            position:relative;
            img{
                max-width: 100%;
                .abs-centro;
                .transition(all, .2s, ease);
            }
        }
    }
    .menu-topo{
        width: 100%;
        height: 100%;
        margin: 0;
        text-align: right;
        .item-menu{
            .inblock;
            padding: 32px 0;
            .link-menu{
                font-size: 15px;
                text-transform: uppercase;
                text-align: center;
                padding: 48px 8px;
                cursor: pointer;
                color: @cor_primaria;
                .bb(6px, solid, transparent);
                &[title=""] {
                    display: none !important;
                }
            }
            &:hover .link-menu{
                .bb(6px, solid, @cor_primaria);
                color: @cor_secundaria;
            }
            .submenu{
                margin-top: 53px;
                position: absolute;
                display: none;
                z-index: 100;
                width: 230px;
                li{
                    width:100%;
                    float: left;
                    padding:0 10px;
                    background: @cor_secundaria;
                    a{
                        padding:8px;
                        font-size:14px;
                        line-height:16px;
                        float: left;
                        width:100%;
                        color:#FFF;
                        position:relative;
                        text-align: left;
                    }
                    &:hover a{
                        padding:8px 2px 8px 14px;
                    }
                }
            }
        }
        .menu-mobile{
            display: none;
            .bt-abrir{
                float: right;
                font-size: 50px;
                text-transform: uppercase;
                background: none;
                border: 0;
                outline: none !important;
                margin:42px 30px 0 auto;
                line-height: 60px;
                position: relative;
                z-index: 100;
                display:block;  
                padding:11px;
                &:before{
                    color: @cor_primaria;
                }
            }
        }
        .fa.fa-chevron-down{
            font-size: 13px;
            position: relative;
            bottom: 4px;
        }
    }
}
#topo-sticky-wrapper:not(.topo-fixo){
    height: 127px !important;
}
.topo-fixo #topo{
    height: auto !important;
    padding: 0;
    opacity: .95;
    filter: alpha(opacity=95);
    .logo a img{
        max-width: 70% !important;
    }
    .menu-topo {
        .item-menu .link-menu{
            padding-top: 28px !important;
            padding-bottom: 28px !important;
        }
        .menu-mobile .bt-abrir{
            margin:5px 30px 0 auto !important;
        }
    }
    .submenu{
        margin-top: 34px !important;
    }
}
#banner{
    position: relative;
    width: 100%;
    .bb(2px, solid, @cor_secundaria);
    .slick-banner{
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0;
        .slick-list{
            margin: 0;
            .img-banner{
                overflow: hidden;
                max-width: 100%;
                img{
                    position: relative;
                    width: auto;
                    height: 100%;
                    left: 50%;
                    margin-left: -960px;
                    max-width: none !important;
                }
            }
        }
    }
    .seta-banner{
        .abs-centro;
        width: 40px;
        height: 35px;
        background: @cor_secundaria;
        top: auto;
        bottom: -17.5px;
        -webkit-animation: seta_banner .6s ease infinite;
        -o-animation: seta_banner .6s ease infinite;
        animation: seta_banner 1s ease infinite;
        .fa{
            .abs-centro;
            font-size: 35px;
            color: #fff;
            text-align: center;
        }
    }
}
#quem-somos{
    padding: 60px 0;
    &.interna{
        position: relative;
        width: 100%;
        .img-quem-somos{
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        .titulo-principal{
            text-align: left;
        }
        .subtitulo-principal{
            margin-left: 0;
        }
        .slick-detalhe-grande{
            padding-bottom: 30px;
            margin-bottom: 40px
        }
    }
}
#servicos{
    padding: 60px 0;
    .item-servicos{
        margin: 20px 0 50px 0;
        padding: 30px 15px;
        .transition(all,.3s,ease);
        .icone-servicos{
            font-size: 60px;
            text-align: center;
            display: block;
        }
        .titulo-servicos{
            font-size: 17px;
            text-align: center;
            text-transform: uppercase;
            .bold;
            margin: 30px 0;
        }
        &:hover{
            background: rgba(255,255,255,.1);
            .icone-servicos{
                -webkit-animation: icone_servicos .8s ease;
                -o-animation: icone_servicos .8s ease;
                animation: icone_servicos .8s ease;
            }
        }
    }
    &.home, .outros-servicos{
        background: @bg_servicos no-repeat center center;
        .slick-prev:before, .slick-next:before{
            color: #fff;
        }
    }
    &.detalhe{
        .slick-detalhe-grande{
            padding-bottom: 30px;
            margin-bottom: 40px
        }
        .detalhe-servicos{
            img{
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }
            .titulo-principal{
                text-align: left;
            }
            .subtitulo-principal{
                margin-left: 0;
            }
        }
        .outros-servicos{
            margin: 80px 0 0 0;
            padding: 30px 0;
        }        
    }
}
#produtos{
    padding: 60px 0;
    &.home .item-produtos{
        margin: 40px 0;
        position: relative;
        .overlay-produtos{
            .abs-centro;
            top: auto;
            padding: 20px;
            background: rgba(255,255,255,.6);
            .transition(all,.4s,ease);
            .titulo-produtos{
                font-size: 18px;
                .bold;
                text-transform: uppercase;
                text-align: center;
                color: @cor_primaria;
            }
        }
        &:hover{
            .overlay-produtos{
                padding: 40px;
                background: rgba(255,255,255,.9);
                bottom: 30%;
            }
        }
    }
    &.interna{
        padding: 80px 0;
        width: 100%;
        position: relative;
    }
    &.interna, &.detalhe{
        .item-produtos{
            position: relative;
            margin: 15px 0;
            .img-produtos{
                background: @cor_primaria;
                img{
                    max-width: 100%;
                    display: block;
                    margin: 0 auto;
                    .transition(all,.3s,ease);
                }                
            }
            .titulo-produtos{
                color: @cor_primaria;
                text-transform: uppercase;
                font-size: 22px;
                text-align: center;
                margin: 10px 0;
                .transition(all,.3s,ease);
            }
            .subtitulo-principal{
                margin: 5px auto 10px auto;
            }
            .nome-categoria{
                color: @cor_secundaria;
                text-transform: uppercase;
                font-size: 15px;
                text-align: center;
                .transition(all,.3s,ease);
            }
            &:hover{
                .img-produtos img{
                    opacity: .5;
                    filter: alpha(opacity=50);
                    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                }
                .titulo-produtos{
                    color: @cor_secundaria;
                }
                .nome-categoria{
                    color: @cor_primaria;
                }

            }
        }
    }
    &.detalhe{
        .slick-detalhe-grande{
            padding-bottom: 30px;
            margin-bottom: 40px
        }
        .detalhe-produtos{
            img{
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }
            .titulo-principal{
                text-align: left;
            }
            .subtitulo-principal{
                margin-left: 0;
            }
        }
        .outros-produtos{
            margin: 80px 0 20px 0;
        }
    }
}
#chamadas{
    background: @bg_chamadas repeat center center;
    padding: 60px 0;
    .botao-principal{
        margin-bottom: 0;
    }
}
#parceiros, #clientes {
    &.home >.container >.row >.col-md-12{
        padding: 60px 0;
        margin-bottom: 20px;
        .hex2rgba(@cor_primaria, 20%);
        .bb(solid, 1px, @cor_rgba);
    }
    &.interna{
        padding: 60px 0;
    }
    .item-parceiros, .item-clientes{
        margin: 40px 0;
    }
}
#depoimentos{
    padding: 20px 0 60px 0;
    .item-depoimentos{
        margin-bottom: 40px;
        .fa{
            font-size: 60px;
            color: @cor_secundaria;
            display: block;
            text-align: center;
        }
        p{
            margin: 20px 0;
            padding: 0 30px;
        }
    }
}
#fundo-internas{
    width: 100%;
    height: 300px;
    position: relative;
    text-align: center;
    background: @bg_internas no-repeat center top;
    .dtb;
    .titulo-internas{
        display: table-cell;
        vertical-align: middle;
        font-size: 65px;
        text-transform: uppercase;
        word-wrap: break-word;
        .bold;
        .dtb-cell;
    }
}
#caminho{
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -20px;
    padding: 10px 0;
    z-index: 20;
    .fundo-caminho{
        position: absolute;
        left: -4%;
        top: 0px;
        height: 100%;
        width: 65%;
        background: @cor_secundaria;
        .transform(0,1,-15deg,0);
        .transition(all, 1.2s, cubic-bezier(0.175, 0.885, 0.320, 1.275));
    }
    .pizza-slice{
        width: 100%;
        margin: 0;
        li{
            padding: 3px 0;
            .inblock;
            font-size: 14px;
            &:last-child{
                text-transform: uppercase;
            }
            &:not(:first-child):before{
                content: '>>';
                padding: 0 5px;
                color: #fff;
            }
            a:hover{
                color: @cor_primaria;
            }
        }
    }
}
.stickou #caminho {
    .fundo-caminho{
        width: 100%;
        background-color: fade(@cor_primaria, 95%);
    }
}
#estrutura{
    &.interna{
        padding: 80px 0;
        position: relative;
        width: 100%;
        img{
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        .titulo-principal{
            text-align: left;
        }
        .subtitulo-principal{
            margin-left: 0;
        }
        .slick-detalhe-grande{
            padding-bottom: 30px;
            margin-bottom: 40px
        }
    }
}
#contato{
    margin: 80px 0;
    .texto-contata{
        text-align: center;
        margin-bottom: 40px;
    }
    .contato-lateral{
        > .col-md-12{
            padding: 25px 0;
            &:not(:last-child){
                .hex2rgba(@cor_secundaria, 50%);
                .bb(1px, solid, @cor_rgba);
                .fa{
                    display: block;
                    text-align: center;
                    margin-bottom: 15px;
                    font-size: 24px;
                    color: @cor_primaria;
                }
                .texto-centro{
                    display: block;
                }
            }
        }
        .sociais{
            text-align: center;
            .fa{
                .inblock;
                margin: 10px;
                font-size: 32px;
                color: @cor_primaria;
            }
        }
    }
    .form-contato{
        margin-top: 20px;
        .input-contato{
            color: #000;  
            display: block;
            width: 100%;
            height: 45px;
            resize:none !important;
            line-height: 45px;
            background: #fff;
            border: 1px solid rgba(0,0,0,.3);
            outline: none;
            padding-left: 15px;
            margin: 7.5px;
            .transition(all,.3s,ease);
            &:hover{
                .hex2rgb(@cor_secundaria);
                border-color: rgba(@r,@g,@b,.5);
                color: rgb(@r,@g,@b);
            }
            &:focus{
                .hex2rgb(@cor_primaria);
                border-color: rgb(@r,@g,@b);
                color: rgb(@r,@g,@b);
                .hex2rgba(@cor_primaria,50%);
                .box-shadow(0,0,5px,@cor_rgba);
            }
        }
        textarea{
            height: auto !important;
        }
        .botao-principal{
            padding: 10px 100px;
        }
    }
}
#rodape{
    background: darken(@cor_primaria, 5%);
    padding: 50px 0 0 0;
    .container{
        padding-bottom: 30px;
    }
    .titulo-rodape{
        font-size: 16px;
        text-transform: uppercase;
        text-align: left;
    }
    .subtitulo-principal{
        width: 70px;
        margin: 10px 0 30px 0;
    }
    .texto-rodape{
        font-size: 13px;
    }
    .rodape-telefone .texto-rodape{
        font-size: 14px;
        .bold;
    }
    .col-md-3:not(.rodape-sociais) .fa{
        font-size: 24px;
        display: block;
        text-align: center;
    }
    .rodape-sociais{
        cursor: default;
        text-align: left;
        .fa{
            font-size: 24px;
            padding: 6px;
            position: relative;
            cursor: pointer;
            .inblock;
            &:hover{
                color: @cor_secundaria !important;
                -webkit-animation: rodape_sociais .4s ease;
                -o-animation: rodape_sociais .4s ease;
                animation: rodape_sociais .4s ease;
            }
        }
    }
    .creditos{
        font-size: 12px;
        padding: 20px 0;
        display: block;
        text-align: center;
        background: #fff;
        a{
            text-transform: uppercase;
        }
    }
}
#muda-cor{
    .bold;
    position: fixed;
    width: 40px;
    height: 40px;
    left: 0;
    top: 127px;
    background: @T2_cor_primaria;
    color: @T2_cor_secundaria;
    z-index: 999999;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    &.mudou{
        background: @T1_cor_primaria;
        color: @T1_cor_secundaria;
    }
}
#muda-fonte{
    position: fixed;
    left: 0;
    top: 177px;
    background: @cor_primaria;
    color: @cor_secundaria;
    z-index: 999999;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
}
@media (max-width: 1200px) {
    #topo .item-menu{
        .link-menu{
            padding-right: 3px !important;
            padding-left: 3px !important;
            font-size: 14px !important;
        }
    }
}
@media (max-width: 992px) {
    p, h2, h3, h4{
        text-align:center !important;
    }
    span{
        display:block;
        text-align:center;
    }
    img {
        margin: 0 auto;
        display:block;
        float:none;
    }
    .sem-padding-mobile{
        padding:0;
    }
    .clearfix-mobile {
        clear:both; 
    }
    .hidden-mobile{
        display:none !important;
    }
    .hidden-normal{
        display:block !important;
    }
    .left, .right{
        float:none !important;
    }
    .subtitulo-principal {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #caminho span{
        .inblock;
    }
    #caminho .fundo-caminho {
        width: 90%;
    }
    #banner .img-banner img {
        width: 150% !important;
        left: -25% !important; 
        margin-left: 0 !important; 
    }
    #rodape .texto-rodape, #rodape .rodape-email a, #rodape .rodape-sociais {
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }

    // TOPO MOBILE
    #topo{
        .div-logo{
            position: relative;
            z-index: 999999;
        }
        .menu{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            z-index: 999;
            width: 100%;
            .menu-topo{
                position: absolute;
                .transition(all, .6s, ease-in-out);
                .item-menu {
                    text-align: right;
                    display: block;
                    background: #fff;
                    padding: 0;
                    .bb(1px, solid, #e8e8e8);
                    .transition(all, .6s, ease-in-out);
                    &:last-child{
                        .bb(2px, solid, @cor_primaria);
                    }
                    .link-menu{
                        display: block;
                        padding: 10px !important;
                        border: none !important;
                        font-size: 20px !important;
                    }
                    &:hover .link-menu{
                        color: @cor_secundaria;
                    }
                    ul li a{
                        font-size: 15px !important;
                        text-align: center;
                        display: block;
                        margin-bottom: 10px;
                        color: @cor_texto;
                        &:hover{
                            color: @cor_secundaria;
                        }
                    }
                }
                .menu-mobile{
                    display: block !important;
                    float: right;
                    width:100%;
                    position:absolute;
                    z-index:1099999;
                    background: #fff;
                    .bb(2px, solid, @cor_secundaria);
                }
                &.fechado {
                    .item-menu:nth-child(2){
                        margin-top: -85%;
                    }
                    .collapse{
                        display: none;
                    }
                }
                & .item-menu:nth-child(2){
                    margin-top: 126px;
                }
            }
        }
        .submenu{
            display: none !important;
        }
    }
    .topo-fixo #topo .menu-topo .item-menu:nth-child(2) {
        margin-top: 89px;
    }
}