@media all and (min-width: 1900px) {
    body {
        /*zoom: 1.3;*/
    }
}

@media all and (min-width: 1925px) {
    body {
        /*zoom: 1;*/
    }
}

@media all and (min-width: 1220px) {
    .blococapa_3 > article, .capa footer section, .head > div, .interno footer section {
        margin-left: auto;
        margin-right: auto
    }

    .canal .formato_4 article .img-capa, .formato_4 article {
        margin-bottom: 20px
    }

    .canal .editor .editor-nome, .capa .editor .editor-nome {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .menu-mobile-body .logo {
        top: 12px !important;
        width: 130px
    }

    .menu-mobile-body .logo svg {
        width: 100% !important;
        height: auto
    }

    .formato_2 .cut1 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-top: 11%
    }

    .formato_2 .cut2 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-left: 8%
    }

    .formato_2 .cut3 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-top: 11%;
        margin-left: 8%
    }

    .formato_2 .cut4 img {
        margin-top: -20%
    }

    .menu-mobile-fliped {
        left: 212px
    }

    .head > div {
        width: 1200px
    }

    .capa .menu-input-small {
        cursor: pointer;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        padding: 12px 8px 11px;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 10px;
        background-color: #fff;
        border: 1px solid #aaa;
        -moz-box-shadow: inset 0 0 5px #ccc;
        -webkit-box-shadow: inset 0 0 5px #ccc;
        box-shadow: inset 0 0 5px #ccc
    }

    .blococapa_2, .blococapa_3, .blococapa_4, .blococapa_5 {
        width: 1024px
    }

    .interno footer section {
        width: 1024px;
        padding: 50px 7px;
    }

    .capa footer section {
        width: 1024px;
        padding: 50px 7px;
    }

    .blococapa_4 .formato_1 article {
        margin-bottom: 20px !important
    }

    body > ul > section.blococapa_3 {
        padding-right: 3px
    }

    .formato_1 article .img-capa img, .formato_4 article .img-capa img, body.canal > .panel:first-of-type {
        margin-top: 0
    }

    .formato_2 article {
        height: 600px;
        max-width: 1177px
    }

    .formato_3 article {
        max-width: 1180px
    }

    .formato_3 article .img-capa {
        width: 50%;
        height: 300px
    }

    .formato_4 article {
        height: inherit;
        padding-bottom: 20px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0
    }

    .formato_4 article .img-capa {
        width: 20%;
        height: auto;
        position: inherit;
        float: left;
        overflow: hidden;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px
    }

    .formato_4 article .conteudo {
        position: inherit;
        float: left;
        width: 60%;
        padding: 40px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

    .formato_4 article .conteudo .titulo {
        font-size: 20px;
        line-height: 27px;
    }

    .formato_4 .checked .titulo {
        color: #717097
    }

    .formato_4 article .conteudo .visto {
        color: #999;
        text-shadow: 0 0 0 #fff;
        margin-top: 12px
    }

    .formato_4 .FirstArticle .conteudo .titulo {
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
    }

    .formato_4 .FirstArticle .img-capa {
        width: 40%
    }

    .formato_4 .FirstArticle .conteudo {
        padding: 0 !important;
        padding-left: 40px !important;
        width: 60% !important;
    }

    .fundo-img-section {
        background-position-y: bottom;
    }

    .canal .blococapa_2, .canal .blococapa_3, .canal .blococapa_4, .canal .blococapa_5, .img-fundo-original img {
        width: 100%
    }

    .canal .formato_4 article {
        padding-bottom: 0
    }

    .canal .formato_4 article .conteudo {
        padding: 0;
        padding-left: 20px;
        width: 75%;
    }

    .interno .gall {
        width: 100%;
        padding-bottom: 75% !important
    }

    .gallerySlide {
        position: absolute;
        z-index: 0;
        top: 60px;
        left: 0;
        width: 100%;
        border-bottom: 26px solid #ddd;
        padding-bottom: 330px
    }

    .gallerySlide iframe {
        width: 99%;
        opacity: 0
    }

    .canal-gallery {
        margin-top: 450px
    }

    body.artigo main section {
        width: 992px;
        display: table
    }

    body.artigo main.cliente section {
        width: 700px;
    }

    .alertas section,
    body.canal main section,
    body.produtos main section {
        width: 992px;
        display: table
    }

    /*main section .img-main-interno-wide{width:655px;height:240px;position:absolute;margin-top:-185px;z-index:1;left:59%}
    main section .img-main-interno-wide img{-webkit-filter:contrast(1.3);filter:contrast(1.3);margin-top:-20px}*/
    .interno .embed-prep {
        width: 100%;
    }

    .capa .embed-prep {
        padding-left: 10px;
        padding-right: 13px
    }

    .topo .logo {
        width: 140px;
    }

    .topo .actions {
        width: 245px;
        padding: 0;
        margin-top: 32px;
        margin-right: 100px;
        float: right
    }

    .conver-topo, .topo .aba-portal {
        position: absolute;
        margin-top: -10px
    }

    .topo .conver-topo .w-conver {
        height: 30px
    }

    .hotsites .topo .conver-topo .w-conver {
        height: 42px;
        border-radius: 20px !important;
        margin-top: 0;
        width: 301px;
        line-height: 30px;
        font-size: 19px
    }

    .xs-1col-force, .xs-1col-table, .xs-1col-table td, .xs-1col-table tr, th {
        border: 0;
        background-color: transparent !important
    }

    .topo .conver-topo .w-text {
        float: right;
        width: 160px
    }

    .topo .aba-portal {
        float: right;
        margin-left: 124px
    }

    .topo .link-aba-portal .w-text {
        float: left;
        width: 70px;
        text-align: left;
        margin-left: 10px
    }

    .links-secundarios {
        width: 1165px
    }

    .hotsites .topo ul li:first-of-type {
        margin-right: 110px;
        right: 0;
        float: right
    }

    .hotsites .topo ul {
        width: 100%;
        height: 50px
    }

    .xs-1col-force, .xs-1col-table {
        width: 900px !important;
        margin: auto;
        font-weight: 400
    }

    .xs-1col-force td {
        padding: 20px
    }

    .cliente .icone-cliente {
        margin-top: 0 !important;
        float: left
    }

    .footer-lifirst > li > .titulo {
        font-weight: 700;
        font-size: 20px
    }

    @keyframes animatedBackground {
        from {
            background-position: 0 0
        }
        to {
            background-position: 100% 0
        }
    }
    @-webkit-keyframes animatedBackground {
        from {
            background-position: 0 0
        }
        to {
            background-position: 100% 0
        }
    }
    @-ms-keyframes animatedBackground {
        from {
            background-position: 0 0
        }
        to {
            background-position: 100% 0
        }
    }
    @-moz-keyframes animatedBackground {
        from {
            background-position: 0 0
        }
        to {
            background-position: 100% 0
        }
    }

    .img-fundo {
        height: 550px;
        background-position: center top;
        background-size: auto 550px;
        animation: 40s linear infinite animatedBackground;
        -ms-animation: animatedBackground 40s linear infinite;
        -moz-animation: 40s linear infinite animatedBackground;
        -webkit-animation: 40s linear infinite animatedBackground
    }

    .img-fundo-original {
        overflow: hidden;
        position: relative;
        padding-bottom: 44%;
        width: 100%;
        height: 1px
    }

    .hotsites .img-fundo {
        height: 720px;
        background-position: center top;
        background-size: cover
    }

    body.artigo main.depoimentos {
        margin-top: 80px
    }

    body.artigo main.cliente {
        margin-top: 10px
    }

    .no-img-fundo {
        margin-top: 80px !important
    }

    .bg-footer {
        width: 100%;
        position: absolute;
        z-index: -1;
        margin-top: 0;
        height: 440px
    }

    .estamos-preparando span {
        margin-left: 30%;
        margin-top: 10px
    }

    .alertas * {
        display: block !important
    }

    .alertas .head h1 {
        margin-top: 100px !important;
        color: #857a7a
    }

    .artigo .head h1 {
        font-size: 45px;
        font-weight: 200;
        line-height: 45px;
        color: #333;
        max-width: 992px;
        margin: auto;
    }

    .artigo div .tag-artigo:first-of-type{
        margin-left: 100px;
    }

    .artigo div .tag-artigo {
        margin-right: 10px;
    }


    /*.clientes .head h1{max-width:600px;font-size:27px;line-height:32px;letter-spacing:-1px;color:#fff;padding-top:40px}*/
    .artigo .head h2 {
        width: 640px
    }

    .icones-clientes img {
        max-width: 80px;
        margin: 10px
    }

    .editor {
        padding: 5px;
        margin: inherit;
    }

    .artigo .editor .img-editor img {
        width: 160%;
        margin-left: -25%;
        margin-top: -15%
    }

    .canal .editor {
        position: initial;
        float: left;
        margin-left: 30px;
        margin-top: 0;
        width: 290px
    }

    .canal .editor .img-editor {
        width: 40px;
        height: 40px;
        border: 0 solid #ccc
    }

    .canal .editor .img-editor img {
        width: 200%;
        margin-left: -45%;
        margin-top: -30%
    }

    .canal .editor .editor-nome {
        color: #777
    }

    .capa .editor {
        float: left;
        z-index: 999;
    }

    .capa .editor .img-editor {
        width: 50px;
        height: 50px;
        border: 3px solid #ccc
    }

    .capa .editor .img-editor img {
        margin-left: -32%;
        width: 160%;
        margin-top: -29%;
    }

    .capa .editor .editor-sobre {
        font-size: 10px;
        font-weight: 400;
        line-height: 12px
    }

    .artigo .editor .editor-content {
        margin-top: 10px
    }

    .artigo .texto {
        font-size: 17px;
        line-height: 28px;
        float: left;
        display: table;
        width: 100%
    }

    .canal .texto {
        font-size: 17px;
        line-height: 28px;
    }

    .texto .listagempadrao,
    .texto > .imagem_centro,
    .texto > .imagem_right,
    .texto > .imagem_left {
        width: 698px;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .artigo .texto .listagempadrao,
    .artigo .texto > .imagem_centro,
    .artigo .texto > .imagem_right,
    .artigo .texto > .imagem_left {
        width: 100%;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .texto > .listagemlargura  {

    }

    .artigo .editor-container {
        padding-bottom: 20px;
        display: table;
    }

    .clientes main.cliente section .texto {
        width: 100%
    }

    .artigo section > h2 {
        font-weight: 300;
        font-size: 23px;
        color: #818080;
        margin-top: -60px;
        margin-bottom: 35px;
        width: 42%;
        line-height: 32px;
        min-height: 100px
    }

    .cliente section > h2 {
        position: absolute;
        top: 206px;
        right: 18%;
        z-index: 99;
        color: silver;
        width: 30%;
        font-size: 20px
    }

    .artigo .lateral {
        border-left: 1px dotted #eee;
        min-height: 400px;
        font-weight: 400
    }

    .artigo .lateral-row {
        padding: 20px;
        width: 100%;
        border-radius: 6px
    }

    .sm-align-right {
        text-align: right
    }

    .bl-cases, .bl-segmentos {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .bg-titulo-produto {
        width: 100%;
        z-index: -1;
        display: table
    }

    .produtos .img-capa {
        height: inherit !important
    }

    .produtos .icone-produto {
        top: 70px;
        right: -110px;
        padding: 0;
        width: 160px;
        height: 160px;
    }

    .produtos .icone-produto svg {
        width: 100px;
        height: 100px;
    }

    .produtos .icone-produto svg .fil0 {
        fill: none;
    }

    .produtos .icone-produto svg .fil1 {
        fill: #FFF;
    }

    .produtos .gallerySlide {
        padding-bottom: 330px !important
    }

    .produtos .img-fundo {
        height: 490px;
        position: absolute;
        top: 60px;
        z-index: -1;
        width: 100%;
    }

    .produtos .canal .texto {
        margin-top: 40px !important
    }

    .produtos .texto {
        margin-top: 30px
    }

    .produtos .txt-produto {
        color: #ffffff;
        text-align: left;
        font-size: 50px;
        line-height: 46px;
        font-weight: 100;
        width: 70%;
    }

    .produtos .txt-produto-aux {
        color: #c7c7c7;
        text-align: left;
        line-height: 25px;
        font-weight: 400;
        clear: both;
        padding: 40px;
        max-width: 600px;
    }

    .produtos .produtos-listagem {
        max-width: none;
        width: 1100px !important
    }

    .produtos .segmentos {
        margin-left: auto;
        margin-right: auto
    }

    .produtos .segmentos .display-segmentos {
        width: 120px;
        font-size: 12px
    }

    .produtos .segmentos .display-segmentos .segmento-titulo {
        font-size: 12px
    }

    .capa .produtos .produtos-listagem {
        max-width: none;
        margin-left: inherit;
        width: 100% !important
    }

    .artigos-exclusivos .articles:hover {
        box-shadow: 0 10px 30px #c5c5c5;
        border-radius: 10px;
        background-color: #fff;
        position: relative;
        z-index: 9;
        padding: 30px;
        width: 23%;
        margin-top: -15px;
        margin-left: -15px
    }

    .icon-perfil {
        width: 200px !important
    }

    .menus-etapas .menus-etapas-label {
        width: 15%;
        font-size: 15px;
        line-height: 15px;
        height: 170px;
    }

    .menus-etapas .menus-etapas-label .img-etapas-icon svg {
        width: 120px
    }

    .list-produtos .imgsvg {
        width: 120px
    }

    .texto .imagem_right .img_conteudo {
        left: 20%;
        width: 200%;
    }

    .texto .imagem_left .img_conteudo {
        right: 20%;
        width: 200%;
        float: right
    }

    .texto .imagem_left h4,
    .texto .imagem_right h4 {
        margin-top: 80px;
    }

    .sm-align-right {
        text-align: right
    }

    .topo .search-on {
        width: 250px;
    }

    .topo .search-on .input-busca-on {
        width: 250px;
    }

    .interno .roadmap-logo span {
        width: 992px;
        text-align: left;
        padding-left: 5px;
        font-size: 12px;
    }
}

@media screen and (min-width: 767px) and (max-width: 992px) {
    .fundo-img-section {
        background-position-y: bottom;
        background-position-x: 75%;
    }
}

@media screen and (min-width: 767px) and (max-width: 1219px) {
    .interno .roadmap-logo span {
        width: 730px;
        text-align: left;
        padding-left: 5px;
        font-size: 12px;
    }

    .embed-prep {
        padding-bottom: 0
    }

    .container {
        max-width: 767px;
    }

    .topo .logo {
        top: -8px;
        width: 140px
    }

    .topo .menus_left, .topo .menus_right {
        display: none
    }

    .interno .topo .logo {
        top: -18px
    }

    .topo ul {
        margin: 0px auto;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px
    }

    .footer-menus li:nth-of-type(3) .footer-subs {
        width: 240px
    }

    .footer-menus li:nth-of-type(3) .footer-subs li {
        clear: none
    }

    .footer-menus .footer-descricao {
        width: 100%;
    }

    .coluna-divisao-footer {
        height: 20px;
        background-color: #20ac2d;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
        border-radius: 20px
    }

    .menu-mobile-body .logo {
        top: 12px !important;
        width: 130px
    }

    .menu-mobile-body .logo svg {
        width: 100% !important;
        height: auto
    }

    .topo ul .actions {
        display: block !important;
        float: right;
        margin-right: 220px
    }

    .bg-footer, .capa .menu-mobile span, .editor .img-editor, .topo ul li { /*display:none*/
    }

    .editor .img-editor {
        width: 60px;
        border-radius: 50%;
        height: 60px;
        overflow: hidden;
    }

    .menus-etapas { /*width:230px;float:left*/
    }

    .menus-etapas .menus-etapas-label {
        width: 20%;
        font-size: 13px;
        line-height: 15px;
        height: 130px;
    }

    .menus-etapas .menus-etapas-label .img-etapas-icon svg {
        width: 80px
    }

    .menus-etapas-content {
        width: 100%;
        clear: none;
        padding-left: 20%;
    }

    .menus-etapas-content .conteudo {
        padding-top: 0
    }

    .menus-etapas-content .conteudo .chamada {
        font-size: 30px;
        line-height: 30px
    }

    .estapas-avanter .bloco-etapa .img-etapa {
        width: 130px
    }

    .artigo .texto, .artigo-lateral .img-lateral, .canal, .nossos-numeros {
        width: 100%
    }

    .canal .texto {
        font-size: 16px;
        line-height: 25px;
    }

    .capa .menu-mobile-off {
        top: -50px
    }

    .capa .menu-mobile-off-2 {
        top: -50px;
        left: 212px
    }

    .capa .menu-mobile-fliped {
        left: 212px;
        top: 7px
    }

    .capa .menu-input-small {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 10px;
        border: 1px solid #aaa;
        -moz-box-shadow: inset 0 0 5px #ccc;
        -webkit-box-shadow: inset 0 0 5px #ccc;
        box-shadow: inset 0 0 5px #ccc
    }

    .capa .topo .search, .interno .topo .search {
        top: 9px;
        right: 0;
        transform: translate(164px, -3px);
    }

    .capa .topo .search-on, .interno .topo .search-on {
        transform: translate(-6px,-3px);
    }

    .artigo .head {
        background-image: url(../../brandplace/icones/bg-head.jpg);
        background-position: center 0;
        padding-top: 45px;
    }

    .artigo .head h1 {
        width: 730px;
        margin: auto;
        font-weight: 400;
        letter-spacing: -1px;
        font-size: 37px;
        color: #333;
    }

    .artigo .head > div {
        width: 730px;
        margin: auto;
    }

    .clientes .head h1 {
        max-width: 600px;
        font-size: 27px;
        line-height: 32px;
        letter-spacing: -1px;
        color: #fff;
        padding-top: 40px
    }

    .artigo section h2 { /*margin-top:-30px;margin-bottom:70px*/
    }

    .blococapa_2, .blococapa_3, .blococapa_4, .blococapa_5, main section {
        width: 767px
    }

    .interno main section {
        width: 735px
    }

    footer section {
        width: 735px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blococapa_3 > article {
        max-width: 680px;
        margin-left: auto;
        margin-right: auto
    }

    .blococapa_4 .formato_1 article {
        margin-bottom: 20px !important
    }

    .blococapa_4 .formato_1 article:last-of-type {
        margin-bottom: 10px !important
    }

    .blococapa_4 .formato_1 article .img-capa img {
        margin-top: 0
    }

    .blococapa_4 .formato_1:nth-child(2n+2) article .img-capa img {
        margin-top: 50px;
        margin-left: 50px;
        transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5)
    }

    .blococapa_4 .formato_1 article .titulo {
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 0;
        width: 100%
    }

    .blococapa_3 article .conteudo .visto, .blococapa_4 article .conteudo .visto {
        margin-top: 12px
    }

    .blococapa_5 .formato_1 article .img-capa img {
        margin-top: 22%;
        margin-left: 10%;
        transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5)
    }

    .blococapa_5 .formato_1 article .titulo {
        font-size: 16px;
        line-height: 15px;
        letter-spacing: 0;
        width: 100%
    }

    .blococapa_5 .formato_1 article .chamada {
        width: 100%;
        display: none
    }

    .blococapa_5 .formato_1 article .visto {
        float: right;
        margin-top: 3px;
        width: 50px;
        text-align: right;
        line-height: 12px
    }

    .formato_2 article {
        height: 380px;
        max-width: 680px
    }

    .formato_2 article .titulo {
        font-size: 22px;
        line-height: 19px;
        letter-spacing: 0;
        width: 70%
    }

    .formato_2 article .chamada {
        font-size: 13px;
        line-height: 14px;
        width: 70%
    }

    .formato_3 article, main { /*max-width:700px*/
    }

    .formato_3 article .img-capa {
        width: 50%;
        height: 300px
    }

    .formato_4 article {
        height: inherit;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0
    }

    .banner_900x130, .banner_900x130 img, .banner_900x130 video, .banner_900x130_sec, .banner_900x130_sec img, .banner_900x130_sec video {
        width: 600px;
        height: 87px
    }

    .formato_4 article .img-capa {
        width: 35%;
        height: auto;
        position: inherit;
        float: left;
        overflow: hidden;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px
    }

    .formato_4 article .conteudo {
        position: inherit;
        float: left;
        width: 60%;
        padding: 0 40px 0 30px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

    article .chamada {
        font-size: 15px;
        line-height: 18px;
        font-weight: 300;
    }

    .capa article .conteudo {
        line-height: 20px;
    }

    .banner_900x130 {
        top: 10px;
        left: 50%;
        margin-left: -300px
    }

    .articles-pocket .conteudo {
        float: left;
        width: 75%
    }

    .articles-pocket .conteudo .titulo {
        font-size: 13px;
        line-height: 16px;
        padding-top: 10px;
        padding-bottom: 5px;
        color: #000;
        width: 80%;
        display: table;
        float: left;
        font-weight: 400
    }

    .articles-pocket .conteudo .data {
        color: #999;
        font-size: 10px
    }

    .articles-pocket .conteudo .linha {
        font-size: 20px;
        line-height: 21px;
        padding-top: 10px;
        width: 20px;
        text-align: left
    }

    .formato_2 .cut1 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-top: 11%
    }

    .formato_2 .cut2 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-left: 8%
    }

    .formato_2 .cut3 img {
        transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        margin-top: 14%;
        margin-left: 24%
    }

    .formato_2 .cut4 img {
        margin-top: -20%
    }

    .fundo-img-section {
        background-position-y: bottom;
    }

    .alertas .head h1, .produtos .canal .texto {
        margin-top: 100px !important
    }

    .interno .gall {
        width: 133%;
        padding-bottom: 98% !important;
        margin-left: -18%
    }

    main section .img-main-interno-wide {
        margin-left: 0;
        width: 100%
    }

    .mask {
        -webkit-mask-image: none;
        mask-image: none;
        -webkit-mask-repeat: none;
        -webkit-mask-size: none
    }

    .editor {
    }

    .editor .editor-nome {
        font-weight: 200
    }

    .canal .blococapa_2, .canal .blococapa_3, .canal .blococapa_4, .canal .blococapa_5 {
        padding-top: 40px;
        width: 100%;
        clear: both
    }

    .interno .topo {
        /*background-color: transparent*/
    }

    .interno .topo .search-bt {
        right: 0
    }

    .interno .menu-mobile-fliped {
        left: 180px;
        transition-duration: .5s;
        background-color: #fff;
        border: 1px solid #aaa;
        -moz-box-shadow: inset 0 0 5px #ccc;
        -webkit-box-shadow: inset 0 0 5px #ccc;
        box-shadow: inset 0 0 5px #ccc
    }

    .classWrapTitulo {
        width: 120px;
        font-size: 14px !important;
        line-height: 15px !important
    }

    .embed-prep {
        width: 133%;
        margin-left: -32%
    }

    .produtos .segmentos .display-segmentos .segmento-titulo {
        color: #fff;
        font-size: 12px
    }

    .produtos .head {
        width: 100%;
        margin-left: 50px
    }

    .produtos .bl-segmentos {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .produtos .segmentos .display-segmentos img {
        filter: contrast(0) brightness(2)
    }

    .produtos .list-produtos {
        width: 162px;
        height: 430px
    }

    .produtos .list-produtos .conteudo .chamada {
        font-size: 13px;
        font-weight: 300;
        text-shadow: 0 0 1px #000;
        line-height: 17px
    }

    .produtos .list-produtos .conteudo .titulo_complementar {
        font-weight: 300;
        padding-top: 25px;
        font-size: 11px;
        line-height: 17px;
        color: #999;
        letter-spacing: 0
    }

    .produtos .bg-titulo-produto {
        width: 100%;
        z-index: -1;
        display: table
    }

    .produtos .bg-titulo-produto .txt-produto {
        color: #fff;
        text-align: left;
        font-size: 38px;
        line-height: 46px;
        font-weight: 100;
        float: left;
        max-width: 75%;
    }

    .produtos .bg-titulo-produto .txt-produto-aux {
        color: #bebebe;
        text-align: left;
        line-height: 25px;
        font-weight: 400;
        width: 60%;
        clear: both;
        padding-top: 20px;
    }

    .produtos .produtos-listagem {
        max-width: none;
        width: 860px !important;
        margin-left: -76px
    }

    .capa .produtos .produtos-listagem {
        max-width: none;
        margin-left: inherit;
        width: 100% !important
    }

    .produtos .img-fundo {
        height: 480px;
        position: absolute;
        top: 81px;
        z-index: -1;
        width: 100%;
    }

    .produtos .icone-produto {
        top: 70px;
        right: 30px;
        padding: 0;
        width: 160px;
        height: 160px;
    }

    .produtos .icone-produto svg {
        width: 100px;
        height: 100px;
    }

    .produtos .icone-produto svg .fil0 {
        fill: none;
    }

    .produtos .icone-produto svg .fil1 {
        fill: #FFF;
    }

    .cliente .txt-titulo {
        width: 50%;
        margin-top: 40px;
        margin-left: 40px;
        line-height: 35px
    }

    .cliente .icone-cliente {
        float: left
    }

    .bg-footer {
        background-color: #fefefe;
        width: 100%;
        position: absolute;
        z-index: -1;
        margin-top: 170px;
        height: 1690px
    }

    .xs-1col-force, .xs-1col-table, .xs-1col-table td, .xs-1col-table tr, th {
        border: 0;
        background-color: transparent !important
    }

    .img-fundo {
        height: 390px;
        background-position: center top;
        background-size: auto 550px
    }

    .img-fundo-original {
        overflow: hidden;
        position: relative;
        padding-bottom: 60%;
        width: 100%;
        height: 1px
    }

    .img-fundo-original img {
        width: 160%;
        margin-left: -30%
    }

    .estamos-preparando span {
        margin-left: 30%;
        margin-top: 0;
        width: 300px
    }

    .xs-1col-force, .xs-1col-table {
        width: 100% !important;
        margin: auto
    }

    .xs-1col-force td {
        padding: 20px
    }

    .alertas * {
        display: block !important
    }

    .alertas .head h1 {
        color: #857a7a
    }

    .artigo .head h2 {
        margin: auto;
        max-width: 550px
    }

    .artigo .tag-artigo {
        width: 730px;
    }

    body.artigo main.depoimentos {
        margin-top: 70px
    }

    body.artigo main.cliente {
        margin-top: 80px
    }

    .bloco_interno {
        display: table;
        text-align: center
    }

    .artigo-lateral {
        padding-bottom: 30px;
        padding-right: 20px;
        display: inline-table;
        text-align: left
    }

    .texto .imagem_centro .imagem_centro:before {
        right: -50%;
    }

    .texto .imagem_right .imagem_right:before {
        height: 900px;
    }

    .swiper,
    .swiper-articles {
        width: 700px;
    }

    .artigo .editor-container {
        padding-top: 20px;
        padding-bottom: 20px;
        display: table;
    }

    .sm-align-right {
        text-align: right
    }

    .banner_topo,
    .banner_midle {
        width: 735px;
        height: auto;
    }

    .banner_resp {
        width: 100%;
        height: auto;
    }

    section.setor_side_A {
        width: 410px;
        margin-right: 20px;
    }

    section.setor_side_B {
        width: 299px;
    }

    .section_destaque section:nth-of-type(1) article:nth-of-type(1n+4) {
        width: 30%;
    }

    .section_destaque section:nth-of-type(1) article:nth-of-type(5) {
        display: none;
    }

    .section_lado_a_lado article {
        width: 45%;
        padding-left: 0 !important;
    }

    .section_lado_a_lado article:nth-of-type(2n+1) {
        margin-right: 20px;
    }

    .section_destaque_2 article {
        width: 47%;
    }

    .section_ultimas article {
        padding-bottom: 0px;
    }

}

@media screen and (min-width: 1030px) and (max-width: 1219px) {
    .embed-prep {
        margin-left: -32%
    }
}

@media screen and (max-width: 1029px) {
    .embed-prep {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 700px) and (max-width: 767px) {
    .texto .imagem_right .imagem_right:before {
        height: 500px;
        margin-top: 80px;
    }

    .texto .imagem_right .img_conteudo {
        margin-top: 89px;
        width: 100%;
    }

    .texto .imagem_left .img_conteudo {
        width: 100%;
    }

    .swiper {
        width: 700px;
    }
}

@media screen and (min-width: 200px) and (max-width: 766px) {

    .blococapa_3 > article, main {
        max-width: 100%
    }

    .topo .logo {
        top: 13px;
        left: 0;
        right: 0;
        margin: auto;
        width: 140px;
    }

    .interno .topo .logo {
        top: 7px
    }

    .interno .topoFixed .logo {
        top: -26px
    }

    .interno .topoFixed .roadmap-logo {
        /*margin-top: 50px;*/
    }

    .saiba-mais {
        font-size: 12px;
        padding: 0 20px;
        border: 1px solid #2a9784
    }

    .topo {
        /*padding-bottom: 47px*/
    }

    .topoFixed {
        /*padding-bottom: 47px*/
    }

    .interno .topoFixed {
        /*padding-bottom: 62px*/
    }

    .topoFixed .logo {
        top: -17px
    }

    .menu-mobile {
        left: 16px
    }

    .interno .roadmap-logo {
        font-size: 16px;
        text-align: left;
    }

    .topo ul {
        margin: 5px auto;
        width: 100%;
        min-width: 300px;
        max-width: 100%;
    }

    .topo .menus_left, .topo .menus_right {
        display: none
    }

    .blococapa_3 > article, .nossos-numeros, footer section {
        margin-left: auto;
        margin-right: auto
    }

    .bloco-menu .logo {
        width: 144px;
        top: 10px
    }

    .hotsites .logo img {
        max-height: 41px
    }

    .hotsites .topo .logo {
        width: 240px;
        margin-left: 0;
        top: -10px
    }

    .artigos-find .conteudo, .canal .fale-com-especialista, .estapas-avanter, .interno .contador, .panel > section > .panel > section {
        padding: 0
    }

    .menus-etapas {
        width: 100%;
        float: left
    }

    .menus-etapas .menus-etapas-label {
        width: 20%;
        line-height: 15px;
        font-size: 11px;
        height: 105px;
        margin-top: 4px;
    }

    .menus-etapas .menus-etapas-label .img-etapas-icon svg {
        width: 50px
    }

    .menus-etapas-content {
        width: 100%;
        float: left;
        clear: none;
        padding: 0 30px 30px;
        margin-top: 20px
    }

    .menus-etapas-label .barra-link {
        margin-top: 1px !important
    }

    .menus-etapas-content .conteudo {
        width: 100%;
        padding-top: 0
    }

    .banner_900x130:before, .capa .menu-mobile span, .capa .topo ul li, .formato_2 article .chamada, .interno .menu-mobile span, .interno .topo ul li, .links-secundarios-ext, .menus-etapas .menus-etapas-label span { /*display:none*/
    }

    .menus-etapas .menus-etapas-label span { /*font-size: 15px;*/
    }

    .estapas-avanter .img-etapas-icon img {
        width: 50px
    }

    .menus-etapas-content .conteudo .chamada {
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
        margin-top: 1px
    }

    .menus-etapas-content .conteudo .texto-final {
        font-weight: 400;
        font-size: 13px;
        color: #444;
        line-height: 20px;
        margin-top: 10px
    }

    .estapas-avanter .bloco-etapa .img-etapa {
        width: 120px
    }

    .nossos-numeros {
        width: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center;
        color: #fff
    }

    .nossos-numeros .nums .nums-col1 {
        width: 70%;
        height: inherit;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .nossos-numeros .nums-2 {
        font-size: 20px;
        letter-spacing: 0;
        margin-left: 10px;
        margin-right: 10px
    }

    .nossos-numeros .nums-1, .nossos-numeros .nums-4 {
        width: 80%;
        font-size: 14px
    }

    .nossos-numeros:hover .nums-4 {
        bottom: 10px
    }

    .nossos-numeros .nums .nums-numero {
        font-size: 40px;
        font-weight: 500;
        color: #31c2a7;
        text-shadow: 0 2px 31px #fff;
        float: left
    }

    .nossos-numeros .nums .nums-descricao {
        font-size: 15px !important;
        line-height: 27px !important;
        clear: both
    }

    .capa .menu-input-small:hover {
        background-color: #c1c1c1
    }

    .menu-mobile i {
        color: #000
    }

    .capa .menu-mobile-off {
        top: -50px
    }

    .capa .menu-mobile-off-2 {
        top: -50px;
        left: 212px
    }

    .capa .menu-mobile-fliped {
        left: 212px;
        top: 7px
    }

    .capa .topo .search {
        top: 82px;
        right: 40px;
        transform: translate(210px, -83px);
    }

    .capa .topo .search-on {
        transform: translate(30px, -83px);
    }


    .capa .gall:first-child {
        width: 110%;
        padding-bottom: 61% !important;
        box-shadow: 0 10px 13px #eee
    }

    .capa .gall:nth-child(2) {
        padding-bottom: 40% !important;
        width: 170%;
        margin-left: -30%
    }

    .panel {
        overflow: hidden !important
    }

    body > ul > section > .section-divisor {
        font-size: 24px;
        font-weight: 300;
        letter-spacing: -.6pt
    }

    article {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0
    }

    .formato_1 article {
        margin-bottom: 0;
    }

    article .conteudo {
        margin-top: 30px;
    }

    .article-fly .conteudo {
        -webkit-box-shadow: inset 0 -124px 119px -16px #000;
        box-shadow: inset 0 -114px 199px 24px #000;
        -moz-box-shadow: inset 0 -124px 119px -16px #000;
        -o-box-shadow: inset 0 -124px 119px -16px #000
    }

    .capa article:hover .conteudo { /*padding-bottom:1px !important*/
    }

    article .tag .tag-artigo {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        color: #007;
        padding-right: 10px;
        padding-left: 10px;
        background-color: #fff;
        border-radius: 40px;
        text-shadow: 0 0 #000
    }

    article .img-capa img {
        -webkit-filter: contrast(90%) brightness(120%) blur(0);
        filter: contrast(90%) brightness(120%) blur(0)
    }

    article .label-canal {
        background-color: #4b407a;
        font-size: 11px
    }

    .blococapa_2, .blococapa_3, .blococapa_4, .blococapa_4 section, .blococapa_4 section:nth-child(odd), .blococapa_5, .blococapa_5 .formato_1 article .chamada, .blococapa_5 section, .canal {
        width: 100%
    }

    .canal .blococapa_2, .canal .blococapa_3, .canal .blococapa_4, .canal .blococapa_5 {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%
    }

    .artigo-lateral, .produtos .produtos-listagem, main.alertas .head h1 i {
        padding-bottom: 10px
    }

    .canal .blococapa_2:empty, .canal .blococapa_3:empty, .canal .blococapa_4:empty, .canal .blococapa_5:empty {
        margin: 0;
        padding: 0 0 10px
    }

    footer section {
        width: 100%;
        padding: 10px;
        margin-top: 40px
    }

    footer .redes-share i {
        padding-top: 8px
    }

    footer .footer-left {
        width: 60%
    }

    footer .footer-right {
        float: right;
        width: 40%
    }

    footer .logo-footer {
        float: right;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    footer .logo-footer img {
        float: right
    }

    .footer-menus .footer-descricao {
        width: 100%;
    }

    .capa .logo-footer svg, .interno .logo-footer svg {
        width: 125px
    }

    footer .footer-menus li {
        float: inherit;
        width: 100% !important;
        text-align: center;
    }

    footer .footer-menus ul {
        margin-left: 0;
        float: initial;
        width: 100%;
    }

    footer .footer-menus ul.footer-subs {
        width: 100%;
    }

    footer .redes-share {
        float: none;
        width: 100%;
        text-align: center;
    }

    .footer-lisecond {
        margin-top: 40px;
    }

    .footer-lifirst > li > .titulo {
        font-weight: 700;
        font-size: 22px
    }

    .bg-footer {
        background-color: #001066;
        width: 100%;
        position: absolute;
        z-index: -1;
        margin-top: 170px;
        height: 1690px
    }

    .coluna-divisao-footer {
        height: 20px;
        background-color: #20ac2d;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
        border-radius: 20px
    }

    .xs-1col-table, .xs-1col-table td, th {
        background-color: transparent !important
    }

    .footer-menus .footer-descricao {
        font-size: 13px;
        width: 100%;
        font-weight: 400;
        text-align: center;
    }

    .fundo-img-section {
        background-position-y: 0;
        background-position-x: 65%;
    }

    .blococapa_3 article .img-capa img, .produtos .img-icon-produto {
        margin-top: 0
    }

    .blococapa_3 .formato_1 article .titulo {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: 0;
        width: 100%
    }

    .blococapa_4 .formato_1 article {
        margin-bottom: 20px !important
    }

    .blococapa_4 .formato_1 article:last-of-type {
        margin-bottom: 10px !important
    }

    .blococapa_4 .formato_1 article .img-capa img {
        margin-top: 0;
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2)
    }

    .blococapa_4 .formato_1:nth-child(2n+2) article .img-capa img {
        margin-top: 50px;
        margin-left: 50px;
        transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5)
    }

    .blococapa_4 .formato_1 article .titulo {
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 0;
        width: 100%
    }

    .blococapa_1 article .conteudo .visto, .blococapa_3 article .conteudo .visto, .blococapa_4 article .conteudo .visto {
        margin-top: 12px
    }

    .blococapa_5 .formato_1 article .img-capa img {
        margin-top: 0;
        margin-left: 0;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .6
    }

    .blococapa_5 .formato_1 article .titulo {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0;
        width: 80%;
        margin-bottom: 10px;
        color: #FFF;
    }

    .blococapa_5 .formato_1 article .visto {
        float: right;
        margin-top: 3px;
        width: 50px;
        text-align: right;
        line-height: 12px
    }

    .artigos-exclusivos {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .artigos-exclusivos .articles {
        width: 100%;
        margin: 0 auto;
        padding: 10px 10px 10px 20px
    }

    .canal .texto, h4, h5 {
        margin-bottom: 10px
    }

    .artigo .texto, .lateral { /*padding-left:30px;padding-right:30px;*/
    }

    .artigos-exclusivos .articles .conteudo {
        height: inherit;
        padding: 0 30px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .artigos-exclusivos .articles .data-img {
        height: 130px;
        width: 130px;
        float: left;
        margin-right: 20px;
        border-radius: 4px
    }

    .artigos-exclusivos .articles .display-portal {
        margin-left: 0;
        clear: inherit
    }

    .artigos-exclusivos .articles .display-portal img {
        border: 0;
        width: auto;
        height: 24px;
        padding-left: 0;
        border-radius: 0
    }

    .button-mais {
        width: 90%;
        font-size: 13px
    }

    .formato_2 article {
        height: 380px;
        max-width: 100%
    }

    .banner_900x130, .banner_900x130 img, .banner_900x130 video, .banner_900x130_sec, .banner_900x130_sec img, .banner_900x130_sec video {
        height: 44px;
        width: 300px
    }

    .formato_2 article .titulo {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -.6pt;
        margin-bottom: 0;
        width: 90%
    }

    .formato_2 article .img-capa-fundo img {
        margin-top: 40px;
        transform: scale(2.5, 2.5);
        -ms-transform: scale(2.5, 2.5);
        -webkit-transform: scale(2.5, 2.5)
    }

    .formato_2 article .label-canal {
        bottom: 0
    }

    .formato_3 article {
        max-width: 200px
    }

    .formato_3 article .img-capa {
        width: 50%;
        height: 300px
    }

    .banner_900x130 {
        top: 10px;
        margin-left: -150px;
        box-shadow: none !important;
        left: 50%
    }

    .articles-pocket .conteudo {
        float: left;
        width: 75%
    }

    .articles-pocket .conteudo .titulo {
        font-size: 15px;
        line-height: 17px;
        padding-top: 10px;
        padding-bottom: 5px;
        color: #000;
        width: 80%;
        display: table;
        float: left;
        font-weight: 400
    }

    .articles-pocket .conteudo .data {
        color: #999;
        font-size: 10px
    }

    .articles-pocket .conteudo .linha {
        font-size: 30px;
        line-height: 31px;
        padding-top: 7px;
        width: 30px;
        text-align: left
    }

    .formato_2 .cut1 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-top: 140px !important
    }

    .formato_2 .cut2 img {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        margin-left: 8%
    }

    .formato_2 .cut3 img {
        margin-top: 140px !important;
        margin-left: 24%
    }

    .formato_2 .cut4 img {
        margin-top: -20%
    }

    .interno .gall {
        width: 126%;
        padding-bottom: 93% !important;
        margin-left: -13%
    }

    .interno .topo {
    }

    .hotsites .topo {
        background-color: #2f1b50;
        box-shadow: 0 1px 20px #000
    }

    .canal .logo {
        top: -16px
    }

    .interno .menu-mobile-fliped {
        left: 210px;
        transition-duration: .5s;
        background-color: #fff;
        border: 1px solid #aaa;
        box-shadow: inset 0 0 5px #ccc
    }

    .interno .topo .search {
        transform: translate(180px, -4px);
    }

    .interno .topo .search-on {
        transform: translate(0px, -4px);
        top: 4px
    }

    .interno .topoFixed .search-on {
        transform: translate(-10px, 0px);
    }

    .interno .topo .search-bt {
        right: 0;
        top: 9px
    }

    .interno .menu-mobile-on {
        transition-property: left;
        transition-duration: 450ms;
        transition-delay: 0.4s;
        left: 207px !important;
        background-color: #fff;
        border: 1px solid #aaa;
        -moz-box-shadow: inset 0 0 5px #ccc;
        -webkit-box-shadow: inset 0 0 5px #ccc;
        box-shadow: inset 0 0 5px #ccc
    }

    .artigo section h2 {
        font-size: 19px
    }

    main .head h1, main .head h2 {
        margin-bottom: 5px;
        width: 100%
    }

    main section {
        width: 100%;
        padding: 0
    }

    main section .img-main-interno-wide {
        margin-left: 0;
        width: 100%;
        height: auto;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        overflow: hidden
    }

    main section .img-main-interno-wide img {
        width: 101%;
        position: relative;
        z-index: 1
    }

    .mask {
        -webkit-mask-image: none;
        mask-image: none;
        -webkit-mask-repeat: none;
        -webkit-mask-size: none
    }

    .artigo .texto {
        line-height: 25px;
        width: inherit;
        font-size: 16px;
    }

    .imgDiv {
        max-height: inherit;
        overflow: hidden;
        width: 126% !important;
        margin-left: -13%;
        margin-bottom: 20px;
        position: relative
    }

    .imgDiv img {
        margin-top: 0;
        width: 100%
    }

    .canal article, h4 {
        margin-top: 20px
    }

    .artigo .head {
        padding-top: 34px !important;
        background-position: center -130px;
        background-size: 240%;
        overflow: hidden
    }

    .clientes .img-icon-produto img {
        width: 100px;
        margin-right: 30px;
        margin-top: -10px
    }

    .artigo .head h1, .artigo .head h2 {
        margin-left: 20px;
        margin-right: 20px
    }

    .artigo .editor {
        width: 100%;
        padding-left: 30px;
        padding-top: 12px
    }

    .artigo .editor .editor-nome {
        color: #333;
        font-weight: bold;
        font-size: 17px;
    }

    .artigo .editor .editor-content {
        width: 60%;
    }

    .artigo .editor .editor-content-data {
        float: left;
        width: 100%
    }

    .artigo .display-portal img, article .display-portal img {
        width: 130px;
        background-color: #fff
    }

    .artigo .head h1 {
        font-size: 25px;
        font-weight: 700;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }

    .artigo .tag-artigo {
        margin-left: 20px;
    }

    .artigos-find .img-capa img {
        width: 150px;
        margin-right: 10px
    }

    .artigos-find .conteudo .titulo {
        font-size: 20px;
        font-weight: 700;
        padding-top: 10px;
        line-height: 25px
    }

    .artigos-find .conteudo .chamada {
        padding-top: 10px;
        font-size: 15px
    }

    .artigos-find .conteudo .canal-bg {
        display: table-cell;
        width: 100%
    }

    .artigo-lateral {
        clear: both;
        display: table
    }

    .artigo-lateral .titulo_aux {
        clear: inherit
    }

    .artigo-lateral .img-lateral {
        padding-right: 20px
    }

    main .head h1 {
        font-weight: 800;
        font-size: 24px !important;
        line-height: 25px !important;
        letter-spacing: -.7px
    }

    .hotsites .texto, main .head h2 {
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 0;
        font-weight: 400
    }

    main .head h2 {
        font-size: 15px !important;
        color: #888
    }

    main .texto {
        font-size: 15px;
        line-height: 23px;
        color: #333
    }

    .hotsites .texto {
        color: #333;
        width: 90%;
        text-align: left
    }

    .margintop_null, .sharecomp .ic-share {
        margin-top: 0 !important
    }

    .sharecomp .ic-share.twitter {
        width: 25px;
        overflow: hidden;
        margin-right: 5px;
        height: 20px
    }

    .sharecomp .ic-share.whats {
        width: 25px;
        overflow: hidden;
        height: 20px
    }

    .canal .head {
        position: absolute;
        top: 85px;
        left: 0;
        z-index: 99;
        width: 100%;
        text-align: center
    }

    .canal .head h2 {
        color: #ddd;
        margin-left: 12px;
        margin-top: -4px
    }

    .canal .head h1 {
        margin-top: 0;
        margin-left: 0
    }

    .canal .texto {
        top: 70px;
        padding: 10px 20px 20px
    }

    .subcanais .head {
        padding: 30px 20px 0px 20px;
    }

    .boletins .texto {
        width: 80% !important
    }

    .canal .form-row { /*padding-left:20px;padding-right:20px*/
    }

    .embed-prep {
        width: 108%;
        margin-left: -4%;
        padding-bottom: 2%;
    }

    h4 {
        font-size: 22px;
        line-height: 27px
    }

    h5, table {
        font-size: 14px
    }

    h5 {
        font-weight: 100;
        line-height: 22px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: -8px
    }

    .setorBG {
        padding-bottom: 20px !important
    }

    .xs-1col-table {
        border: 0;
        width: 100% !important;
        padding: 0;
        margin: auto
    }

    .capa section div .xs-1col-table, .xs-1col-force {
        width: 85% !important
    }

    section div .xs-1col-table td img {
        width: 90%
    }

    .xs-1col-table thead {
        min-width: 120px
    }

    .xs-1col-table td, th {
        display: block;
        border: 0
    }

    .texto > .xs-1col-table tr:nth-child(odd) {
        background-color: transparent
    }

    .xs-1col-table td {
        width: 100% !important;
        padding: 0 !important
    }

    .sanfona > tbody > tr > td {
        padding: 10px !important
    }

    .xs-1col-force {
        border: 0 !important;
        margin: auto;
        background-color: inherit !important;
        border-collapse: inherit
    }

    .xs-1col-force tbody, thead {
        float: left
    }

    .xs-1col-force thead {
        min-width: 100%
    }

    .xs-1col-force td, th {
        width: 100% !important;
        display: block;
        border: 0
    }

    .xs-1col-force tr:nth-child(odd) {
        background-color: #fff !important
    }

    .pagination li:first-of-type, .pagination li:last-of-type, .xs-off {
        display: none !important
    }

    .contador {
        padding: 30px;
        zoom: 71%
    }

    .contador .label {
        margin-top: 30px
    }

    .contador .ct-colum {
        width: 190px;
        height: 190px;
        margin: 14px;
        overflow: hidden
    }

    .contador .counter {
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -1px
    }

    .contador .ct-colum:nth-child(3) .more, .contador .ct-colum:nth-child(4) .more {
        top: 70px
    }

    .gallerySlide {
        padding-bottom: 123px !important;
        width: 117%;
        margin-top: -10px
    }

    .icon-svg-row {
        width: 60px;
        height: 60px;
        padding: 7px
    }

    .divisorBlocos {
        margin-left: -50px;
        width: 118% !important;
        margin-right: -80px;
        padding-right: 0
    }

    .bloco-fulldiv {
        background-image: none !important
    }

    .texto-colunas-2, .texto-colunas-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .texto-item .right-img {
        width: 100% !important
    }

    .form-row-center-inner-1 {
        left: -22px;
        background-size: contain;
        width: 114px;
        height: 89px
    }

    .form-row-center-inner-2 {
        right: -35px;
        background-size: contain;
        width: 150px;
        height: 89px
    }

    .cliente .icone-cliente {
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px
    }

    .clientes .menu-conteudo {
        background-color: #eee;
        width: 100%;
        height: 250px;
        border-bottom: 1px solid #ddd
    }

    .cliente .txt-completo {
        padding-top: 40px;
        margin-top: 20px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }

    .site-cliente h5 a {
        margin: 0;
        padding: 5px 30px
    }

    main.canal .clientes, main.canal .depoimentos, main.depoimentos {
        margin-top: 50px
    }

    .centro-img-normal, .img-insert-texto {
        width: 100% !important;
        height: 100% !important
    }

    .classWrapTitulo {
        width: 120px;
        font-size: 14px !important;
        line-height: 15px !important
    }

    .img-fundo {
        height: 190px;
        background-size: 194%;
        background-repeat: no-repeat;
        background-position: 40% 0
    }

    .img-fundo-original {
        overflow: hidden;
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 1px;
        margin-top: 60px;
        margin-bottom: -50px
    }

    .img-fundo-original img {
        width: 160%;
        margin-left: -30%
    }

    .produtos .menu-conteudo > .row-menu-listagem .icon-svg-row, footer .redes-share i {
        width: 35px;
        height: 35px
    }

    .produtos .list-produtos {
        width: 85%;
        height: auto;
        border-bottom: 1px dotted #ddd;
        padding: 15px
    }

    .produtos .list-produtos:last-child {
        border: 0
    }

    .produtos .list-produtos .conteudo {
        padding: 0;
        font-weight: 400;
        text-align: left
    }

    .produtos .list-produtos .conteudo .titulo {
        font-size: 18px;
        letter-spacing: -1px;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 22px;
        line-height: 22px
    }

    .produtos .list-produtos .conteudo .chamada {
        font-size: 16px;
        text-align: left;
        line-height: 19px;
        padding-top: 9px
    }

    .produtos .list-produtos .img-capa {
        padding: 0;
        width: 20%;
        margin-right: 10px;
        margin-left: 10px;
        float: left
    }

    .produtos .list-produtos .conteudo .titulo_complementar {
        font-size: 12px;
        line-height: 15px;
        text-align: left;
        clear: both
    }

    .produtos .segmentos .display-segmentos {
        font-size: 10px;
        width: 140px;
        height: 130px
    }

    .produtos .segmentos {
        padding-top: 5px
    }

    table td {
        padding: 10px
    }

    table td .centro-img-pequena {
        width: 70% !important
    }

    .produtos .head {
        width: 100%;
        margin-left: 0;
        padding-left: 30px
    }

    .produtos .head h1 {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing: 3px;
        text-align: left;
        margin-left: 2px;
        margin-bottom: 10px;
    }

    .produtos .bg-titulo-produto {
        width: 100%;
        z-index: -1;
        display: table
    }

    .produtos .txt-produto {
        color: #fff;
        font-size: 30px;
        line-height: 31px;
        font-weight: 100;
        max-width: 70%;
    }

    .produtos .bg-titulo-produto .txt-produto-aux {
        color: #bebebe;
        text-align: left;
        line-height: 25px;
        font-weight: 400;
        width: 95%;
        clear: both;
        padding-top: 20px;
    }

    .produtos .bg-titulo-produto .txt-produto-aux ul li {
        font-size: 16px;
    }

    main.produtos .texto {
        margin-top: 30px;
        width: 83%
    }

    .produtos .canal .texto {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 80px !important
    }

    .produtos .menu-conteudo {
        margin-right: -337px;
        margin-top: 20px
    }

    .produtos .menu-conteudo > .row-menu-listagem img {
        margin-left: 10px
    }

    .produtos .menu-conteudo > .row-menu-listagem {
        font-size: 12px;
        padding: 2px;
        margin: 1px
    }

    .produtos .menu-conteudo li span {
        margin-left: 0 !important
    }

    .produtos .texto-item {
        font-size: 14px;
        line-height: 20px;
        padding-left: 64px;
        color: #999;
        letter-spacing: 0;
        width: 96%
    }

    .produtos .bl-segmentos {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .produtos .segmentos .slide-segmentos {
        margin-right: 50px
    }

    .produtos .icone-produto {
        top: 80px;
        right: 0;
        padding: 0;
        width: 110px;
        height: 160px;
    }

    .produtos .icone-produto svg {
        width: 100px;
        height: 100px;
    }

    .produtos .icone-produto svg .fil0 {
        fill: none;
    }

    .produtos .icone-produto svg .fil1 {
        fill: #FFF;
    }

    .produtos .img-fundo {
        height: 480px;
        position: absolute;
        top: 76px;
        z-index: -1;
        width: 100%;
        background-size: 1800px;
    }

    .depoimentos .list-above .conteudo .titulo_complementar, .nossos-numeros .nums .nums-col1:last-child, .produtos .segmentos .display-segmentos img {
        width: 70%
    }

    .depoimentos .list-above .img-capa {
        width: 140px;
        height: 140px;
        border: 3px solid #775656;
        margin: 20px auto auto;
        float: inherit;
        display: block
    }

    .depoimentos .list-above .conteudo {
        float: left;
        margin-top: 10px;
        width: 100%;
        margin-left: 0
    }

    .artigo .depoimentos .list-above .conteudo {
        margin-left: 30px;
        width: 83%
    }

    .depoimentos .list-above .conteudo .texto {
        width: 100%;
        margin-top: 40px
    }

    .depoimentos .list-above .conteudo .texto:before {
        width: 40px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 10px
    }

    .depoimentos .list-above .conteudo .texto:after {
        width: 22px;
        height: 22px;
        float: right;
        margin-right: 3px;
        margin-top: 20px
    }

    .depoimentos .sobre-cliente {
        clear: both;
        margin-left: 10px;
        width: 90%
    }

    .texto .depoimentos .titulo, .texto .depoimentos .titulo_complementar {
        margin-left: 20px
    }

    .depoimentos .sobre-cliente .sobre-cliente-titulocomp, .produtos .segmentos .display-segmentos .segmento-titulo {
        font-size: 12px
    }

    .estamos-preparando span {
        margin-left: 35%;
        margin-top: -9px;
        width: 60%;
        font-size: 11px
    }

    .estamos-preparando img {
        margin-left: 4px
    }

    .label-parceiros {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #333;
        line-height: 17px;
        color: #fff;
        border-radius: 6px;
        border: 0;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .img-circle {
        width: 200px;
        height: 200px;
        display: table;
        margin: 30px auto 10px;
        clear: both;
        float: inherit
    }

    .alertas * {
        display: block !important
    }

    .alertas .head h1 {
        margin-top: 20px !important;
        color: #857a7a;
        font-size: 30px
    }

    main.alertas .head h1 {
        font-size: 44px !important
    }

    .alertas .topo-erro {
        margin-top: 160px
    }

    .cliente .txt-titulo {
        text-align: center;
        width: 100%;
        margin-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
        margin-left: 0
    }

    .cliente .txt-chamada {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .vimeo-vertical {
        padding: 177.78% 0 0 !important
    }

    .word-table td {
        font-size: 11px !important;
        line-height: 16px
    }

    .interno .roadmap-logo a {
        color: #fff
    }

    .xs-align-left {
        text-align: left
    }

    ul.listagem-titulos > li {
        height: inherit;
        width: 100%
    }

    ul.listagem-titulos > li > .itens-produto {
        position: inherit;
        width: inherit;
        margin-top: 20px
    }

    #contato-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 45px;
        z-index: 102;
        color: #fff;
        font-size: 13px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 53px;
        background-color: #fff;
        box-shadow: 1px 3px 30px #999;
        display: none
    }

    #contato-footer .whats img {
        margin-right: 5px;
        width: 25px;
        height: 25px
    }

    #contato-footer .link-aba-portal svg, #contato-footer .w-conver img {
        height: auto;
        max-height: 19px;
        max-width: 18px;
        margin-top: 10px;
        width: 100%
    }

    #contato-footer .form-converse {
        right: inherit;
        left: 50%;
        width: 300px;
        margin-left: -150px
    }

    #contato-footer .link-aba-portal, #contato-footer .w-conver {
        width: 140px;
        background-color: #83419e;
        border-radius: 30px;
        display: inline-block;
        height: 43px;
        overflow: hidden
    }

    #contato-footer .link-aba-portal:hover, #contato-footer .w-conver:hover {
        background-color: #000;
        box-shadow: inset 0 3px 6px #83419e
    }

    #contato-footer .w-conver {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: 2px
    }

    .hotsites #contato-footer .w-conver {
        border-radius: 20px !important;
        width: 260px;
        line-height: 39px;
        font-size: 17px;
        text-align: left
    }

    .hotsites #contato-footer .w-conver img {
        margin-right: 30px
    }

    #contato-footer .w-conver .w-text {
        float: right;
        width: 90px;
        line-height: 15px;
        text-align: right;
        margin-right: 10px;
        margin-top: 5px
    }

    #contato-footer .link-aba-portal {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        color: #fff;
        text-decoration: none !important
    }

    #contato-footer .link-aba-portal .w-text {
        float: left;
        width: 90px;
        margin-left: 10px;
        line-height: 15px;
        text-align: left;
        margin-top: 5px
    }

    #contato-footer .w-conver img {
        float: left;
        margin-bottom: 0;
        margin-left: 20px
    }

    #contato-footer .link-aba-portal svg {
        margin-bottom: -5px;
        float: right;
        margin-right: 20px
    }

    #contato-footer .link-aba-portal .fil0 {
        fill: #FFF
    }

    .editor .editor-content {
        width: 260px;
        color: #333;
        padding-top: 10px
    }

    .editor .editor-nome {
        color: #fff;
        font-size: 13px;
        font-weight: 200;
        float: left;
    }

    #contato-footer .converse-on {
        margin-top: inherit;
        bottom: 60px
    }

    #contato-footer .form-converse span, .converse-aguarde, .converse-obrigado {
        color: #83419e
    }

    #contato-footer .fechar-converse {
        line-height: 21px
    }

    footer .copyright {
        font-size: 10px;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 100
    }

    ul {
        list-style: circle;
        font-size: 12px;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .icon-perfil {
        width: 215px !important;
        display: block;
        float: none;
        margin: 10px auto 30px
    }

    .texto .imagem_centro .imagem_centro:before {
        right: -90%;
    }

    .texto .imagem_right .img_conteudo, .texto .imagem_left .img_conteudo, .texto .imagem_centro .img_conteudo {
        width: 100%;
    }

    .texto .imagem_right .imagem_right:before {
        height: 500px;
        margin-top: 80px;
    }

    .texto .imagem_right .img_conteudo {
        margin-top: 89px;
        width: 100%;
    }

    .swiper,
    .swiper-articles{
        width: 350px;
    }

    .xs-align-left {
        text-align: left
    }

    .xs-align-right {
        text-align: right
    }

    .xs-row {
        margin: 0
    }

    .banner_topo,
    .banner_midle {
        width: 300px;
        height: auto;
    }

    .banner_resp {
        width: 100%;
        height: auto;
    }

    section.setor_side_A {
        width: 100%;
        margin-right: 20px;
    }

    section.setor_side_B {
        width: 100%;
        margin-top: 20px;
    }

    .section_destaque article {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .section_slidehorizontal article {
        width: 100%;
        height: 300px;
    }

    .section_lado_a_lado article {
        width: 100%;
        padding-left: 0px !important;
    }

    .capa .topo .search-bt {
        margin-top: -3px;
    }

    .interno .topo .search-bt {
        margin-top: 0px;
    }

    .interno .roadmap-logo span {
        padding-left: 20px;
        font-size: 11px;
    }

    .interno footer li {
        max-width: inherit;
    }

    .hot_tags {
        display: none;
    }

    .topo ul {
        text-align: center;
    }

    .topo .menus_center {
        margin-right: 0;
    }

    .menu-mobile {
        display: block;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 40px !important;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 40px !important;
    }

}