@charset "UTF-8";

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body,
span,
p,
form,
img,
a,
input,
tel,
select,
textarea,
html,
figure,
header,
footer,
article,
section,
iframe {
    margin: 0;
    padding: 0;
    border: none;
    outline: none
}

ul,
ol,
li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.titulo1,
.titulo2,
.titulo3,
.titulo4 {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif
}

input,
textarea {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none
}

.spaceAfterCP,
.spaceBeforeCP {
    width: 100%;
    float: left
}

a,
a:hover {
    color: #FFFFFF;
    text-decoration: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.full-max {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0
}

@font-face {
    font-family: 'icomoon';
    src: url('../fontes/icomoon.ttf?x2sf3t') format('truetype'), url('../fontes/icomoon.woff?x2sf3t') format('woff'), url('../fontes/icomoon.svg?x2sf3t#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

i {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.servico-criacao-site .path1:before {
    content: "\e901";
    color: #BFEFFF
}

.servico-criacao-site .path2:before {
    content: "\e902";
    margin-left: -0.99707031em;
    color: #AAE3FF
}

.servico-criacao-site .path3:before {
    content: "\e905";
    margin-left: -0.99707031em;
    color: #fff
}

.servico-criacao-site .path4:before {
    content: "\e90c";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path5:before {
    content: "\e90f";
    margin-left: -0.99707031em;
    color: #fff
}

.servico-criacao-site .path6:before {
    content: "\e912";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path7:before {
    content: "\e915";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path8:before {
    content: "\e917";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path9:before {
    content: "\e918";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path10:before {
    content: "\e91b";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path11:before {
    content: "\e921";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path12:before {
    content: "\e923";
    margin-left: -0.99707031em;
    color: #fff
}

.servico-criacao-site .path13:before {
    content: "\e924";
    margin-left: -0.99707031em;
    color: #fff
}

.servico-criacao-site .path14:before {
    content: "\e925";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path15:before {
    content: "\e926";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path16:before {
    content: "\e927";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path17:before {
    content: "\e928";
    margin-left: -0.99707031em;
    color: #5e598e
}

.servico-criacao-site .path18:before {
    content: "\e929";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path19:before {
    content: "\e92b";
    margin-left: -0.99707031em;
    color: #5e598e
}

.servico-criacao-site .path20:before {
    content: "\e92c";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path21:before {
    content: "\e92d";
    margin-left: -0.99707031em;
    color: #fff
}

.servico-criacao-site .path22:before {
    content: "\e92f";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path23:before {
    content: "\e934";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path24:before {
    content: "\e937";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path25:before {
    content: "\e938";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path26:before {
    content: "\e939";
    margin-left: -0.99707031em;
    color: #006699
}

.servico-criacao-site .path27:before {
    content: "\e93b";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path28:before {
    content: "\e93d";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path29:before {
    content: "\e941";
    margin-left: -0.99707031em;
    color: #00A4F2
}

.servico-criacao-site .path30:before {
    content: "\e942";
    margin-left: -0.99707031em;
    color: #ffe6cd
}

.servico-criacao-site .path31:before {
    content: "\e949";
    margin-left: -0.99707031em;
    color: #ffe6cd
}

.servico-google-ads .path1:before {
    content: "\e94b";
    color: #e7ecd7
}

.servico-google-ads .path2:before {
    content: "\e94d";
    margin-left: -0.99414062em;
    color: #fff
}

.servico-google-ads .path3:before {
    content: "\e94e";
    margin-left: -0.99414062em;
    color: #c4d29d
}

.servico-google-ads .path4:before {
    content: "\e94f";
    margin-left: -0.99414062em;
    color: #e6ebd7
}

.servico-google-ads .path5:before {
    content: "\e950";
    margin-left: -0.99414062em;
    color: #c4d29d
}

.servico-google-ads .path6:before {
    content: "\e951";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path7:before {
    content: "\e953";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path8:before {
    content: "\e954";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path9:before {
    content: "\e955";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path10:before {
    content: "\e956";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path11:before {
    content: "\e957";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path12:before {
    content: "\e95c";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path13:before {
    content: "\e95d";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path14:before {
    content: "\e95e";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path15:before {
    content: "\e95f";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path16:before {
    content: "\e960";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path17:before {
    content: "\e961";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path18:before {
    content: "\e962";
    margin-left: -0.99414062em;
    color: #698d3c
}

.servico-google-ads .path19:before {
    content: "\e963";
    margin-left: -0.99414062em;
    color: #c4d29d
}

.servico-google-ads .path20:before {
    content: "\e965";
    margin-left: -0.99414062em;
    color: #c4d29d
}

.servico-loja-virtual .path1:before {
    content: "\e966";
    color: #d5effa
}

.servico-loja-virtual .path2:before {
    content: "\e967";
    margin-left: -1.00097656em;
    color: #fff
}

.servico-loja-virtual .path3:before {
    content: "\e96b";
    margin-left: -1.00097656em;
    color: #fff
}

.servico-loja-virtual .path4:before {
    content: "\e96c";
    margin-left: -1.00097656em;
    color: #9adbf6
}

.servico-loja-virtual .path5:before {
    content: "\e96d";
    margin-left: -1.00097656em;
    color: #9adbf6
}

.servico-loja-virtual .path6:before {
    content: "\e96e";
    margin-left: -1.00097656em;
    color: #97b3de
}

.servico-loja-virtual .path7:before {
    content: "\e96f";
    margin-left: -1.00097656em;
    color: #97b3de
}

.servico-loja-virtual .path8:before {
    content: "\e970";
    margin-left: -1.00097656em;
    color: #9adbf6
}

.servico-loja-virtual .path9:before {
    content: "\e971";
    margin-left: -1.00097656em;
    color: #9adbf6
}

.servico-loja-virtual .path10:before {
    content: "\e973";
    margin-left: -1.00097656em;
    color: #9adbf6
}

.servico-loja-virtual .path11:before {
    content: "\e975";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path12:before {
    content: "\e976";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path13:before {
    content: "\e979";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path14:before {
    content: "\e97a";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path15:before {
    content: "\e97c";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path16:before {
    content: "\e97d";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path17:before {
    content: "\e97e";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path18:before {
    content: "\e97f";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path19:before {
    content: "\e980";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path20:before {
    content: "\e982";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path21:before {
    content: "\e983";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path22:before {
    content: "\e984";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path23:before {
    content: "\e986";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path24:before {
    content: "\e98c";
    margin-left: -1.00097656em;
    color: #09c
}

.servico-loja-virtual .path25:before {
    content: "\e98d";
    margin-left: -1.00097656em;
    color: #cfe3f5
}

.servico-loja-virtual .path26:before {
    content: "\e98e";
    margin-left: -1.00097656em;
    color: #cfe3f5
}

.bg-servicos:before {
    content: "\e990"
}

.bg-banner:before {
    content: "\e98f"
}

.detalhe-titulo:before {
    content: "\e991"
}

.foguete-01:before {
    content: "\e993"
}

.foguete-02:before {
    content: "\e994"
}

.foguete-03:before {
    content: "\e995"
}

.foguete-04:before {
    content: "\e996"
}

.foguete-servicos:before {
    content: "\e997"
}

.servico-hospedagem:before {
    content: "\e999"
}

.servico-logotipo:before {
    content: "\e99b"
}

.servico-seo:before {
    content: "\e99c"
}

.servico-sistema:before {
    content: "\e99d"
}

.icon-upload1:before {
    content: "\e968"
}

.icon-tik-tok1:before {
    content: "\e992"
}

.icon-tik-tok2:before {
    content: "\e99a"
}

.logo-2020a:before {
    content: "\e907"
}

.logo-2020-b:before {
    content: "\e916"
}

.data-hora2:before {
    content: "\e964"
}

.share1:before {
    content: "\e9ac"
}

.icon-camera1:before {
    content: "\e998"
}

.icon-gear2:before {
    content: "\e985"
}

.icon-user4:before {
    content: "\e98a"
}

.icon-clip:before {
    content: "\e98b"
}

.alerta-1:before {
    content: "\e97b"
}

.pasta:before {
    content: "\e981"
}

.short:before {
    content: "\e974"
}

.star-1:before {
    content: "\e977"
}

.star-2:before {
    content: "\e978"
}

.icon-seta02-d:before {
    content: "\e952"
}

.icon-seta06-r:before {
    content: "\e958"
}

.icon-seta06-d:before {
    content: "\e9af"
}

.icon-seta06-l:before {
    content: "\e959"
}

.icon-seta07-r:before {
    content: "\e95a"
}

.icon-seta07-l:before {
    content: "\e95b"
}

.icon-seta07-d:before {
    content: "\e9b0"
}

.icon-menos2:before {
    content: "\e969"
}

.icon-mais2:before {
    content: "\e96a"
}

.icon-check02:before {
    content: "\e94c"
}

.icon-close:before {
    content: "\e947"
}

.icon-empresa2:before {
    content: "\e91a"
}

.icon-rote:before {
    content: "\e943"
}

.icon-heart:before {
    content: "\e944"
}

.icon-link:before {
    content: "\e945"
}

.icon-responsive:before {
    content: "\e946"
}

.icon-gear:before {
    content: "\e989"
}

.icon-seta2:before {
    content: "\e911"
}

.icon-store:before {
    content: "\e910"
}

.icon-trash:before {
    content: "\e900"
}

.icon-olho:before {
    content: "\e903"
}

.icon-atualizar:before {
    content: "\e904"
}

.icon-instagram-02:before {
    content: "\e94a"
}

.icon-whatsapp:before {
    content: "\e906"
}

.icon-in:before {
    content: "\e908"
}

.icon-facebook:before {
    content: "\e909"
}

.icon-twitter:before {
    content: "\e90a"
}

.icon-youtube:before {
    content: "\e90b"
}

.icon-youtube2:before {
    content: "\e92e"
}

.icon-rss:before {
    content: "\e90d"
}

.icon-blog:before {
    content: "\e90e"
}

.icon-skype:before {
    content: "\e919"
}

.icon-user3:before {
    content: "\e988"
}

.icon-user:before {
    content: "\e91c"
}

.icon-user2:before {
    content: "\e91d"
}

.icon-help:before {
    content: "\e91e"
}

.icon-info:before {
    content: "\e91f"
}

.icon-send:before {
    content: "\e920"
}

.icon-pin4:before {
    content: "\e930"
}

.icon-text:before {
    content: "\e92a"
}

.icon-clock:before {
    content: "\e931"
}

.icon-clock2:before {
    content: "\e932"
}

.icon-data:before {
    content: "\e933"
}

.icon-download:before {
    content: "\e935"
}

.icon-lupa:before {
    content: "\e936"
}

.icon-chat:before {
    content: "\e93a"
}

.icon-chat3:before {
    content: "\e93c"
}

.icon-chat5:before {
    content: "\e93e"
}

.icon-seta:before {
    content: "\e940"
}

.icon-seta02:before {
    content: "\e9b1"
}

.icon-news:before {
    content: "\e93f"
}

.icon-arroba:before {
    content: "\e922"
}

.icon-mail4:before {
    content: "\e987"
}

.icon-call01:before {
    content: "\e913"
}

.icon-call03:before {
    content: "\e914"
}

.icon-call:before {
    content: "\e948"
}

.icon-phone03:before {
    content: "\e972"
}

#headerBlock {
    display: flex;
    height: 113px;
    padding: 0 15px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    #headerBlock {
        height: 93px
    }
}

@media (max-width:1023px) {
    #headerBlock {
        padding: 0;
        height: 70px
    }
}

#headerBlock.topo-fixo {
    height: 70px;
    background-color: #006699;
    box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.8)
}

#headerBlock.topo-fixo .logo {
    width: 185px;
    height: 70px
}

@media (max-width:1023px) {
    #headerBlock.topo-fixo .logo {
        width: 160px
    }
}

@media (max-width:480px) {
    #headerBlock.topo-fixo .logo {
        width: 135px
    }
}

#headerBlock.topo-fixo .menu {
    align-items: center
}

@media (max-width:1023px) {
    #headerBlock.topo-fixo .menu {
        align-items: normal
    }
}

#headerBlock.topo-fixo .pmenu li a {
    height: 60px;
    padding: 15px 25px
}

@media (max-width:1279px) {
    #headerBlock.topo-fixo .pmenu li a {
        padding: 15px 10px
    }
}

#headerBlock.topo-fixo .pmenu .megamenu:before {
    bottom: 5px
}

#headerBlock.topo-fixo .pmenu .megamenu:hover .sublink:before {
    bottom: 2px
}

#headerBlock.topo-fixo .pmenu .sublink {
    height: 60px
}

#headerBlock.topo-fixo .pmenu .sublink:before {
    bottom: 5px
}

#headerBlock.topo-fixo .pmenu .sublink:hover:before,
#headerBlock.topo-fixo .pmenu .sublink:active:before {
    bottom: 5px
}

@media (max-width:1279px) {

    #headerBlock.topo-fixo .pmenu .sublink:hover,
    #headerBlock.topo-fixo .pmenu .sublink:active {
        padding-top: 15px
    }
}

#headerBlock.topo-fixo .pmenu .psubmenu {
    top: 64px
}

@media (max-width:1023px) {
    #headerBlock.topo-fixo .pmenu .psubmenu {
        top: 0
    }
}

#headerBlock.topo-fixo .pmenu .psubmenu a {
    padding: 10px 15px;
    height: auto
}

#headerBlock.topo-fixo .telefone {
    height: 70px
}

.topo-lopak {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between
}

@media (max-width:1023px) {
    .topo-lopak {
        align-items: center;
        justify-content: flex-start
    }
}

.topo-lopak .logo {
    float: left;
    display: block;
    width: 235px;
    height: 113px;
    background-image: url("../images/logo-branca.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .topo-lopak .logo {
        width: 185px;
        height: 93px
    }
}

@media (max-width:1023px) {
    .topo-lopak .logo {
        width: 160px;
        height: 70px;
        float: none;
        filter: none
    }
}

@media (max-width:480px) {
    .topo-lopak .logo {
        width: 135px
    }
}

.topo-lopak .logo h1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    overflow: hidden;
    width: 0;
    height: 0
}

.topo-lopak .tel0 {
    display: none
}

@media (max-width:1023px) {
    .topo-lopak .tel0 {
        display: block;
        position: absolute;
        top: calc(50% - 15px);
        right: 55px;
        z-index: 0
    }
}

@media (max-width:480px) {
    .topo-lopak .tel0 {
        font-size: 15px;
        top: calc(50% - 11.5px)
    }
}

@media (max-width:359px) {
    .topo-lopak .tel0 {
        display: none
    }
}

.topo-lopak .navegacao {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.topo-lopak .navegacao .telefone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 94px;
    padding-left: 30px;
    margin-left: 25px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .topo-lopak .navegacao .telefone {
        margin-left: 15px
    }
}

@media (max-width:1023px) {
    .topo-lopak .navegacao .telefone {
        display: none
    }
}

.topo-lopak .navegacao .telefone:before {
    display: block;
    content: '\e972';
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.51);
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    z-index: 0
}

.topo-lopak .navegacao .telefone a {
    font-size: 17px
}

.topo-lopak .ssm-toggle-nav {
    display: none
}

@media (max-width:1023px) {
    .topo-lopak .ssm-toggle-nav {
        display: block
    }
}

.info-lateral {
    display: none
}

@media (max-width:1023px) {
    .info-lateral {
        position: fixed;
        top: 90px;
        right: -110%;
        z-index: 1001;
        display: block;
        transition: .3s all ease-out;
        -moz-transition: .3s all ease-out;
        -webkit-transition: .3s all ease-out;
        -ms-transition: .3s all ease-out;
        text-align: center;
        width: 90%;
        height: auto;
        padding: 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        background-color: #FFFFFF;
        border-top-color: #006699;
        border-top-width: 10px;
        border-top-style: solid
    }

    .info-lateral.on {
        right: 5%
    }

    .info-lateral a {
        display: table;
        margin: 0 auto 0;
        color: #000000
    }

    .info-lateral .telefone-lateral {
        width: 100%;
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
        padding: 5px 0 15px;
        font-size: 18px
    }

    .info-lateral .telefone-lateral:before {
        content: 'Telefone';
        display: block;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif
    }

    .info-lateral .whatsapp-lateral {
        width: 100%;
        padding-left: 0;
        margin: 10px 0 10px;
        color: #000000;
        font-size: 18px
    }

    .info-lateral .whatsapp-lateral:before {
        content: 'WhatsApp';
        display: block;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif
    }

    .info-lateral .email-lateral {
        width: 100%;
        padding: 12px 0;
        font-size: 14px
    }

    .info-lateral .email-lateral:before {
        content: 'E-mail';
        display: block;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif
    }

    .info-lateral .email-lateral a {
        word-break: break-all
    }

    .info-lateral .redes {
        display: table;
        float: none;
        margin: 0 auto 0;
        width: 100%;
        padding: 25px 10px;
        border-top-color: rgba(0, 0, 0, 0.15);
        border-top-width: 1px;
        border-top-style: solid
    }

    .info-lateral .redes span {
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
        float: left;
        width: 100%;
        padding-bottom: 20px
    }

    .info-lateral .redes a {
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }

    .info-lateral .redes i {
        width: 37px;
        height: 37px;
        background-color: rgba(0, 0, 0, 0.8) !important;
        border: none;
        color: #FFFFFF;
        margin: 0 5px;
        padding: 5px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }

    .info-lateral .redes .icon-skype b {
        display: none
    }

    .info-lateral .formulario-contato {
        width: 320px;
        height: 35px;
        line-height: 35px;
        display: block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #FFFFFF;
        background-color: rgba(0, 0, 0, 0.8);
        margin: 0 auto 0
    }
}

@media (max-width:480px) {
    .info-lateral .formulario-contato {
        width: 100%
    }

    .info-lateral .telefone-lateral,
    .info-lateral .whatsapp-lateral {
        font-size: 18px
    }

    .info-lateral .endereco-lateral {
        font-size: 13px
    }
}

.ico-fone-responsivo {
    display: none
}

@media (max-width:1023px) {
    .ico-fone-responsivo {
        display: block;
        float: right;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        -ms-border-radius: 30px;
        transition: .3s all ease-out;
        -moz-transition: .3s all ease-out;
        -webkit-transition: .3s all ease-out;
        -ms-transition: .3s all ease-out;
        padding: 0;
        color: #FFFFFF;
        font-size: 25px;
        margin: 0 15px 0 0;
        position: absolute;
        top: auto;
        right: 0;
        z-index: 0;
        overflow: hidden;
        line-height: 30px
    }

    .ico-fone-responsivo.on {
        color: rgba(255, 255, 255, 0.8)
    }
}

.trava {
    overflow: hidden;
    position: relative
}

.trava:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.45)
}

#headerBlock.topo-fixo .topo-right>.menu>.pmenu>li>a {
    height: 70px
}

@media (max-width:1023px) {
    #headerBlock.topo-fixo .topo-right>.menu>.pmenu>li>a {
        height: auto
    }
}

.menu {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%
}

.menu .full-max {
    width: 87%
}

.menu h2 {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #555555;
    font-weight: 700;
    position: relative;
    padding: 15px
}

.menu h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    font-size: 21px;
    line-height: 1;
    color: #006699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media only screen and (min-width:1024px) {
    .menu {
        transform: none !important;
        display: flex
    }
}

@media (max-width:1023px) {
    .menu {
        position: fixed;
        top: 70px;
        left: 0;
        z-index: 1500;
        width: 460px;
        height: 100vh;
        margin: 0;
        padding-bottom: 250px;
        background-color: #fff;
        transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transition: .3s all ease-out;
        -moz-transition: .3s all ease-out;
        -webkit-transition: .3s all ease-out;
        -ms-transition: .3s all ease-out;
        overflow: scroll;
        border-top: 0;
        align-items: initial;
        flex-direction: column;
        border-radius: 0 10px 0 0;
        -moz-border-radius: 0 10px 0 0;
        -webkit-border-radius: 0 10px 0 0;
        -ms-border-radius: 0 10px 0 0
    }
}

@media (max-width:480px) {
    .menu {
        width: 96%
    }
}

.menu .entrar {
    color: #FFFFFF;
    font-weight: 700;
    padding: 10px 25px;
    background-color: #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-left: 20px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.menu .entrar:hover {
    background-color: #eee;
    color: #000000
}

@media (max-width:1023px) {
    .menu .entrar {
        width: 100%;
        background-color: transparent;
        padding: 15px 20px;
        border-bottom-color: rgba(255, 255, 255, 0.3);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        font-weight: normal;
        margin-left: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0
    }

    .menu .entrar:hover {
        background-color: rgba(0, 0, 0, 0.3);
        color: #FFFFFF
    }
}

.pmenu,
.form-online,
.menu-acessivel,
.menu-aside {
    float: right
}

.pmenu .megamenu,
.form-online .megamenu,
.menu-acessivel .megamenu,
.menu-aside .megamenu,
.pmenu .form-checkbox,
.form-online .form-checkbox,
.menu-acessivel .form-checkbox,
.menu-aside .form-checkbox {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0
}

@media (max-width:1023px) {

    .pmenu .megamenu,
    .form-online .megamenu,
    .menu-acessivel .megamenu,
    .menu-aside .megamenu,
    .pmenu .form-checkbox,
    .form-online .form-checkbox,
    .menu-acessivel .form-checkbox,
    .menu-aside .form-checkbox {
        flex-direction: column
    }
}

.pmenu .megamenu a,
.form-online .megamenu a,
.menu-acessivel .megamenu a,
.menu-aside .megamenu a,
.pmenu .form-checkbox a,
.form-online .form-checkbox a,
.menu-acessivel .form-checkbox a,
.menu-aside .form-checkbox a,
.pmenu .megamenu label,
.form-online .megamenu label,
.menu-acessivel .megamenu label,
.menu-aside .megamenu label,
.pmenu .form-checkbox label,
.form-online .form-checkbox label,
.menu-acessivel .form-checkbox label,
.menu-aside .form-checkbox label {
    width: 379px;
    height: auto;
    padding: 10px 15px;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 25px;
    color: #000000;
    line-height: 1.6;
    font-weight: 700;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

@media (max-width:1279px) {

    .pmenu .megamenu a,
    .form-online .megamenu a,
    .menu-acessivel .megamenu a,
    .menu-aside .megamenu a,
    .pmenu .form-checkbox a,
    .form-online .form-checkbox a,
    .menu-acessivel .form-checkbox a,
    .menu-aside .form-checkbox a,
    .pmenu .megamenu label,
    .form-online .megamenu label,
    .menu-acessivel .megamenu label,
    .menu-aside .megamenu label,
    .pmenu .form-checkbox label,
    .form-online .form-checkbox label,
    .menu-acessivel .form-checkbox label,
    .menu-aside .form-checkbox label {
        width: 33%;
        font-size: 23px
    }
}

@media (max-width:1023px) {

    .pmenu .megamenu a,
    .form-online .megamenu a,
    .menu-acessivel .megamenu a,
    .menu-aside .megamenu a,
    .pmenu .form-checkbox a,
    .form-online .form-checkbox a,
    .menu-acessivel .form-checkbox a,
    .menu-aside .form-checkbox a,
    .pmenu .megamenu label,
    .form-online .megamenu label,
    .menu-acessivel .megamenu label,
    .menu-aside .megamenu label,
    .pmenu .form-checkbox label,
    .form-online .form-checkbox label,
    .menu-acessivel .form-checkbox label,
    .menu-aside .form-checkbox label {
        width: 100%;
        font-size: 16px;
        border-left-color: rgba(255, 255, 255, 0.3);
        border-left-width: 1px;
        border-left-style: solid;
        color: #FFFFFF;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0
    }
}

.pmenu .megamenu a:before,
.form-online .megamenu a:before,
.menu-acessivel .megamenu a:before,
.menu-aside .megamenu a:before,
.pmenu .form-checkbox a:before,
.form-online .form-checkbox a:before,
.menu-acessivel .form-checkbox a:before,
.menu-aside .form-checkbox a:before,
.pmenu .megamenu label:before,
.form-online .megamenu label:before,
.menu-acessivel .megamenu label:before,
.menu-aside .megamenu label:before,
.pmenu .form-checkbox label:before,
.form-online .form-checkbox label:before,
.menu-acessivel .form-checkbox label:before,
.menu-aside .form-checkbox label:before {
    display: none
}

.pmenu .megamenu a span,
.form-online .megamenu a span,
.menu-acessivel .megamenu a span,
.menu-aside .megamenu a span,
.pmenu .form-checkbox a span,
.form-online .form-checkbox a span,
.menu-acessivel .form-checkbox a span,
.menu-aside .form-checkbox a span,
.pmenu .megamenu label span,
.form-online .megamenu label span,
.menu-acessivel .megamenu label span,
.menu-aside .megamenu label span,
.pmenu .form-checkbox label span,
.form-online .form-checkbox label span,
.menu-acessivel .form-checkbox label span,
.menu-aside .form-checkbox label span {
    font-size: 14px;
    color: #6c6c6c;
    font-weight: normal
}

.pmenu .megamenu a.menu-criacao-de-sites,
.form-online .megamenu a.menu-criacao-de-sites,
.menu-acessivel .megamenu a.menu-criacao-de-sites,
.menu-aside .megamenu a.menu-criacao-de-sites,
.pmenu .form-checkbox a.menu-criacao-de-sites,
.form-online .form-checkbox a.menu-criacao-de-sites,
.menu-acessivel .form-checkbox a.menu-criacao-de-sites,
.menu-aside .form-checkbox a.menu-criacao-de-sites,
.pmenu .megamenu label.menu-criacao-de-sites,
.form-online .megamenu label.menu-criacao-de-sites,
.menu-acessivel .megamenu label.menu-criacao-de-sites,
.menu-aside .megamenu label.menu-criacao-de-sites,
.pmenu .form-checkbox label.menu-criacao-de-sites,
.form-online .form-checkbox label.menu-criacao-de-sites,
.menu-acessivel .form-checkbox label.menu-criacao-de-sites,
.menu-aside .form-checkbox label.menu-criacao-de-sites,
.pmenu .megamenu a.label-criacao-de-sites,
.form-online .megamenu a.label-criacao-de-sites,
.menu-acessivel .megamenu a.label-criacao-de-sites,
.menu-aside .megamenu a.label-criacao-de-sites,
.pmenu .form-checkbox a.label-criacao-de-sites,
.form-online .form-checkbox a.label-criacao-de-sites,
.menu-acessivel .form-checkbox a.label-criacao-de-sites,
.menu-aside .form-checkbox a.label-criacao-de-sites,
.pmenu .megamenu label.label-criacao-de-sites,
.form-online .megamenu label.label-criacao-de-sites,
.menu-acessivel .megamenu label.label-criacao-de-sites,
.menu-aside .megamenu label.label-criacao-de-sites,
.pmenu .form-checkbox label.label-criacao-de-sites,
.form-online .form-checkbox label.label-criacao-de-sites,
.menu-acessivel .form-checkbox label.label-criacao-de-sites,
.menu-aside .form-checkbox label.label-criacao-de-sites {
    color: #006699
}

.pmenu .megamenu a.menu-google-ads,
.form-online .megamenu a.menu-google-ads,
.menu-acessivel .megamenu a.menu-google-ads,
.menu-aside .megamenu a.menu-google-ads,
.pmenu .form-checkbox a.menu-google-ads,
.form-online .form-checkbox a.menu-google-ads,
.menu-acessivel .form-checkbox a.menu-google-ads,
.menu-aside .form-checkbox a.menu-google-ads,
.pmenu .megamenu label.menu-google-ads,
.form-online .megamenu label.menu-google-ads,
.menu-acessivel .megamenu label.menu-google-ads,
.menu-aside .megamenu label.menu-google-ads,
.pmenu .form-checkbox label.menu-google-ads,
.form-online .form-checkbox label.menu-google-ads,
.menu-acessivel .form-checkbox label.menu-google-ads,
.menu-aside .form-checkbox label.menu-google-ads,
.pmenu .megamenu a.label-google-ads,
.form-online .megamenu a.label-google-ads,
.menu-acessivel .megamenu a.label-google-ads,
.menu-aside .megamenu a.label-google-ads,
.pmenu .form-checkbox a.label-google-ads,
.form-online .form-checkbox a.label-google-ads,
.menu-acessivel .form-checkbox a.label-google-ads,
.menu-aside .form-checkbox a.label-google-ads,
.pmenu .megamenu label.label-google-ads,
.form-online .megamenu label.label-google-ads,
.menu-acessivel .megamenu label.label-google-ads,
.menu-aside .megamenu label.label-google-ads,
.pmenu .form-checkbox label.label-google-ads,
.form-online .form-checkbox label.label-google-ads,
.menu-acessivel .form-checkbox label.label-google-ads,
.menu-aside .form-checkbox label.label-google-ads {
    color: #698C01
}

.pmenu .megamenu a.menu-loja-virtual,
.form-online .megamenu a.menu-loja-virtual,
.menu-acessivel .megamenu a.menu-loja-virtual,
.menu-aside .megamenu a.menu-loja-virtual,
.pmenu .form-checkbox a.menu-loja-virtual,
.form-online .form-checkbox a.menu-loja-virtual,
.menu-acessivel .form-checkbox a.menu-loja-virtual,
.menu-aside .form-checkbox a.menu-loja-virtual,
.pmenu .megamenu label.menu-loja-virtual,
.form-online .megamenu label.menu-loja-virtual,
.menu-acessivel .megamenu label.menu-loja-virtual,
.menu-aside .megamenu label.menu-loja-virtual,
.pmenu .form-checkbox label.menu-loja-virtual,
.form-online .form-checkbox label.menu-loja-virtual,
.menu-acessivel .form-checkbox label.menu-loja-virtual,
.menu-aside .form-checkbox label.menu-loja-virtual,
.pmenu .megamenu a.label-loja-virtual,
.form-online .megamenu a.label-loja-virtual,
.menu-acessivel .megamenu a.label-loja-virtual,
.menu-aside .megamenu a.label-loja-virtual,
.pmenu .form-checkbox a.label-loja-virtual,
.form-online .form-checkbox a.label-loja-virtual,
.menu-acessivel .form-checkbox a.label-loja-virtual,
.menu-aside .form-checkbox a.label-loja-virtual,
.pmenu .megamenu label.label-loja-virtual,
.form-online .megamenu label.label-loja-virtual,
.menu-acessivel .megamenu label.label-loja-virtual,
.menu-aside .megamenu label.label-loja-virtual,
.pmenu .form-checkbox label.label-loja-virtual,
.form-online .form-checkbox label.label-loja-virtual,
.menu-acessivel .form-checkbox label.label-loja-virtual,
.menu-aside .form-checkbox label.label-loja-virtual {
    color: #0099CC
}

.pmenu .megamenu a.menu-mkt-digital,
.form-online .megamenu a.menu-mkt-digital,
.menu-acessivel .megamenu a.menu-mkt-digital,
.menu-aside .megamenu a.menu-mkt-digital,
.pmenu .form-checkbox a.menu-mkt-digital,
.form-online .form-checkbox a.menu-mkt-digital,
.menu-acessivel .form-checkbox a.menu-mkt-digital,
.menu-aside .form-checkbox a.menu-mkt-digital,
.pmenu .megamenu label.menu-mkt-digital,
.form-online .megamenu label.menu-mkt-digital,
.menu-acessivel .megamenu label.menu-mkt-digital,
.menu-aside .megamenu label.menu-mkt-digital,
.pmenu .form-checkbox label.menu-mkt-digital,
.form-online .form-checkbox label.menu-mkt-digital,
.menu-acessivel .form-checkbox label.menu-mkt-digital,
.menu-aside .form-checkbox label.menu-mkt-digital,
.pmenu .megamenu a.label-mkt-digital,
.form-online .megamenu a.label-mkt-digital,
.menu-acessivel .megamenu a.label-mkt-digital,
.menu-aside .megamenu a.label-mkt-digital,
.pmenu .form-checkbox a.label-mkt-digital,
.form-online .form-checkbox a.label-mkt-digital,
.menu-acessivel .form-checkbox a.label-mkt-digital,
.menu-aside .form-checkbox a.label-mkt-digital,
.pmenu .megamenu label.label-mkt-digital,
.form-online .megamenu label.label-mkt-digital,
.menu-acessivel .megamenu label.label-mkt-digital,
.menu-aside .megamenu label.label-mkt-digital,
.pmenu .form-checkbox label.label-mkt-digital,
.form-online .form-checkbox label.label-mkt-digital,
.menu-acessivel .form-checkbox label.label-mkt-digital,
.menu-aside .form-checkbox label.label-mkt-digital {
    color: #008C69
}

.pmenu .megamenu a.menu-sistemas-web,
.form-online .megamenu a.menu-sistemas-web,
.menu-acessivel .megamenu a.menu-sistemas-web,
.menu-aside .megamenu a.menu-sistemas-web,
.pmenu .form-checkbox a.menu-sistemas-web,
.form-online .form-checkbox a.menu-sistemas-web,
.menu-acessivel .form-checkbox a.menu-sistemas-web,
.menu-aside .form-checkbox a.menu-sistemas-web,
.pmenu .megamenu label.menu-sistemas-web,
.form-online .megamenu label.menu-sistemas-web,
.menu-acessivel .megamenu label.menu-sistemas-web,
.menu-aside .megamenu label.menu-sistemas-web,
.pmenu .form-checkbox label.menu-sistemas-web,
.form-online .form-checkbox label.menu-sistemas-web,
.menu-acessivel .form-checkbox label.menu-sistemas-web,
.menu-aside .form-checkbox label.menu-sistemas-web,
.pmenu .megamenu a.label-sistemas-web,
.form-online .megamenu a.label-sistemas-web,
.menu-acessivel .megamenu a.label-sistemas-web,
.menu-aside .megamenu a.label-sistemas-web,
.pmenu .form-checkbox a.label-sistemas-web,
.form-online .form-checkbox a.label-sistemas-web,
.menu-acessivel .form-checkbox a.label-sistemas-web,
.menu-aside .form-checkbox a.label-sistemas-web,
.pmenu .megamenu label.label-sistemas-web,
.form-online .megamenu label.label-sistemas-web,
.menu-acessivel .megamenu label.label-sistemas-web,
.menu-aside .megamenu label.label-sistemas-web,
.pmenu .form-checkbox label.label-sistemas-web,
.form-online .form-checkbox label.label-sistemas-web,
.menu-acessivel .form-checkbox label.label-sistemas-web,
.menu-aside .form-checkbox label.label-sistemas-web {
    color: #7373FF
}

.pmenu .megamenu a.menu-criacao-de-logotipo,
.form-online .megamenu a.menu-criacao-de-logotipo,
.menu-acessivel .megamenu a.menu-criacao-de-logotipo,
.menu-aside .megamenu a.menu-criacao-de-logotipo,
.pmenu .form-checkbox a.menu-criacao-de-logotipo,
.form-online .form-checkbox a.menu-criacao-de-logotipo,
.menu-acessivel .form-checkbox a.menu-criacao-de-logotipo,
.menu-aside .form-checkbox a.menu-criacao-de-logotipo,
.pmenu .megamenu label.menu-criacao-de-logotipo,
.form-online .megamenu label.menu-criacao-de-logotipo,
.menu-acessivel .megamenu label.menu-criacao-de-logotipo,
.menu-aside .megamenu label.menu-criacao-de-logotipo,
.pmenu .form-checkbox label.menu-criacao-de-logotipo,
.form-online .form-checkbox label.menu-criacao-de-logotipo,
.menu-acessivel .form-checkbox label.menu-criacao-de-logotipo,
.menu-aside .form-checkbox label.menu-criacao-de-logotipo,
.pmenu .megamenu a.label-criacao-de-logotipo,
.form-online .megamenu a.label-criacao-de-logotipo,
.menu-acessivel .megamenu a.label-criacao-de-logotipo,
.menu-aside .megamenu a.label-criacao-de-logotipo,
.pmenu .form-checkbox a.label-criacao-de-logotipo,
.form-online .form-checkbox a.label-criacao-de-logotipo,
.menu-acessivel .form-checkbox a.label-criacao-de-logotipo,
.menu-aside .form-checkbox a.label-criacao-de-logotipo,
.pmenu .megamenu label.label-criacao-de-logotipo,
.form-online .megamenu label.label-criacao-de-logotipo,
.menu-acessivel .megamenu label.label-criacao-de-logotipo,
.menu-aside .megamenu label.label-criacao-de-logotipo,
.pmenu .form-checkbox label.label-criacao-de-logotipo,
.form-online .form-checkbox label.label-criacao-de-logotipo,
.menu-acessivel .form-checkbox label.label-criacao-de-logotipo,
.menu-aside .form-checkbox label.label-criacao-de-logotipo {
    color: #6E2A92
}

.pmenu .megamenu a.menu-landing-page,
.form-online .megamenu a.menu-landing-page,
.menu-acessivel .megamenu a.menu-landing-page,
.menu-aside .megamenu a.menu-landing-page,
.pmenu .form-checkbox a.menu-landing-page,
.form-online .form-checkbox a.menu-landing-page,
.menu-acessivel .form-checkbox a.menu-landing-page,
.menu-aside .form-checkbox a.menu-landing-page,
.pmenu .megamenu label.menu-landing-page,
.form-online .megamenu label.menu-landing-page,
.menu-acessivel .megamenu label.menu-landing-page,
.menu-aside .megamenu label.menu-landing-page,
.pmenu .form-checkbox label.menu-landing-page,
.form-online .form-checkbox label.menu-landing-page,
.menu-acessivel .form-checkbox label.menu-landing-page,
.menu-aside .form-checkbox label.menu-landing-page,
.pmenu .megamenu a.label-landing-page,
.form-online .megamenu a.label-landing-page,
.menu-acessivel .megamenu a.label-landing-page,
.menu-aside .megamenu a.label-landing-page,
.pmenu .form-checkbox a.label-landing-page,
.form-online .form-checkbox a.label-landing-page,
.menu-acessivel .form-checkbox a.label-landing-page,
.menu-aside .form-checkbox a.label-landing-page,
.pmenu .megamenu label.label-landing-page,
.form-online .megamenu label.label-landing-page,
.menu-acessivel .megamenu label.label-landing-page,
.menu-aside .megamenu label.label-landing-page,
.pmenu .form-checkbox label.label-landing-page,
.form-online .form-checkbox label.label-landing-page,
.menu-acessivel .form-checkbox label.label-landing-page,
.menu-aside .form-checkbox label.label-landing-page {
    color: #D8A300
}

.pmenu .megamenu a.menu-hospedagem,
.form-online .megamenu a.menu-hospedagem,
.menu-acessivel .megamenu a.menu-hospedagem,
.menu-aside .megamenu a.menu-hospedagem,
.pmenu .form-checkbox a.menu-hospedagem,
.form-online .form-checkbox a.menu-hospedagem,
.menu-acessivel .form-checkbox a.menu-hospedagem,
.menu-aside .form-checkbox a.menu-hospedagem,
.pmenu .megamenu label.menu-hospedagem,
.form-online .megamenu label.menu-hospedagem,
.menu-acessivel .megamenu label.menu-hospedagem,
.menu-aside .megamenu label.menu-hospedagem,
.pmenu .form-checkbox label.menu-hospedagem,
.form-online .form-checkbox label.menu-hospedagem,
.menu-acessivel .form-checkbox label.menu-hospedagem,
.menu-aside .form-checkbox label.menu-hospedagem,
.pmenu .megamenu a.label-hospedagem,
.form-online .megamenu a.label-hospedagem,
.menu-acessivel .megamenu a.label-hospedagem,
.menu-aside .megamenu a.label-hospedagem,
.pmenu .form-checkbox a.label-hospedagem,
.form-online .form-checkbox a.label-hospedagem,
.menu-acessivel .form-checkbox a.label-hospedagem,
.menu-aside .form-checkbox a.label-hospedagem,
.pmenu .megamenu label.label-hospedagem,
.form-online .megamenu label.label-hospedagem,
.menu-acessivel .megamenu label.label-hospedagem,
.menu-aside .megamenu label.label-hospedagem,
.pmenu .form-checkbox label.label-hospedagem,
.form-online .form-checkbox label.label-hospedagem,
.menu-acessivel .form-checkbox label.label-hospedagem,
.menu-aside .form-checkbox label.label-hospedagem {
    color: #B10000
}

.pmenu .megamenu a.menu-pacote-promocional,
.form-online .megamenu a.menu-pacote-promocional,
.menu-acessivel .megamenu a.menu-pacote-promocional,
.menu-aside .megamenu a.menu-pacote-promocional,
.pmenu .form-checkbox a.menu-pacote-promocional,
.form-online .form-checkbox a.menu-pacote-promocional,
.menu-acessivel .form-checkbox a.menu-pacote-promocional,
.menu-aside .form-checkbox a.menu-pacote-promocional,
.pmenu .megamenu label.menu-pacote-promocional,
.form-online .megamenu label.menu-pacote-promocional,
.menu-acessivel .megamenu label.menu-pacote-promocional,
.menu-aside .megamenu label.menu-pacote-promocional,
.pmenu .form-checkbox label.menu-pacote-promocional,
.form-online .form-checkbox label.menu-pacote-promocional,
.menu-acessivel .form-checkbox label.menu-pacote-promocional,
.menu-aside .form-checkbox label.menu-pacote-promocional {
    color: #000000
}

.pmenu .megamenu a:hover,
.form-online .megamenu a:hover,
.menu-acessivel .megamenu a:hover,
.menu-aside .megamenu a:hover,
.pmenu .form-checkbox a:hover,
.form-online .form-checkbox a:hover,
.menu-acessivel .form-checkbox a:hover,
.menu-aside .form-checkbox a:hover,
.pmenu .megamenu label:hover,
.form-online .megamenu label:hover,
.menu-acessivel .megamenu label:hover,
.menu-aside .megamenu label:hover,
.pmenu .form-checkbox label:hover,
.form-online .form-checkbox label:hover,
.menu-acessivel .form-checkbox label:hover,
.menu-aside .form-checkbox label:hover {
    background-color: #F8FAFB;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15)
}

.pmenu .megamenu .sublink,
.form-online .megamenu .sublink,
.menu-acessivel .megamenu .sublink,
.menu-aside .megamenu .sublink,
.pmenu .form-checkbox .sublink,
.form-online .form-checkbox .sublink,
.menu-acessivel .form-checkbox .sublink,
.menu-aside .form-checkbox .sublink {
    display: flex;
    align-items: center;
    height: 94px;
    color: #FFFFFF;
    padding: 20px 25px;
    font-size: 17px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {

    .pmenu .megamenu .sublink,
    .form-online .megamenu .sublink,
    .menu-acessivel .megamenu .sublink,
    .menu-aside .megamenu .sublink,
    .pmenu .form-checkbox .sublink,
    .form-online .form-checkbox .sublink,
    .menu-acessivel .form-checkbox .sublink,
    .menu-aside .form-checkbox .sublink {
        padding: 15px 10px;
        height: 85px
    }
}

@media (max-width:1023px) {

    .pmenu .megamenu .sublink,
    .form-online .megamenu .sublink,
    .menu-acessivel .megamenu .sublink,
    .menu-aside .megamenu .sublink,
    .pmenu .form-checkbox .sublink,
    .form-online .form-checkbox .sublink,
    .menu-acessivel .form-checkbox .sublink,
    .menu-aside .form-checkbox .sublink {
        display: none
    }
}

.pmenu .megamenu .sublink:after,
.form-online .megamenu .sublink:after,
.menu-acessivel .megamenu .sublink:after,
.menu-aside .megamenu .sublink:after,
.pmenu .form-checkbox .sublink:after,
.form-online .form-checkbox .sublink:after,
.menu-acessivel .form-checkbox .sublink:after,
.menu-aside .form-checkbox .sublink:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    border-radius: 10px 10px 0 0 !important;
    -moz-border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
    -ms-border-radius: 10px 10px 0 0 !important;
    background-color: #FFFFFF;
    transition: .15s all ease-out;
    -moz-transition: .15s all ease-out;
    -webkit-transition: .15s all ease-out;
    -ms-transition: .15s all ease-out
}

.pmenu .megamenu .sublink:before,
.form-online .megamenu .sublink:before,
.menu-acessivel .megamenu .sublink:before,
.menu-aside .megamenu .sublink:before,
.pmenu .form-checkbox .sublink:before,
.form-online .form-checkbox .sublink:before,
.menu-acessivel .form-checkbox .sublink:before,
.menu-aside .form-checkbox .sublink:before {
    display: block;
    content: '\e9b0';
    font-family: 'icomoon' !important;
    line-height: 1;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    right: calc(50% - 8px);
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {

    .pmenu .megamenu .sublink:before,
    .form-online .megamenu .sublink:before,
    .menu-acessivel .megamenu .sublink:before,
    .menu-aside .megamenu .sublink:before,
    .pmenu .form-checkbox .sublink:before,
    .form-online .form-checkbox .sublink:before,
    .menu-acessivel .form-checkbox .sublink:before,
    .menu-aside .form-checkbox .sublink:before {
        bottom: 15px
    }
}

@media (max-width:1023px) {

    .pmenu .megamenu .sublink:before,
    .form-online .megamenu .sublink:before,
    .menu-acessivel .megamenu .sublink:before,
    .menu-aside .megamenu .sublink:before,
    .pmenu .form-checkbox .sublink:before,
    .form-online .form-checkbox .sublink:before,
    .menu-acessivel .form-checkbox .sublink:before,
    .menu-aside .form-checkbox .sublink:before {
        display: none
    }
}

.pmenu .megamenu .sublink:hover,
.form-online .megamenu .sublink:hover,
.menu-acessivel .megamenu .sublink:hover,
.menu-aside .megamenu .sublink:hover,
.pmenu .form-checkbox .sublink:hover,
.form-online .form-checkbox .sublink:hover,
.menu-acessivel .form-checkbox .sublink:hover,
.menu-aside .form-checkbox .sublink:hover,
.pmenu .megamenu .sublink:active,
.form-online .megamenu .sublink:active,
.menu-acessivel .megamenu .sublink:active,
.menu-aside .megamenu .sublink:active,
.pmenu .form-checkbox .sublink:active,
.form-online .form-checkbox .sublink:active,
.menu-acessivel .form-checkbox .sublink:active,
.menu-aside .form-checkbox .sublink:active {
    color: #006699 !important;
    cursor: pointer
}

.pmenu .megamenu .sublink:hover:before,
.form-online .megamenu .sublink:hover:before,
.menu-acessivel .megamenu .sublink:hover:before,
.menu-aside .megamenu .sublink:hover:before,
.pmenu .form-checkbox .sublink:hover:before,
.form-online .form-checkbox .sublink:hover:before,
.menu-acessivel .form-checkbox .sublink:hover:before,
.menu-aside .form-checkbox .sublink:hover:before,
.pmenu .megamenu .sublink:active:before,
.form-online .megamenu .sublink:active:before,
.menu-acessivel .megamenu .sublink:active:before,
.menu-aside .megamenu .sublink:active:before,
.pmenu .form-checkbox .sublink:active:before,
.form-online .form-checkbox .sublink:active:before,
.menu-acessivel .form-checkbox .sublink:active:before,
.menu-aside .form-checkbox .sublink:active:before {
    color: #006699;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.pmenu .megamenu .sublink:hover:after,
.form-online .megamenu .sublink:hover:after,
.menu-acessivel .megamenu .sublink:hover:after,
.menu-aside .megamenu .sublink:hover:after,
.pmenu .form-checkbox .sublink:hover:after,
.form-online .form-checkbox .sublink:hover:after,
.menu-acessivel .form-checkbox .sublink:hover:after,
.menu-aside .form-checkbox .sublink:hover:after,
.pmenu .megamenu .sublink:active:after,
.form-online .megamenu .sublink:active:after,
.menu-acessivel .megamenu .sublink:active:after,
.menu-aside .megamenu .sublink:active:after,
.pmenu .form-checkbox .sublink:active:after,
.form-online .form-checkbox .sublink:active:after,
.menu-acessivel .form-checkbox .sublink:active:after,
.menu-aside .form-checkbox .sublink:active:after {
    height: calc(100% + 10px)
}

@media (max-width:1023px) {

    .pmenu .megamenu:hover,
    .form-online .megamenu:hover,
    .menu-acessivel .megamenu:hover,
    .menu-aside .megamenu:hover,
    .pmenu .form-checkbox:hover,
    .form-online .form-checkbox:hover,
    .menu-acessivel .form-checkbox:hover,
    .menu-aside .form-checkbox:hover {
        box-shadow: none
    }
}

.pmenu .megamenu:hover .sublink,
.form-online .megamenu:hover .sublink,
.menu-acessivel .megamenu:hover .sublink,
.menu-aside .megamenu:hover .sublink,
.pmenu .form-checkbox:hover .sublink,
.form-online .form-checkbox:hover .sublink,
.menu-acessivel .form-checkbox:hover .sublink,
.menu-aside .form-checkbox:hover .sublink {
    color: #006699 !important
}

.pmenu .megamenu:hover .sublink:before,
.form-online .megamenu:hover .sublink:before,
.menu-acessivel .megamenu:hover .sublink:before,
.menu-aside .megamenu:hover .sublink:before,
.pmenu .form-checkbox:hover .sublink:before,
.form-online .form-checkbox:hover .sublink:before,
.menu-acessivel .form-checkbox:hover .sublink:before,
.menu-aside .form-checkbox:hover .sublink:before {
    color: #006699;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.pmenu .megamenu:hover .sublink:after,
.form-online .megamenu:hover .sublink:after,
.menu-acessivel .megamenu:hover .sublink:after,
.menu-aside .megamenu:hover .sublink:after,
.pmenu .form-checkbox:hover .sublink:after,
.form-online .form-checkbox:hover .sublink:after,
.menu-acessivel .form-checkbox:hover .sublink:after,
.menu-aside .form-checkbox:hover .sublink:after {
    height: calc(100% + 10px);
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.65);
    -ms-box-shadow: 0 0 17px rgba(0, 0, 0, 0.65)
}

.pmenu li,
.form-online li,
.menu-acessivel li,
.menu-aside li {
    display: flex;
    align-items: center;
    float: left;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {

    .pmenu li,
    .form-online li,
    .menu-acessivel li,
    .menu-aside li {
        width: 100%;
        border-bottom-color: rgba(232, 116, 0, 0.3);
        border-bottom-width: 1px;
        border-bottom-style: solid
    }
}

.pmenu li:hover .psubmenu,
.form-online li:hover .psubmenu,
.menu-acessivel li:hover .psubmenu,
.menu-aside li:hover .psubmenu {
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

.pmenu li a,
.form-online li a,
.menu-acessivel li a,
.menu-aside li a {
    display: flex;
    align-items: center;
    height: 94px;
    color: #FFFFFF;
    padding: 20px 25px;
    font-size: 17px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    position: relative;
    overflow: hidden
}

@media (max-width:1279px) {

    .pmenu li a,
    .form-online li a,
    .menu-acessivel li a,
    .menu-aside li a {
        padding: 20px 10px;
        height: 85px
    }
}

@media (max-width:1023px) {

    .pmenu li a,
    .form-online li a,
    .menu-acessivel li a,
    .menu-aside li a {
        width: 100%;
        height: auto;
        padding: 15px 20px;
        color: #000000
    }
}

.pmenu li a:after,
.form-online li a:after,
.menu-acessivel li a:after,
.menu-aside li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    transition: .15s all ease-out;
    -moz-transition: .15s all ease-out;
    -webkit-transition: .15s all ease-out;
    -ms-transition: .15s all ease-out
}

.pmenu li:hover>a,
.form-online li:hover>a,
.menu-acessivel li:hover>a,
.menu-aside li:hover>a,
.pmenu li.act_path>a,
.form-online li.act_path>a,
.menu-acessivel li.act_path>a,
.menu-aside li.act_path>a {
    color: #FFFFFF
}

.pmenu li:hover>a:after,
.form-online li:hover>a:after,
.menu-acessivel li:hover>a:after,
.menu-aside li:hover>a:after,
.pmenu li.act_path>a:after,
.form-online li.act_path>a:after,
.menu-acessivel li.act_path>a:after,
.menu-aside li.act_path>a:after {
    height: 100%
}

@media (max-width:1023px) {

    .pmenu li:hover>a:after,
    .form-online li:hover>a:after,
    .menu-acessivel li:hover>a:after,
    .menu-aside li:hover>a:after,
    .pmenu li.act_path>a:after,
    .form-online li.act_path>a:after,
    .menu-acessivel li.act_path>a:after,
    .menu-aside li.act_path>a:after {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0
    }
}

@media (max-width:1023px) {

    .pmenu li:hover>a,
    .form-online li:hover>a,
    .menu-acessivel li:hover>a,
    .menu-aside li:hover>a,
    .pmenu li.act_path>a,
    .form-online li.act_path>a,
    .menu-acessivel li.act_path>a,
    .menu-aside li.act_path>a {
        background-color: #f2f2f2;
        color: #000000;
        padding-top: 15px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0
    }
}

@media (max-width:1023px) {

    .pmenu .link_sub,
    .form-online .link_sub,
    .menu-acessivel .link_sub,
    .menu-aside .link_sub {
        display: flex;
        flex-direction: column
    }
}

.pmenu .link_sub a:after,
.form-online .link_sub a:after,
.menu-acessivel .link_sub a:after,
.menu-aside .link_sub a:after {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0
}

.pmenu .link_sub:before,
.form-online .link_sub:before,
.menu-acessivel .link_sub:before,
.menu-aside .link_sub:before {
    display: block;
    content: '\e9b0';
    font-family: 'icomoon' !important;
    line-height: 1;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {

    .pmenu .link_sub:before,
    .form-online .link_sub:before,
    .menu-acessivel .link_sub:before,
    .menu-aside .link_sub:before {
        right: 0
    }
}

@media (max-width:1023px) {

    .pmenu .link_sub:before,
    .form-online .link_sub:before,
    .menu-acessivel .link_sub:before,
    .menu-aside .link_sub:before {
        display: none
    }
}

.pmenu .link_sub:hover:before,
.form-online .link_sub:hover:before,
.menu-acessivel .link_sub:hover:before,
.menu-aside .link_sub:hover:before {
    color: #006699;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.pmenu .psubmenu,
.form-online .psubmenu,
.menu-acessivel .psubmenu,
.menu-aside .psubmenu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    background-color: #FFFFFF;
    position: absolute;
    top: 113px;
    left: calc(50% - 640px);
    z-index: 999;
    width: 1280px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 20px 23px;
    transition: .15s all ease-out;
    -moz-transition: .15s all ease-out;
    -webkit-transition: .15s all ease-out;
    -ms-transition: .15s all ease-out;
    box-shadow: 0 14px 20px -10px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 14px 20px -10px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 14px 20px -10px rgba(0, 0, 0, 0.65);
    -ms-box-shadow: 0 14px 20px -10px rgba(0, 0, 0, 0.65)
}

@media (max-width:1279px) {

    .pmenu .psubmenu,
    .form-online .psubmenu,
    .menu-acessivel .psubmenu,
    .menu-aside .psubmenu {
        width: auto;
        left: 10px;
        right: 10px;
        top: 92px;
        padding: 15px
    }
}

@media (max-width:1023px) {

    .pmenu .psubmenu,
    .form-online .psubmenu,
    .menu-acessivel .psubmenu,
    .menu-aside .psubmenu {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        width: 100%;
        padding: 10px 0 20px 20px;
        display: block;
        position: relative;
        float: left;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1);
        visibility: visible;
        top: auto;
        left: auto;
        background: none;
        box-shadow: none
    }
}

.pmenu .psubmenu:before,
.form-online .psubmenu:before,
.menu-acessivel .psubmenu:before,
.menu-aside .psubmenu:before {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: -1
}

@media (max-width:1023px) {

    .pmenu .psubmenu:before,
    .form-online .psubmenu:before,
    .menu-acessivel .psubmenu:before,
    .menu-aside .psubmenu:before {
        display: none
    }
}

.pmenu .psubmenu:after,
.form-online .psubmenu:after,
.menu-acessivel .psubmenu:after,
.menu-aside .psubmenu:after {
    content: '';
    display: block;
    width: 379px;
    height: auto
}

@media (max-width:1279px) {

    .pmenu .psubmenu:after,
    .form-online .psubmenu:after,
    .menu-acessivel .psubmenu:after,
    .menu-aside .psubmenu:after {
        width: 33%
    }
}

@media (max-width:1023px) {

    .pmenu .psubmenu:after,
    .form-online .psubmenu:after,
    .menu-acessivel .psubmenu:after,
    .menu-aside .psubmenu:after {
        display: none
    }
}

.pmenu .psubmenu li,
.form-online .psubmenu li,
.menu-acessivel .psubmenu li,
.menu-aside .psubmenu li {
    width: 379px;
    height: auto
}

@media (max-width:1023px) {

    .pmenu .psubmenu li,
    .form-online .psubmenu li,
    .menu-acessivel .psubmenu li,
    .menu-aside .psubmenu li {
        border: none
    }
}

.pmenu .psubmenu li.act_path>a,
.form-online .psubmenu li.act_path>a,
.menu-acessivel .psubmenu li.act_path>a,
.menu-aside .psubmenu li.act_path>a {
    background-color: #F8FAFB;
    color: #FFFFFF
}

.menu-acessivel {
    float: none;
    border-top-color: #bbbbbb;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 50px 30px 30px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    margin-top: 50px
}

@media (max-width:1023px) {
    .menu-acessivel {
        padding: 40px 20px 20px
    }
}

@media (max-width:768px) {
    .menu-acessivel {
        padding: 40px 10px 10px
    }
}

.menu-acessivel .megamenu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:1023px) {
    .menu-acessivel .megamenu {
        flex-direction: initial
    }
}

@media (max-width:480px) {
    .menu-acessivel .megamenu {
        justify-content: center
    }
}

@media (max-width:1023px) {
    .menu-acessivel .megamenu a {
        width: 33.3%
    }
}

@media (max-width:768px) {
    .menu-acessivel .megamenu a {
        width: 49%
    }
}

@media (max-width:480px) {
    .menu-acessivel .megamenu a {
        width: 270px
    }
}

.menu-acessivel .megamenu h2 {
    width: 100%;
    position: relative;
    font-size: 20px;
    color: #6c6c6c;
    font-weight: 700;
    margin-bottom: 30px;
    padding-left: 17px
}

.menu-acessivel .megamenu h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .menu-acessivel .megamenu h2:before {
        font-size: 25px;
        top: -13px
    }
}

.menu-acessivel .megamenu h2:before {
    font-size: 20px;
    top: -10px
}

@media (max-width:1023px) {
    .botao-menu {
        display: block;
        position: relative;
        overflow: hidden;
        float: left;
        width: 50px;
        height: 70px;
        margin: 0 5px 0 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        cursor: pointer;
        background: none;
        z-index: 1
    }

    .botao-menu span {
        background-color: #FFFFFF;
        display: block;
        position: absolute;
        height: 4px;
        top: 50%;
        left: 12px;
        right: 12px;
        margin-top: -2px;
        transition: background 0s .3s;
        -moz-transition: background 0s .3s;
        -webkit-transition: background 0s .3s;
        -ms-transition: background 0s .3s;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px
    }

    .botao-menu span:before {
        content: "";
        background-color: #FFFFFF;
        display: block;
        position: absolute;
        height: 4px;
        width: 90%;
        top: -8px;
        left: 0;
        transition-duration: .3s, .3s;
        -moz-transition-duration: .3s, .3s;
        -webkit-transition-duration: .3s, .3s;
        -ms-transition-duration: .3s, .3s;
        transition-delay: .3s, 0s;
        -moz-transition-delay: .3s, 0s;
        -webkit-transition-delay: .3s, 0s;
        -ms-transition-delay: .3s, 0s;
        transition-property: top, transform;
        -moz-transition-property: top, transform;
        -webkit-transition-property: top, transform;
        -ms-transition-property: top, transform;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px
    }

    .botao-menu span:after {
        content: "";
        background-color: #FFFFFF;
        display: block;
        position: absolute;
        height: 4px;
        width: 70%;
        bottom: -8px;
        left: 0;
        transition-duration: .3s, .3s;
        -moz-transition-duration: .3s, .3s;
        -webkit-transition-duration: .3s, .3s;
        -ms-transition-duration: .3s, .3s;
        transition-delay: .3s, 0s;
        -moz-transition-delay: .3s, 0s;
        -webkit-transition-delay: .3s, 0s;
        -ms-transition-delay: .3s, 0s;
        transition-property: bottom, transform;
        -moz-transition-property: bottom, transform;
        -webkit-transition-property: bottom, transform;
        -ms-transition-property: bottom, transform;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px
    }

    .botao-menu.on {
        background-color: #fff
    }

    .botao-menu.on span {
        background: none
    }

    .botao-menu.on span:before {
        top: 0;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transition-delay: 0s, .3s;
        -moz-transition-delay: 0s, .3s;
        -webkit-transition-delay: 0s, .3s;
        -ms-transition-delay: 0s, .3s;
        background-color: #000000;
        width: 100%
    }

    .botao-menu.on span:after {
        bottom: 0;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transition-delay: 0s, .3s;
        -moz-transition-delay: 0s, .3s;
        -webkit-transition-delay: 0s, .3s;
        -ms-transition-delay: 0s, .3s;
        background-color: #000000;
        width: 100%
    }

    .ssm-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.4);
        display: none
    }
}

.botao-menu2 {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 50px;
    height: 70px;
    margin: 0 5px 0 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background: none;
    z-index: 1
}

.botao-menu2 span {
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    height: 4px;
    top: 50%;
    left: 12px;
    right: 12px;
    margin-top: -2px;
    transition: background 0s .3s;
    -moz-transition: background 0s .3s;
    -webkit-transition: background 0s .3s;
    -ms-transition: background 0s .3s;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px
}

.botao-menu2 span:before {
    content: "";
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    height: 4px;
    width: 90%;
    top: -8px;
    left: 0;
    transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -webkit-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -webkit-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    transition-property: top, transform;
    -moz-transition-property: top, transform;
    -webkit-transition-property: top, transform;
    -ms-transition-property: top, transform;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px
}

.botao-menu2 span:after {
    content: "";
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    height: 4px;
    width: 70%;
    bottom: -8px;
    left: 0;
    transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -webkit-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -webkit-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -webkit-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px
}

.botao-menu2.on {
    background-color: #fff
}

.botao-menu2.on span {
    background: none
}

.botao-menu2.on span:before {
    top: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -webkit-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    background-color: #000000;
    width: 100%
}

.botao-menu2.on span:after {
    bottom: 0;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -webkit-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    background-color: #000000;
    width: 100%
}

.pg-interna #headerBlock {
    background: #00354F;
    background: -moz-linear-gradient(top, #00354F 0%, #0088CA 100%);
    background: -webkit-linear-gradient(top, #00354F 0%, #0088CA 100%);
    background: linear-gradient(to bottom, #00354F 0%, #0088CA 100%)
}

.pg-interna #headerBlock:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("../images/banner/bg-ban.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#footerBlock {
    display: flex;
    background-color: #006699;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    width: calc(100% - 30px);
    height: 491px;
    margin: 0 auto 0;
    padding: 0 15px;
    margin-bottom: 70px;
    position: relative
}

@media (max-width:1279px) {
    #footerBlock {
        height: auto
    }
}

@media (max-width:1023px) {
    #footerBlock {
        margin-bottom: 245px
    }
}

#footerBlock:before {
    display: block;
    content: '\e996';
    font-family: 'icomoon';
    font-size: 167px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 0;
    width: 108px;
    overflow: hidden
}

@media (max-width:480px) {
    #footerBlock:before {
        width: 71px;
        font-size: 110px;
        bottom: 105px
    }
}

#footerBlock.on:before {
    -webkit-animation: pouso 3.4s .5s both;
    animation: pouso 3.4s .5s both
}

@keyframes pouso {
    0% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.rodape-webcis {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: 100px 0 60px
}

@media (max-width:1279px) {
    .rodape-webcis {
        padding-top: 80px;
        padding-bottom: 48px
    }
}

@media (max-width:1023px) {
    .rodape-webcis {
        padding-top: 70px;
        padding-bottom: 42px
    }
}

@media (max-width:768px) {
    .rodape-webcis {
        padding-top: 60px;
        padding-bottom: 36px
    }
}

@media (max-width:480px) {
    .rodape-webcis {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

.rodape-webcis:before {
    display: block;
    content: '\e990';
    font-family: 'icomoon';
    font-size: 123px;
    color: #006699;
    line-height: 1;
    position: absolute;
    top: -60px;
    left: 40px;
    z-index: -1;
    pointer-events: none
}

.rodape-webcis:after {
    content: '';
    display: block;
    background-image: url("../images/perna-balao.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 105px;
    height: 59px;
    position: absolute;
    bottom: -59px;
    left: 10px;
    z-index: 0
}

@media (max-width:480px) {
    .rodape-webcis:after {
        width: 80px;
        height: 35px;
        bottom: -35px;
        left: 0
    }
}

.rodape-webcis .bloco-rod {
    width: 33.3%;
    padding-left: 25px
}

@media (max-width:1023px) {
    .rodape-webcis .bloco-rod {
        width: 49%
    }
}

@media (max-width:480px) {
    .rodape-webcis .bloco-rod {
        width: 100%;
        margin-bottom: 50px
    }
}

@media (max-width:1023px) {
    .rodape-webcis .bloco-rod:last-child {
        width: 100%;
        margin-top: 40px
    }
}

@media (max-width:480px) {
    .rodape-webcis .bloco-rod:last-child {
        margin-top: 0;
        margin-bottom: 0
    }
}

.rodape-webcis .bloco-rod h3 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 20px;
    position: relative
}

@media (max-width:768px) {
    .rodape-webcis .bloco-rod h3 {
        font-size: 20px
    }
}

.rodape-webcis .bloco-rod h3:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    font-size: 34px;
    color: #222222;
    position: absolute;
    top: -25px;
    left: -30px;
    z-index: 0
}

@media (max-width:768px) {
    .rodape-webcis .bloco-rod h3:before {
        font-size: 24px;
        top: -15px;
        left: -20px
    }
}

.rodape-webcis .bloco-rod a {
    font-size: 16px;
    color: #FFFFFF
}

.rodape-webcis .bloco-rod .lista-menu a {
    font-size: 14px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding: 3px 0 3px 20px;
    position: relative;
    display: block
}

@media (max-width:768px) {
    .rodape-webcis .bloco-rod .lista-menu a {
        padding: 5px 0 5px 20px;
        margin-bottom: 2px
    }
}

.rodape-webcis .bloco-rod .lista-menu a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #006699;
    border-color: #E4914D;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 0;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px
}

.rodape-webcis .bloco-rod .lista-menu a:hover {
    margin-left: 7px
}

.rodape-webcis .bloco-rod .redes-sociais {
    display: flex;
    margin-top: 20px
}

.rodape-webcis .bloco-rod .redes-sociais a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #FFFFFF;
    color: #006699;
    margin-right: 10px;
    transition: .2s all ease-out;
    -moz-transition: .2s all ease-out;
    -webkit-transition: .2s all ease-out;
    -ms-transition: .2s all ease-out
}

.rodape-webcis .bloco-rod .redes-sociais a i {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.rodape-webcis .bloco-rod .redes-sociais a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35)
}

.rodape-webcis .bloco-rod .telefone-rodape {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.rodape-webcis .bloco-rod .telefone-rodape span {
    display: block;
    width: 100%;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 18px
}

.rodape-webcis .bloco-rod .telefone-rodape a {
    margin-right: 10px;
    padding-right: 15px;
    position: relative
}

.rodape-webcis .bloco-rod .telefone-rodape a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #006699;
    border-color: #E4914D;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    z-index: 0;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px
}

.rodape-webcis .bloco-rod .telefone-rodape a:last-child {
    padding-right: 0
}

.rodape-webcis .bloco-rod .telefone-rodape a:last-child:before {
    display: none
}

.rodape-webcis .bloco-rod .contatos-webcis {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px
}

@media (max-width:1023px) {
    .rodape-webcis .bloco-rod .contatos-webcis {
        justify-content: flex-start
    }
}

.rodape-webcis .bloco-rod .contatos-webcis .whatsapp-rodape {
    width: 140px;
    padding-right: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column
}

.rodape-webcis .bloco-rod .contatos-webcis .whatsapp-rodape span {
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF
}

.rodape-webcis .bloco-rod .contatos-webcis .email-rodape {
    width: 285;
    display: flex;
    flex-direction: column
}

.rodape-webcis .bloco-rod .contatos-webcis .email-rodape span {
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF
}

.rodape-webcis .bloco-rod .selos-webcis {
    display: flex
}

@media (max-width:480px) {
    .rodape-webcis .bloco-rod .selos-webcis {
        flex-direction: column;
        align-items: center;
        margin-left: -25px
    }
}

.rodape-webcis .bloco-rod .selos-webcis .idade {
    width: 100px;
    height: 46px;
    background-image: url("../content/images/idade.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding-right: 25px;
    border-right-color: #FFFFFF;
    border-right-width: 1px;
    border-right-style: solid;
    margin-right: 20px
}

@media (max-width:480px) {
    .rodape-webcis .bloco-rod .selos-webcis .idade {
        width: 70px;
        border: none;
        padding: 0;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.rodape-webcis .bloco-rod .selos-webcis a {
    width: 218px;
    height: 46px;
    background-image: url("../content/images/login-branca.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    position: relative
}

.rodape-webcis .bloco-rod .selos-webcis a:hover {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35))
}

.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    position: absolute;
    bottom: -50px;
    left: calc(50% - 640px);
    z-index: 0;
    padding-left: 105px;
    font-size: 14px;
    color: #6c6c6c
}

@media (max-width:1279px) {
    .copyright {
        max-width: 100%;
        left: calc(50% - 50%)
    }
}

@media (max-width:1023px) {
    .copyright {
        flex-direction: column;
        bottom: -90px;
        padding-left: 0
    }
}

@media (max-width:768px) {
    .copyright {
        bottom: -110px
    }
}

@media (max-width:480px) {
    .copyright {
        bottom: -100px
    }
}

@media (max-width:768px) {
    .copyright p {
        padding-left: 100px;
        text-align: center
    }
}

@media (max-width:480px) {
    .copyright p {
        padding-left: 90px;
        font-size: 11px
    }
}

.copyright .adm {
    width: 356px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #eee;
    padding: 8px 10px
}

@media (max-width:1023px) {
    .copyright .adm {
        margin-top: 15px
    }
}

@media (max-width:480px) {
    .copyright .adm {
        width: 100%;
        flex-wrap: wrap
    }
}

.copyright .adm a {
    font-size: 14px;
    color: #6c6c6c;
    padding-left: 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:480px) {
    .copyright .adm a {
        font-size: 13px
    }
}

.copyright .adm a:hover {
    color: #006699
}

.copyright .adm a:hover:before {
    color: #006699
}

.copyright .adm .suporte:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e914';
    color: #555555;
    font-family: 'icomoon';
    font-size: 19px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.copyright .adm .suporte:before {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.copyright .adm .webmail:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e987';
    color: #555555;
    font-family: 'icomoon';
    font-size: 19px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.copyright .adm .webmail:before {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.copyright .adm .painel:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e985';
    color: #555555;
    font-family: 'icomoon';
    font-size: 19px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.copyright .adm .painel:before {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.banner-webcis {
    position: relative;
    width: 100%;
    height: 702px;
    background: #00354F;
    background: -moz-linear-gradient(top, #00354F 0%, #0088CA 100%);
    background: -webkit-linear-gradient(top, #00354F 0%, #0088CA 100%);
    background: linear-gradient(to bottom, #00354F 0%, #0088CA 100%);
    padding: 113px 0 0
}

@media (max-width:1023px) {
    .banner-webcis {
        padding: 70px 0 0;
        height: 520px
    }
}

@media (max-width:768px) {
    .banner-webcis {
        height: 560px
    }
}

@media (max-height:768px) {
    .banner-webcis {
        height: 555px
    }
}

.banner-webcis:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url("../images/banner/bg-ban.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.banner-webcis:after {
    content: '';
    display: block;
    width: 100%;
    height: 384px;
    background-image: url("../images/ondas.png");
    background-repeat: no-repeat;
    background-position: center 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media (max-width:768px) {
    .banner-webcis:after {
        background-position: 25% 1px
    }
}

@media (max-width:480px) {
    .banner-webcis:after {
        background-position: 25% 1px
    }
}

.banner-webcis .owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 999
}

.banner-webcis .owl-carousel.owl-loaded {
    display: block;
    height: calc(100% - 76px)
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel.owl-loaded {
        height: 100%
    }
}

.banner-webcis .owl-carousel.owl-loading {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    display: block
}

.banner-webcis .owl-carousel.owl-hidden {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.banner-webcis .owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.banner-webcis .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner-webcis .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.banner-webcis .owl-carousel.owl-rtl {
    direction: rtl
}

.banner-webcis .owl-carousel.owl-rtl .owl-item {
    float: right
}

.banner-webcis .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    height: 100%
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-stage {
        height: 100%
    }
}

.banner-webcis .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    height: 100%
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-stage-outer {
        height: 100%
    }
}

.banner-webcis .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    height: 100%;
    float: left;
    padding: 0 15px
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-item {
        height: 100%
    }
}

.banner-webcis .owl-carousel .owl-item.active .img-banner {
    -webkit-animation: efeito-img .6s cubic-bezier(.23, 1, .32, 1) both;
    animation: efeito-img .6s cubic-bezier(.23, 1, .32, 1) both
}

@-webkit-keyframes efeito-img {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes efeito-img {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

.banner-webcis .owl-carousel .owl-item.active .legenda .tit-ban {
    -webkit-animation: anima-txt .6s .2s both;
    animation: anima-txt .6s .2s both
}

@keyframes anima-txt {
    0% {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1)
    }
}

.banner-webcis .owl-carousel .owl-item.active .legenda .txt-ban {
    -webkit-animation: anima-txt .6s .5s both;
    animation: anima-txt .6s .5s both
}

@keyframes anima-txt {
    0% {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1)
    }
}

.banner-webcis .owl-carousel .owl-item .item {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .item {
        flex-direction: column-reverse;
        justify-content: flex-end
    }
}

.banner-webcis .owl-carousel .owl-item .item:after {
    display: block;
    content: '\e98f';
    font-family: 'icomoon';
    font-size: 443px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: calc(50% - 240px);
    right: 15px;
    z-index: -1;
    text-align: center
}

@media (max-width:1279px) {
    .banner-webcis .owl-carousel .owl-item .item:after {
        font-size: 380px;
        top: calc(50% - 190px)
    }
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-item .item:after {
        font-size: 260px;
        top: calc(50% - 130px)
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .item:after {
        display: none
    }
}

@media (max-height:768px) {
    .banner-webcis .owl-carousel .owl-item .item:after {
        font-size: 315px;
        top: calc(50% - 175px)
    }
}

.banner-webcis .owl-carousel .owl-item img {
    display: block
}

.banner-webcis .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.banner-webcis .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 400ms ease
}

.banner-webcis .owl-carousel .owl-item .owl-lazy[src^=""],
.banner-webcis .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.banner-webcis .owl-carousel .owl-item .img-banner {
    width: 737px;
    height: 375px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

@media (max-width:1279px) {
    .banner-webcis .owl-carousel .owl-item .img-banner {
        width: 50%
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .img-banner {
        width: 90%;
        height: 165px
    }
}

@media (max-width:359px) {
    .banner-webcis .owl-carousel .owl-item .img-banner {
        width: 100%
    }
}

@media (max-height:768px) {
    .banner-webcis .owl-carousel .owl-item .img-banner {
        width: 520px;
        height: 265px
    }
}

@media (max-width:768px) and (max-height:768px) {
    .banner-webcis .owl-carousel .owl-item .img-banner {
        width: 90%;
        height: 165px
    }
}

.banner-webcis .owl-carousel .owl-item .legenda {
    width: 525px;
    padding-bottom: 100px
}

@media (max-width:1279px) {
    .banner-webcis .owl-carousel .owl-item .legenda {
        width: 50%
    }
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-item .legenda {
        padding-bottom: 70px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .legenda {
        width: 100%;
        padding-bottom: 0;
        margin-top: 15px
    }
}

.banner-webcis .owl-carousel .owl-item .legenda .tit-ban {
    display: block;
    font-size: 50px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-item .legenda .tit-ban {
        font-size: 35px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .legenda .tit-ban {
        text-align: center;
        margin-bottom: 10px;
        font-size: 20px
    }
}

@media (max-width:480px) {
    .banner-webcis .owl-carousel .owl-item .legenda .tit-ban {
        font-size: 25px
    }
}

.banner-webcis .owl-carousel .owl-item .legenda .txt-ban {
    display: block;
    font-size: 20px;
    color: #FFFFFF
}

@media (max-width:1279px) {
    .banner-webcis .owl-carousel .owl-item .legenda .txt-ban {
        padding-bottom: 60px
    }
}

@media (max-width:1023px) {
    .banner-webcis .owl-carousel .owl-item .legenda .txt-ban {
        padding-bottom: 30px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-carousel .owl-item .legenda .txt-ban {
        text-align: center;
        font-size: 18px;
        padding-bottom: 0;
        line-height: 1.4
    }
}

.banner-webcis .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.banner-webcis .owl-carousel .owl-animated-in {
    z-index: 0
}

.banner-webcis .owl-carousel .owl-animated-out {
    z-index: 1
}

.banner-webcis .owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1)
    }

    100% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }
}

.banner-webcis .no-js .owl-carousel {
    display: block
}

.banner-webcis .owl-height {
    transition: height 500ms ease-in-out
}

.banner-webcis .owl-theme .owl-nav {
    width: 100%;
    height: 35px;
    max-width: 1280px;
    position: absolute;
    bottom: 157px;
    left: calc(50% - (1280px/2));
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    text-align: center;
    pointer-events: none
}

@media (max-width:1279px) {
    .banner-webcis .owl-theme .owl-nav {
        left: 0;
        bottom: 150px;
        width: 100%
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-theme .owl-nav {
        justify-content: space-evenly;
        padding-right: 10px
    }
}

@media (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav {
        bottom: 95px;
        display: flex;
        justify-content: flex-start
    }
}

@media (max-width:1023px) and (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav {
        bottom: 155px
    }
}

@media (max-width:768px) and (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav {
        bottom: 115px;
        justify-content: flex-end
    }
}

.banner-webcis .owl-theme .owl-nav .owl-prev,
.banner-webcis .owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    position: absolute;
    top: calc(50% - (35px / 2));
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    padding: 0;
    pointer-events: all;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border: none
}

@media (max-width:1279px) {

    .banner-webcis .owl-theme .owl-nav .owl-prev,
    .banner-webcis .owl-theme .owl-nav .owl-next {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        width: 35px;
        height: 35px
    }
}

@media (max-width:768px) {

    .banner-webcis .owl-theme .owl-nav .owl-prev,
    .banner-webcis .owl-theme .owl-nav .owl-next {
        position: relative
    }
}

@media (max-height:768px) {

    .banner-webcis .owl-theme .owl-nav .owl-prev,
    .banner-webcis .owl-theme .owl-nav .owl-next {
        position: relative
    }
}

.banner-webcis .owl-theme .owl-nav .owl-prev:hover,
.banner-webcis .owl-theme .owl-nav .owl-next:hover {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer
}

.banner-webcis .owl-theme .owl-nav .owl-prev:before,
.banner-webcis .owl-theme .owl-nav .owl-next:before {
    display: block;
    font-size: 35px;
    font-family: 'icomoon'
}

@media (max-width:1279px) {

    .banner-webcis .owl-theme .owl-nav .owl-prev:before,
    .banner-webcis .owl-theme .owl-nav .owl-next:before {
        font-size: 30px
    }
}

.banner-webcis .owl-theme .owl-nav .owl-prev {
    left: -10px
}

@media (max-width:1279px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        left: -10px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        left: auto
    }
}

@media (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        left: auto;
        margin-right: 10px
    }
}

@media (max-width:768px) and (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        margin-right: 0
    }
}

.banner-webcis .owl-theme .owl-nav .owl-prev:before {
    content: '\e959'
}

.banner-webcis .owl-theme .owl-nav .owl-next {
    left: 37px
}

@media (max-width:1279px) {
    .banner-webcis .owl-theme .owl-nav .owl-next {
        right: -10px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-next {
        right: auto;
        left: auto
    }
}

@media (max-height:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-next {
        right: auto;
        left: auto
    }
}

.banner-webcis .owl-theme .owl-nav .owl-next:before {
    content: '\e958'
}

@media (max-width:1279px) {

    .banner-webcis .owl-theme .owl-nav .owl-prev,
    .banner-webcis .owl-theme .owl-nav .owl-next {
        box-shadow: none
    }
}

@media (max-width:1279px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        left: 5px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-prev {
        left: auto
    }
}

@media (max-width:1279px) {
    .banner-webcis .owl-theme .owl-nav .owl-next {
        right: 5px
    }
}

@media (max-width:768px) {
    .banner-webcis .owl-theme .owl-nav .owl-next {
        right: auto
    }
}

.banner-webcis .owl-theme .owl-nav.disabled {
    display: none
}

.banner-webcis .owl-theme .owl-dots {
    position: absolute;
    bottom: 60px;
    display: flex;
    justify-content: center;
    width: 100%
}

@media (max-width:1023px) {
    .banner-webcis .owl-theme .owl-dots {
        bottom: 20px
    }
}

.banner-webcis .owl-theme .owl-dots .owl-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0 3px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    zoom: 1
}

.banner-webcis .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    background-color: transparent;
    display: block;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.banner-webcis .owl-theme .owl-dots .owl-dot.active,
.banner-webcis .owl-theme .owl-dots .owl-dot:hover {
    cursor: pointer
}

.banner-webcis .owl-theme .owl-dots .owl-dot.active span,
.banner-webcis .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #FFFFFF
}

.banner-webcis .owl-theme .owl-dots.disabled {
    display: none
}

.servicos-webcis {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    margin-top: -120px;
    z-index: 1;
    padding-bottom: 50px
}

@media (max-width:1279px) {
    .servicos-webcis {
        justify-content: space-around
    }
}

@media (max-width:1023px) {
    .servicos-webcis {
        margin-top: -110px;
        padding-top: 30px
    }
}

.servicos-webcis h2 {
    width: 100%;
    color: #6c6c6c;
    font-size: 18px;
    text-align: right;
    margin-bottom: 86px;
    position: relative;
    z-index: 1
}

@media (max-width:1023px) {
    .servicos-webcis h2 {
        margin-bottom: 56px;
        font-size: 16px;
        text-align: center
    }
}

.servicos-webcis article {
    width: 388px;
    min-height: 362px;
    border-bottom-color: transparent;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    position: relative;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .servicos-webcis article {
        width: 32%
    }
}

@media (max-width:1023px) {
    .servicos-webcis article {
        width: 49%;
        margin-bottom: 80px
    }
}

@media (max-width:768px) {
    .servicos-webcis article {
        width: 100%;
        min-height: initial;
        height: auto
    }
}

.servicos-webcis article:before {
    display: block;
    content: '\e990';
    font-family: 'icomoon';
    font-size: 123px;
    line-height: 1;
    position: absolute;
    top: -54px;
    left: calc(50% - 90.33px);
    z-index: 0
}

@media (max-width:1023px) {
    .servicos-webcis article:before {
        font-size: 80px;
        top: -40px;
        left: calc(50% - 40px)
    }
}

.servicos-webcis article:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02)
}

.servicos-webcis article.article-criacao-de-sites {
    color: #006699
}

.servicos-webcis article.article-criacao-de-sites:hover {
    border-bottom-color: #006699;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.servicos-webcis article.article-google-ads {
    color: #698C01
}

.servicos-webcis article.article-google-ads:hover {
    border-bottom-color: #698C01;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.servicos-webcis article.article-loja-virtual {
    color: #0099CC
}

@media (max-width:1023px) {
    .servicos-webcis article.article-loja-virtual {
        margin-bottom: 0
    }
}

.servicos-webcis article.article-loja-virtual:hover {
    border-bottom-color: #0099CC;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.servicos-webcis article a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 15px;
    color: #6c6c6c;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    background-color: #FFFFFF;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    position: relative;
    z-index: 1
}

.servicos-webcis article a h3 {
    display: table;
    margin: 0 auto 0;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.2
}

@media (max-width:1170px) {
    .servicos-webcis article a h3 {
        width: 100%;
        font-size: 24px
    }
}

.servicos-webcis article a h3.titulo-criacao-de-sites {
    color: #006699
}

.servicos-webcis article a h3.titulo-google-ads {
    color: #698C01
}

.servicos-webcis article a h3.titulo-loja-virtual {
    color: #0099CC
}

.servicos-webcis article a .servico-criacao-de-sites {
    position: relative;
    width: 131px;
    height: 131px;
    background-image: url("../images/servico-criacao-site.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin-bottom: 20px
}

@media (max-width:359px) {
    .servicos-webcis article a .servico-criacao-de-sites {
        width: 110px;
        height: 110px
    }
}

.servicos-webcis article a .servico-google-ads {
    position: relative;
    width: 131px;
    height: 131px;
    background-image: url("../images/servico-google-ads.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin-bottom: 20px
}

@media (max-width:359px) {
    .servicos-webcis article a .servico-google-ads {
        width: 110px;
        height: 110px
    }
}

.servicos-webcis article a .servico-loja-virtual {
    position: relative;
    width: 131px;
    height: 131px;
    background-image: url("../images/servico-loja-virtual.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin-bottom: 20px
}

@media (max-width:359px) {
    .servicos-webcis article a .servico-loja-virtual {
        width: 110px;
        height: 110px
    }
}

.outras-solucoes {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px 100px;
    background-color: #FFFFFF;
    position: relative
}

@media (max-width:480px) {
    .outras-solucoes {
        margin-top: 100px;
        padding: 0 15px 85px
    }
}

.outras-solucoes:before {
    content: '';
    display: block;
    width: 100%;
    height: 384px;
    background-image: url("../images/ondas.png");
    background-repeat: no-repeat;
    background-position: center -383px;
    position: absolute;
    top: -330px;
    left: 0;
    z-index: 0;
    pointer-events: none
}

@media (max-width:480px) {
    .outras-solucoes:before {
        height: 374px;
        background-position: -441px -383px;
        top: -220px;
        z-index: -10
    }
}

.outras-solucoes:after {
    display: block;
    content: '\e993';
    font-family: 'icomoon';
    font-size: 175px;
    color: #C4D29D;
    line-height: 1;
    position: absolute;
    top: -95px;
    left: 44px;
    z-index: 0;
    animation: anm-01 linear 6s infinite normal forwards
}

@keyframes anm-01 {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px, -2px)
    }

    20% {
        transform: translate(2px, -2px)
    }

    30% {
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(2px, 2px)
    }

    50% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, -2px)
    }

    70% {
        transform: translate(-2px, 2px)
    }

    80% {
        transform: translate(-2px, -2px)
    }

    90% {
        transform: translate(2px, -2px)
    }

    100% {
        transform: translate(0)
    }
}

@media (max-width:1023px) {
    .outras-solucoes:after {
        left: 18px
    }
}

@media (max-width:768px) {
    .outras-solucoes:after {
        top: -140px;
        font-size: 120px
    }
}

@media (max-width:480px) {
    .outras-solucoes:after {
        font-size: 90px
    }
}

.outras-solucoes h2 {
    display: table;
    margin: 0 auto;
    font-size: 50px;
    color: #6c6c6c;
    font-weight: 700;
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative
}

@media (max-width:1023px) {
    .outras-solucoes h2 {
        font-size: 45px
    }
}

@media (max-width:768px) {
    .outras-solucoes h2 {
        font-size: 40px
    }
}

@media (max-width:480px) {
    .outras-solucoes h2 {
        font-size: 30px
    }
}

@media (max-width:1023px) {
    .outras-solucoes h2 {
        padding-left: 30px
    }
}

@media (max-width:480px) {
    .outras-solucoes h2 {
        padding-left: 20px
    }
}

.outras-solucoes h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 0;
    font-size: 34px;
    color: #006699
}

@media (max-width:1023px) {
    .outras-solucoes h2:before {
        top: -8px
    }
}

@media (max-width:768px) {
    .outras-solucoes h2:before {
        top: -10px
    }
}

@media (max-width:480px) {
    .outras-solucoes h2:before {
        top: -7px
    }
}

@media (max-width:480px) {
    .outras-solucoes h2:before {
        font-size: 25px
    }
}

.outras-solucoes .sub-tit {
    display: table;
    color: #6c6c6c;
    font-size: 16px;
    text-align: center;
    width: 803px;
    margin-bottom: 20px
}

@media (max-width:1023px) {
    .outras-solucoes .sub-tit {
        width: 100%
    }
}

.outras-solucoes .box-solucoes {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    margin-top: 20px
}

@media (max-width:1023px) {
    .outras-solucoes .box-solucoes {
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.outras-solucoes article {
    width: 300px;
    height: auto;
    display: flex;
    justify-content: center;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding-bottom: 0;
    margin-top: 0;
    position: relative
}

@media (max-width:1023px) {
    .outras-solucoes article {
        width: 49%
    }
}

@media (max-width:480px) {
    .outras-solucoes article {
        width: 100%;
        margin-bottom: 30px
    }
}

.outras-solucoes article:before {
    content: '';
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 200px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: -10px;
    left: calc(50% - 100px);
    z-index: 0;
    filter: blur(7px);
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0)
}

.outras-solucoes article:hover {
    padding-bottom: 10px;
    margin-top: -10px
}

.outras-solucoes article:hover:before {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}

.outras-solucoes article.solucoes-mkt-digital h3 {
    color: #008C69
}

.outras-solucoes article.solucoes-sistemas-web h3 {
    color: #7373FF
}

.outras-solucoes article.solucoes-criacao-de-logotipo h3 {
    color: #6E2A92
}

.outras-solucoes article.solucoes-hospedagem h3 {
    color: #B10000
}

.outras-solucoes article a {
    width: 100%;
    color: #868686;
    font-size: 14px;
    text-align: center;
    padding: 25px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

.outras-solucoes article a .icon-mkt-digital {
    position: relative
}

.outras-solucoes article a .icon-mkt-digital:before {
    display: block;
    content: '\e99c';
    font-size: 71px;
    font-family: 'icomoon';
    line-height: 1;
    color: #008C69
}

.outras-solucoes article a .icon-sistemas-web {
    position: relative
}

.outras-solucoes article a .icon-sistemas-web:before {
    display: block;
    content: '\e99d';
    font-size: 71px;
    font-family: 'icomoon';
    line-height: 1;
    color: #7373FF
}

.outras-solucoes article a .icon-criacao-de-logotipo {
    position: relative
}

.outras-solucoes article a .icon-criacao-de-logotipo:before {
    display: block;
    content: '\e99b';
    font-size: 71px;
    font-family: 'icomoon';
    line-height: 1;
    color: #6E2A92
}

.outras-solucoes article a .icon-hospedagem {
    position: relative
}

.outras-solucoes article a .icon-hospedagem:before {
    display: block;
    content: '\e999';
    font-size: 71px;
    font-family: 'icomoon';
    line-height: 1;
    color: #B10000
}

.outras-solucoes article a .txt-menu {
    display: block
}

.outras-solucoes article a .txt-menu h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px
}

@media (max-width:1279px) {
    .outras-solucoes article a .txt-menu h3 {
        font-size: 17px
    }
}

@media (max-width:480px) {
    .outras-solucoes article a .txt-menu h3 {
        margin-bottom: 5px
    }
}

.pacote-promocional {
    width: 100%;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 0 15px;
    background: #0088CA;
    background: -moz-linear-gradient(45deg, #84ccf0 50%, #FFFFFF 100%);
    background: -webkit-linear-gradient(45deg, #84ccf0 50%, #FFFFFF 100%);
    background: linear-gradient(45deg, #84ccf0 50%, #FFFFFF 100%);
    position: relative
}

@media (max-width:1279px) {
    .pacote-promocional {
        padding: 20px 15px 0
    }
}

@media (max-width:1023px) {
    .pacote-promocional {
        padding: 110px 15px 40px
    }
}

.pacote-promocional:before {
    display: block;
    content: '\e994';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 169px;
    color: #F6E0C9;
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 0;
    animation: anm-01 linear 6s infinite normal forwards
}

@keyframes anm-01 {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px, -2px)
    }

    20% {
        transform: translate(2px, -2px)
    }

    30% {
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(2px, 2px)
    }

    50% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, -2px)
    }

    70% {
        transform: translate(-2px, 2px)
    }

    80% {
        transform: translate(-2px, -2px)
    }

    90% {
        transform: translate(2px, -2px)
    }

    100% {
        transform: translate(0)
    }
}

@media (max-width:1279px) {
    .pacote-promocional:before {
        font-size: 130px
    }
}

@media (max-width:1023px) {
    .pacote-promocional:before {
        bottom: auto;
        top: 15px;
        font-size: 90px
    }
}

@media (max-width:480px) {
    .pacote-promocional:before {
        top: 65px;
        font-size: 60px;
        right: 10px
    }
}

.pacote-promocional .full-max {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:1023px) {
    .pacote-promocional .full-max {
        flex-direction: column
    }
}

.pacote-promocional .full-max figure {
    line-height: 0;
    margin-top: -52px;
    margin-right: 50px;
    z-index: 1;
    width: 54%
}

@media (max-width:1279px) {
    .pacote-promocional .full-max figure {
        margin-top: 0
    }
}

@media (max-width:1023px) {
    .pacote-promocional .full-max figure {
        width: 200px;
        height: 200px;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        border-width: 5px;
        border-style: solid;
        position: absolute;
        top: -100px;
        left: calc(50% - 100px);
        z-index: 0;
        border-radius: 0 0 150px 150px;
        -moz-border-radius: 0 0 150px 150px;
        -webkit-border-radius: 0 0 150px 150px;
        -ms-border-radius: 0 0 150px 150px;
        margin-right: 0;
        display: flex;
        justify-content: center;
        overflow: hidden
    }
}

.pacote-promocional .full-max figure img {
    width: 100%;
    height: auto
}

@media (max-width:1023px) {
    .pacote-promocional .full-max figure img {
        width: auto;
        height: 100%
    }
}

.pacote-promocional .full-max .box-txt {
    font-size: 16px;
    color: #555555;
    line-height: 1.2;
    width: 42%
}

@media (max-width:1023px) {
    .pacote-promocional .full-max .box-txt {
        width: 100%;
        text-align: center
    }
}

.pacote-promocional .full-max .box-txt h2 {
    font-size: 40px;
    color: #006699;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative
}

@media (max-width:1279px) {
    .pacote-promocional .full-max .box-txt h2 {
        font-size: 35px
    }
}

@media (max-width:1023px) {
    .pacote-promocional .full-max .box-txt h2 {
        display: table;
        margin: 0 auto 10px;
        padding-left: 30px
    }
}

@media (max-width:480px) {
    .pacote-promocional .full-max .box-txt h2 {
        font-size: 25px;
        padding-left: 22px
    }
}

.pacote-promocional .full-max .box-txt h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: -30px;
    z-index: 0
}

@media (max-width:1023px) {
    .pacote-promocional .full-max .box-txt h2:before {
        left: 0
    }
}

@media (max-width:480px) {
    .pacote-promocional .full-max .box-txt h2:before {
        font-size: 25px;
        top: -15px
    }
}

.pacote-promocional .full-max .box-txt .titulo1 {
    font-size: 25px;
    color: #006699;
    font-weight: 700;
    display: initial
}

@media (max-width:1279px) {
    .pacote-promocional .full-max .box-txt .titulo1 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    .pacote-promocional .full-max .box-txt .titulo1 {
        font-size: 18px
    }
}

.pacote-promocional .full-max .box-txt a {
    display: table;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #006699;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    padding: 13px 24px;
    margin-top: 30px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .pacote-promocional .full-max .box-txt a {
        font-size: 18px
    }
}

@media (max-width:1023px) {
    .pacote-promocional .full-max .box-txt a {
        margin: 25px auto 0
    }
}

.pacote-promocional .full-max .box-txt a:hover {
    background-color: #089ce6
}

.galeria-projetos {
    max-width: 1280px;
    margin: 0 auto 0;
    padding: 70px 0 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

@media (max-width:1279px) {
    .galeria-projetos {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media (max-width:1023px) {
    .galeria-projetos {
        padding-top: 49px;
        padding-bottom: 49px
    }
}

@media (max-width:768px) {
    .galeria-projetos {
        padding-top: 42px;
        padding-bottom: 42px
    }
}

@media (max-width:480px) {
    .galeria-projetos {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.galeria-projetos h2 {
    color: #006699;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
    position: relative
}

@media (max-width:1023px) {
    .galeria-projetos h2 {
        font-size: 27px
    }
}

@media (max-width:768px) {
    .galeria-projetos h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .galeria-projetos h2 {
        font-size: 18px
    }
}

.galeria-projetos h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #555555;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .galeria-projetos h2:before {
        font-size: 25px;
        top: -13px
    }
}

.galeria-projetos .owl-carousel-gl-17 {
    display: none;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%
}

.galeria-projetos .owl-carousel-gl-17 .item {
    position: relative
}

.galeria-projetos .owl-carousel-gl-17 .item img {
    width: 100%;
    height: auto;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px
}

.galeria-projetos .owl-carousel-gl-17 .item .box-legenda {
    position: absolute;
    bottom: 80px;
    right: 35px;
    z-index: 0;
    font-size: 14px;
    width: 451px;
    height: auto;
    padding: 20px 20px 25px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px;
    color: #6c6c6c;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.4;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    border-color: #000000;
    border-width: 3px;
    border-style: solid
}

@media (max-width:1023px) {
    .galeria-projetos .owl-carousel-gl-17 .item .box-legenda {
        bottom: 20px;
        right: 20px
    }
}

@media (max-width:768px) {
    .galeria-projetos .owl-carousel-gl-17 .item .box-legenda {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto;
        margin-top: 0
    }
}

.galeria-projetos .owl-carousel-gl-17 .item .box-legenda span {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px
}

@media (max-width:1023px) {
    .galeria-projetos .owl-carousel-gl-17 {
        width: 100%;
        height: auto
    }

    .galeria-projetos .owl-carousel-gl-17 .item {
        background-position: center !important
    }
}

.galeria-projetos .owl-carousel-gl-17.owl-loaded {
    display: block;
    height: auto
}

.galeria-projetos .owl-carousel-gl-17.owl-loading {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    display: block
}

.galeria-projetos .owl-carousel-gl-17.owl-hidden {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.galeria-projetos .owl-carousel-gl-17.owl-refresh .owl-item {
    visibility: hidden
}

.galeria-projetos .owl-carousel-gl-17.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.galeria-projetos .owl-carousel-gl-17.owl-grab {
    cursor: move;
    cursor: grab
}

.galeria-projetos .owl-carousel-gl-17.owl-rtl {
    direction: rtl
}

.galeria-projetos .owl-carousel-gl-17.owl-rtl .owl-item {
    float: right
}

.galeria-projetos .owl-carousel-gl-17 .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation
}

@media (max-width:1023px) {
    .galeria-projetos .owl-carousel-gl-17 .owl-stage {
        height: 100%
    }
}

.galeria-projetos .owl-carousel-gl-17 .owl-stage:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.galeria-projetos .owl-carousel-gl-17 .owl-stage-outer {
    position: relative;
    overflow: hidden;
    height: 100%
}

.galeria-projetos .owl-carousel-gl-17 .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    overflow: hidden
}

@media (max-width:1023px) {
    .galeria-projetos .owl-carousel-gl-17 .owl-item {
        height: 100%
    }
}

.galeria-projetos .owl-carousel-gl-17 .owl-item img {
    display: block
}

.galeria-projetos .owl-carousel-gl-17 .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.galeria-projetos .owl-carousel-gl-17 .owl-item .owl-lazy {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 400ms ease
}

.galeria-projetos .owl-carousel-gl-17 .owl-item .owl-lazy[src^=""],
.galeria-projetos .owl-carousel-gl-17 .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.galeria-projetos .owl-carousel-gl-17 button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.galeria-projetos .owl-carousel-gl-17 .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.galeria-projetos .owl-carousel-gl-17 .owl-animated-in {
    z-index: 0
}

.galeria-projetos .owl-carousel-gl-17 .owl-animated-out {
    z-index: 1
}

.galeria-projetos .owl-carousel-gl-17 .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1)
    }

    100% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }
}

.galeria-projetos .no-js .owl-carousel-gl-17 {
    display: block
}

.galeria-projetos .owl-height {
    transition: height 500ms ease-in-out
}

.galeria-projetos .owl-theme .owl-nav {
    width: 100%;
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    left: 0;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    text-align: center;
    pointer-events: none;
    top: auto;
    bottom: 60px;
    left: auto;
    right: 60px;
    background-color: #000000;
    width: 211px;
    height: 43px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px
}

.galeria-projetos .owl-theme .owl-nav .owl-prev,
.galeria-projetos .owl-theme .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    padding: 0;
    pointer-events: all;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border: none
}

@media (max-width:1279px) {

    .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .galeria-projetos .owl-theme .owl-nav .owl-next {
        background-color: transparent;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        width: 35px;
        height: 35px;
        top: calc(50% - (35px / 2))
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-prev:hover,
.galeria-projetos .owl-theme .owl-nav .owl-next:hover {
    color: #d9d9d9;
    cursor: pointer
}

.galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.galeria-projetos .owl-theme .owl-nav .owl-next:before {
    display: block;
    font-size: 45px;
    font-family: 'icomoon'
}

@media (max-width:1279px) {

    .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        font-size: 30px
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: -60px
}

@media (max-width:1279px) {
    .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: -10px
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-prev:before {
    content: '\e959'
}

.galeria-projetos .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1279px) {
    .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: -10px
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-next:before {
    content: '\e958'
}

.galeria-projetos .owl-theme .owl-nav:after {
    display: block;
    content: 'mais projetos';
    position: absolute;
    top: calc(50% - 10.5px);
    left: 20px;
    z-index: 0;
    color: #FFFFFF;
    font-size: 14px
}

@media (max-width:1023px) {
    .galeria-projetos .owl-theme .owl-nav:after {
        display: none
    }
}

@media (max-width:1023px) {
    .galeria-projetos .owl-theme .owl-nav {
        top: -20px;
        bottom: auto;
        left: auto;
        right: 0;
        border-radius: 150px;
        -moz-border-radius: 150px;
        -webkit-border-radius: 150px;
        -ms-border-radius: 150px;
        width: 80px
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.galeria-projetos .owl-theme .owl-nav .owl-next:before {
    font-size: 25px
}

@media (max-width:1023px) {

    .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        color: #FFFFFF
    }
}

@media (max-width:1279px) {

    .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .galeria-projetos .owl-theme .owl-nav .owl-next {
        box-shadow: none
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: auto;
    right: 45px
}

@media (max-width:1023px) {
    .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: 0
    }
}

.galeria-projetos .owl-theme .owl-nav .owl-next {
    right: 5px
}

@media (max-width:1023px) {
    .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: 0
    }
}

.galeria-projetos .owl-theme .owl-nav.disabled {
    display: none;
    margin-top: 0
}

.galeria-projetos .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 0
}

.galeria-projetos .owl-theme .owl-dots .owl-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5e7d01;
    width: 11px;
    height: 11px;
    padding: 0;
    margin: 0 4px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    zoom: 1;
    border: none
}

.galeria-projetos .owl-theme .owl-dots .owl-dot.active,
.galeria-projetos .owl-theme .owl-dots .owl-dot:hover {
    cursor: pointer;
    background-color: #006699;
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5)
}

.galeria-projetos .owl-theme .owl-dots.disabled {
    display: none;
    margin-top: 0
}

.ultimos-clientes {
    display: flex;
    flex-direction: column;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 85px 15px 35px
}

@media (max-width:1023px) {
    .ultimos-clientes {
        padding-bottom: 0
    }
}

.ultimos-clientes h2 {
    display: table;
    margin: 0 auto 20px;
    font-size: 50px;
    color: #6c6c6c;
    font-weight: 700;
    padding-left: 30px;
    position: relative
}

@media (max-width:1023px) {
    .ultimos-clientes h2 {
        font-size: 45px
    }
}

@media (max-width:768px) {
    .ultimos-clientes h2 {
        font-size: 40px
    }
}

@media (max-width:480px) {
    .ultimos-clientes h2 {
        font-size: 30px
    }
}

.ultimos-clientes h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .ultimos-clientes h2:before {
        font-size: 25px;
        top: -13px
    }
}

@media (max-width:480px) {
    .ultimos-clientes h2 {
        padding-left: 23px
    }
}

.ultimos-clientes .select-categorias {
    display: flex;
    margin: 0 auto 35px;
    font-size: 16px
}

@media (max-width:480px) {
    .ultimos-clientes .select-categorias {
        flex-wrap: wrap;
        justify-content: center;
        font-size: 13px
    }
}

.ultimos-clientes .select-categorias .segmentos {
    position: relative;
    z-index: 999
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos.on {
        filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.35)) !important
    }
}

.ultimos-clientes .select-categorias .segmentos:hover {
    cursor: pointer;
    filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.35))
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos:hover {
        filter: none
    }
}

.ultimos-clientes .select-categorias .segmentos:hover strong {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos:hover strong {
        border-bottom-color: #006699;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }
}

.ultimos-clientes .select-categorias .segmentos:hover .lista-cat {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos:hover .lista-cat {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden
    }
}

.ultimos-clientes .select-categorias .segmentos strong {
    padding: 2px 20px 2px 5px;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    margin: 0 5px;
    color: #006699;
    font-weight: normal;
    position: relative;
    z-index: 99;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos strong.on {
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0
    }

    .ultimos-clientes .select-categorias .segmentos strong.on:before {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg)
    }
}

.ultimos-clientes .select-categorias .segmentos strong:before {
    display: block;
    content: '\e9af';
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 8px);
    right: 3px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.ultimos-clientes .select-categorias .segmentos .lista-cat {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    overflow: hidden;
    width: 390px;
    height: 409px;
    padding: 30px 12px;
    position: absolute;
    top: 24px;
    left: 5px;
    z-index: 9;
    background-color: #FFFFFF;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    -ms-border-radius: 0 5px 5px 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {
    .ultimos-clientes .select-categorias .segmentos .lista-cat.on {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1);
        visibility: visible
    }
}

@media (max-width:768px) {
    .ultimos-clientes .select-categorias .segmentos .lista-cat {
        width: 440px;
        left: calc(50% - 210px);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }
}

@media (max-width:480px) {
    .ultimos-clientes .select-categorias .segmentos .lista-cat {
        width: 315px;
        left: calc(50% - 150px);
        top: 20px;
        padding: 30px 5px 30px 10px
    }
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    align-items: flex-start
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar {
    width: 5px
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-thumb {
    background-color: #FFBF8A;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-thumb:hover {
    background-color: #ffcda3
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista a {
    color: #006699;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    margin: 5px 0;
    display: table
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    border-color: #555555;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 0;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista a:hover {
    padding-left: 18px
}

.ultimos-clientes .select-categorias .segmentos .lista-cat .box-lista a:hover:before {
    border-color: #006699;
    border-width: 2px;
    border-style: solid
}

.ultimos-clientes .select-categorias .ver-todos {
    color: #006699 !important;
    font-weight: 700;
    padding-left: 5px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.ultimos-clientes .select-categorias .ver-todos:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.ultimos-clientes .select-categorias .ver-todos:hover {
    color: #ff9a35
}

.ultimos-clientes .select-categorias .ver-todos:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.ultimos-clientes .owl-clientes {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media (max-width:1023px) {
    .ultimos-clientes .owl-clientes {
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.ultimos-clientes .owl-clientes .owl-stage-outer {
    position: relative
}

@media (max-width:1023px) {
    .ultimos-clientes .owl-clientes .owl-stage-outer {
        overflow: hidden
    }
}

.ultimos-clientes .owl-clientes .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.ultimos-clientes .owl-clientes .owl-item img {
    display: block
}

.ultimos-clientes .owl-clientes .owl-item:last-child {
    margin-right: 0 !important
}

.ultimos-clientes .owl-clientes.owl-loaded {
    display: block
}

.ultimos-clientes .owl-clientes.owl-loading {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    display: block
}

.ultimos-clientes .owl-clientes.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ultimos-clientes .owl-clientes.owl-grab {
    cursor: move;
    cursor: grab
}

.ultimos-clientes .owl-clientes .box-cliente {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    transform-origin: top;
    margin-bottom: 47px;
    margin-bottom: 0
}

.ultimos-clientes .owl-clientes .box-cliente:hover {
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.4));
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02)
}

@media (max-width:1023px) {
    .ultimos-clientes .owl-clientes .box-cliente:hover {
        filter: none;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }
}

.ultimos-clientes .owl-clientes .box-cliente:hover figure:before {
    bottom: 0
}

.ultimos-clientes .owl-clientes .box-cliente:hover figure figcaption {
    bottom: 0
}

.ultimos-clientes .owl-clientes .box-cliente:hover figure figcaption span {
    -webkit-animation: fade-up .4s .1s both;
    animation: fade-up .4s .1s both
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.ultimos-clientes .owl-clientes .box-cliente:hover figure figcaption strong {
    -webkit-animation: fade-up .4s .2s both;
    animation: fade-up .4s .2s both
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.ultimos-clientes .owl-clientes .box-cliente a {
    display: flex;
    flex-direction: column;
    color: #000000;
    align-items: center
}

.ultimos-clientes .owl-clientes .box-cliente a figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 287px;
    line-height: 0;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    position: relative
}

.ultimos-clientes .owl-clientes .box-cliente a figure img {
    width: 100%;
    height: auto
}

@media (max-width:1279px) {
    .ultimos-clientes .owl-clientes .box-cliente a figure {
        width: 100%
    }
}

.ultimos-clientes .owl-clientes .box-cliente a figure:before {
    content: '';
    display: block;
    width: 100%;
    height: 169px;
    background-color: rgba(68, 68, 68, 0.85);
    mix-blend-mode: multiply;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    position: absolute;
    bottom: -169px;
    left: 0;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    pointer-events: none
}

@media (max-width:1023px) {
    .ultimos-clientes .owl-clientes .box-cliente a figure:before {
        bottom: 0
    }
}

.ultimos-clientes .owl-clientes .box-cliente a figure figcaption {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 169px;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: -169px;
    left: 0;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {
    .ultimos-clientes .owl-clientes .box-cliente a figure figcaption {
        bottom: 0
    }
}

.ultimos-clientes .owl-clientes .box-cliente a figure figcaption span {
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    margin-top: auto
}

.ultimos-clientes .owl-clientes .box-cliente a figure figcaption strong {
    display: table;
    margin: 0 auto 0;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 16px;
    color: #006699;
    font-weight: 700;
    text-align: center;
    padding: 8px 20px;
    margin-top: 15px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.ultimos-clientes .owl-clientes .box-cliente a figure figcaption strong:hover {
    background-color: #006699;
    color: #FFFFFF
}

@media (max-width:1279px) {
    .ultimos-clientes .owl-clientes .box-cliente a figure figcaption strong {
        padding: 8px 15px
    }
}

@media (max-width:768px) {
    .ultimos-clientes .owl-clientes .box-cliente a figure figcaption strong {
        font-size: 15px
    }
}

@media (max-width:1279px) {
    .ultimos-clientes .owl-clientes .box-cliente {
        width: 100%
    }
}

.ultimos-clientes .owl-theme .owl-nav {
    width: 100%;
    height: 55px;
    position: absolute;
    top: calc(50% - (55px / 2));
    left: 0;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    text-align: center;
    pointer-events: none
}

.ultimos-clientes .owl-theme .owl-nav .owl-prev,
.ultimos-clientes .owl-theme .owl-nav .owl-next {
    width: 55px;
    height: 55px;
    position: absolute;
    top: calc(50% - (55px / 2));
    background-color: transparent;
    color: #006699;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    padding: 0;
    pointer-events: all;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border: none
}

@media (max-width:1279px) {

    .ultimos-clientes .owl-theme .owl-nav .owl-prev,
    .ultimos-clientes .owl-theme .owl-nav .owl-next {
        background-color: #f5f5f5;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        width: 35px;
        height: 35px;
        top: calc(50% - (35px / 2))
    }
}

.ultimos-clientes .owl-theme .owl-nav .owl-prev:hover,
.ultimos-clientes .owl-theme .owl-nav .owl-next:hover {
    color: #5e7d01;
    cursor: pointer
}

.ultimos-clientes .owl-theme .owl-nav .owl-prev:before,
.ultimos-clientes .owl-theme .owl-nav .owl-next:before {
    display: block;
    font-size: 55px;
    font-family: 'icomoon'
}

@media (max-width:1279px) {

    .ultimos-clientes .owl-theme .owl-nav .owl-prev:before,
    .ultimos-clientes .owl-theme .owl-nav .owl-next:before {
        font-size: 30px
    }
}

.ultimos-clientes .owl-theme .owl-nav .owl-prev {
    left: -60px
}

@media (max-width:1279px) {
    .ultimos-clientes .owl-theme .owl-nav .owl-prev {
        left: -10px
    }
}

.ultimos-clientes .owl-theme .owl-nav .owl-prev:before {
    content: '\e95b'
}

.ultimos-clientes .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1279px) {
    .ultimos-clientes .owl-theme .owl-nav .owl-next {
        right: -10px
    }
}

.ultimos-clientes .owl-theme .owl-nav .owl-next:before {
    content: '\e95a'
}

.ultimos-clientes .owl-theme .owl-nav.disabled {
    display: none;
    margin-top: 0
}

.ultimos-clientes .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin: 30px;
    display: flex;
    justify-content: center
}

.ultimos-clientes .owl-theme .owl-dots .owl-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 7px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    zoom: 1;
    border: none
}

.ultimos-clientes .owl-theme .owl-dots .owl-dot.active,
.ultimos-clientes .owl-theme .owl-dots .owl-dot:hover {
    cursor: pointer;
    background-color: #006699
}

.ultimos-clientes .owl-theme .owl-dots.disabled {
    display: none;
    margin-top: 0
}

.lista-clientes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0;
    width: 100%
}

@media (max-width:480px) {
    .lista-clientes {
        justify-content: center
    }
}

.lista-clientes .box-cliente {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    transform-origin: top;
    margin-bottom: 47px;
    width: 24%;
    padding: 0 13px;
    margin: 20px -7px
}

.lista-clientes .box-cliente:hover {
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.4));
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02)
}

@media (max-width:1023px) {
    .lista-clientes .box-cliente:hover {
        filter: none;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }
}

.lista-clientes .box-cliente:hover figure:before {
    bottom: 0
}

.lista-clientes .box-cliente:hover figure figcaption {
    bottom: 0
}

.lista-clientes .box-cliente:hover figure figcaption span {
    -webkit-animation: fade-up .4s .1s both;
    animation: fade-up .4s .1s both
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.lista-clientes .box-cliente:hover figure figcaption strong {
    -webkit-animation: fade-up .4s .2s both;
    animation: fade-up .4s .2s both
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.lista-clientes .box-cliente a {
    display: flex;
    flex-direction: column;
    color: #000000;
    align-items: center
}

.lista-clientes .box-cliente a figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 287px;
    line-height: 0;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    position: relative
}

.lista-clientes .box-cliente a figure img {
    width: 100%;
    height: auto
}

@media (max-width:1279px) {
    .lista-clientes .box-cliente a figure {
        width: 100%
    }
}

.lista-clientes .box-cliente a figure:before {
    content: '';
    display: block;
    width: 100%;
    height: 169px;
    background-color: rgba(68, 68, 68, 0.85);
    mix-blend-mode: multiply;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    position: absolute;
    bottom: -169px;
    left: 0;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    pointer-events: none
}

@media (max-width:1023px) {
    .lista-clientes .box-cliente a figure:before {
        bottom: 0
    }
}

.lista-clientes .box-cliente a figure figcaption {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 169px;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: -169px;
    left: 0;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {
    .lista-clientes .box-cliente a figure figcaption {
        bottom: 0
    }
}

.lista-clientes .box-cliente a figure figcaption span {
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    margin-top: auto
}

.lista-clientes .box-cliente a figure figcaption strong {
    display: table;
    margin: 0 auto 0;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 16px;
    color: #006699;
    font-weight: 700;
    text-align: center;
    padding: 8px 20px;
    margin-top: 15px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .box-cliente a figure figcaption strong:hover {
    background-color: #006699;
    color: #FFFFFF
}

@media (max-width:1279px) {
    .lista-clientes .box-cliente a figure figcaption strong {
        padding: 8px 15px
    }
}

@media (max-width:768px) {
    .lista-clientes .box-cliente a figure figcaption strong {
        font-size: 15px
    }
}

@media (max-width:1279px) {
    .lista-clientes .box-cliente {
        padding: 0 10px
    }
}

@media (max-width:1023px) {
    .lista-clientes .box-cliente {
        width: 33.33%
    }
}

@media (max-width:768px) {
    .lista-clientes .box-cliente {
        width: 50%
    }
}

@media (max-width:480px) {
    .lista-clientes .box-cliente {
        width: auto
    }
}

.lista-clientes .carregar-mais {
    padding: 7px 28px;
    background-image: url("../images/loading-clientes.gif");
    background-repeat: no-repeat;
    background-position: 190px 6px;
    margin: 40px auto 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #006699;
    font-size: 16px;
    border-color: #006699;
    border-width: 2px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .carregar-mais:hover {
    cursor: pointer;
    background-color: #FFFFFF
}

.lista-clientes .carregar-mais.on {
    padding-right: 55px;
    background-position: 175px 6px
}

.lista-clientes .carregar-mais.on:hover {
    background-color: #FFFFFF
}

.lista-clientes .desc-categoria {
    margin-top: 90px;
    margin-bottom: 55px;
    font-size: 15px;
    border-color: rgba(108, 108, 108, 0.3);
    border-width: 1px;
    border-style: solid;
    padding: 35px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    background-color: #FFFFFF;
    width: 100%;
    position: relative
}

@media (max-width:1023px) {
    .lista-clientes .desc-categoria {
        padding: 25px 15px
    }
}

.lista-clientes .desc-categoria:before {
    display: block;
    content: '\e990';
    font-family: 'icomoon';
    font-size: 123px;
    color: rgba(108, 108, 108, 0.3);
    line-height: 1;
    position: absolute;
    top: -60px;
    left: 40px;
    z-index: -1;
    pointer-events: none
}

.lista-clientes .desc-categoria .titulo1 {
    color: #006699;
    display: block
}

.lista-clientes .desc-categoria a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.lista-clientes .desc-categoria a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .desc-categoria a:hover {
    color: #ff9a35
}

.lista-clientes .desc-categoria a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.lista-clientes .detalhes {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0
}

@media (max-width:1023px) {
    .lista-clientes .detalhes {
        flex-direction: column
    }
}

.lista-clientes .detalhes a {
    color: #000000
}

.lista-clientes .detalhes figure {
    width: 790px;
    height: 639px;
    margin-right: 32px;
    overflow: hidden;
    position: relative;
    border-color: #dddddd;
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

@media (max-width:1279px) {
    .lista-clientes .detalhes figure {
        margin-right: 20px;
        width: 62%
    }

    .lista-clientes .detalhes figure img {
        width: 100%;
        height: auto
    }
}

@media (max-width:1023px) {
    .lista-clientes .detalhes figure {
        width: 100%;
        height: 540px;
        margin: 0 0 25px
    }
}

@media (max-width:359px) {
    .lista-clientes .detalhes figure {
        height: 420px
    }
}

.lista-clientes .detalhes figure img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    top: 0px;
    transition: top 5s ease-out .2s
}

@media (max-width:1279px) {
    .lista-clientes .detalhes figure img {
        transition: none
    }
}

.lista-clientes .detalhes .right-clientes {
    width: 456px
}

@media (max-width:1023px) {
    .lista-clientes .detalhes .right-clientes {
        width: 100%
    }
}

.lista-clientes .detalhes .right-clientes h3 {
    font-size: 40px;
    color: #6c6c6c;
    font-weight: 700;
    position: relative;
    padding-top: 20px;
    padding-left: 25px;
    margin-bottom: 20px;
    line-height: 1.2
}

@media (max-width:1023px) {
    .lista-clientes .detalhes .right-clientes h3 {
        font-size: 36px
    }
}

@media (max-width:768px) {
    .lista-clientes .detalhes .right-clientes h3 {
        font-size: 32px
    }
}

@media (max-width:480px) {
    .lista-clientes .detalhes .right-clientes h3 {
        font-size: 24px
    }
}

.lista-clientes .detalhes .right-clientes h3:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .lista-clientes .detalhes .right-clientes h3:before {
        font-size: 25px;
        top: 7px
    }
}

.lista-clientes .detalhes .right-clientes h4 {
    width: 100%;
    font-size: 20px;
    color: #000000;
    margin-bottom: 15px
}

.lista-clientes .detalhes .right-clientes .lista-solucoes {
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom-color: #dddddd;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span {
    padding-left: 20px;
    position: relative
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 0;
    background-color: #FFFFFF;
    border-color: #E4914D;
    border-width: 2px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #000000
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span a:hover {
    color: #ff9a35
}

.lista-clientes .detalhes .right-clientes .lista-solucoes span a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.lista-clientes .detalhes .right-clientes .tecnologias {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom-color: #dddddd;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.lista-clientes .detalhes .right-clientes .tecnologias a {
    display: block;
    background-color: #F8FAFB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    color: #000000;
    font-weight: normal;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .detalhes .right-clientes .tecnologias a:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15)
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width:1023px) {
    .lista-clientes .detalhes .right-clientes .botoes-detalhes {
        justify-content: space-evenly
    }
}

@media (max-width:480px) {
    .lista-clientes .detalhes .right-clientes .botoes-detalhes {
        flex-wrap: wrap
    }

    .lista-clientes .detalhes .right-clientes .botoes-detalhes a {
        margin: 5px
    }
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .acessar {
    position: relative;
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 16px;
    padding: 13px 15px 13px 40px;
    border-color: #BBBBBB;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .lista-clientes .detalhes .right-clientes .botoes-detalhes .acessar {
        font-size: 14px
    }
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .acessar:before {
    display: block;
    content: '\e946';
    font-family: 'icomoon';
    font-size: 18px;
    color: #BFBFBF;
    line-height: 1;
    position: absolute;
    top: calc(50% - 9px);
    left: 12px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .acessar:hover {
    background-color: #006699;
    color: #FFFFFF;
    border-color: #006699;
    border-width: 2px;
    border-style: solid
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .acessar:hover:before {
    color: #FFFFFF
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .solicite-site {
    padding: 13px 22px;
    background-color: #006699;
    border-color: #006699;
    border-width: 2px;
    border-style: solid;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .lista-clientes .detalhes .right-clientes .botoes-detalhes .solicite-site {
        font-size: 16px
    }
}

@media (max-width:1023px) {
    .lista-clientes .detalhes .right-clientes .botoes-detalhes .solicite-site {
        position: fixed;
        bottom: 10px;
        z-index: 999;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        padding: 8px 22px;
        margin: 0
    }
}

.lista-clientes .detalhes .right-clientes .botoes-detalhes .solicite-site:hover {
    background-color: #FFFFFF;
    color: #006699
}

.lista-clientes .conheca-mais {
    width: 100%;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #F8FAFB;
    text-align: center;
    margin-top: 90px;
    color: #6c6c6c;
    padding: 50px 50px 50px
}

@media (max-width:1279px) {
    .lista-clientes .conheca-mais {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width:1023px) {
    .lista-clientes .conheca-mais {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media (max-width:768px) {
    .lista-clientes .conheca-mais {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:480px) {
    .lista-clientes .conheca-mais {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (max-width:480px) {
    .lista-clientes .conheca-mais {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 40px
    }
}

.lista-clientes .conheca-mais h3 {
    display: table;
    margin: 0 auto 20px;
    font-weight: 700;
    font-size: 40px;
    color: #6c6c6c;
    position: relative;
    padding-left: 20px
}

@media (max-width:1023px) {
    .lista-clientes .conheca-mais h3 {
        font-size: 36px
    }
}

@media (max-width:768px) {
    .lista-clientes .conheca-mais h3 {
        font-size: 32px
    }
}

@media (max-width:480px) {
    .lista-clientes .conheca-mais h3 {
        font-size: 24px
    }
}

.lista-clientes .conheca-mais h3:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .lista-clientes .conheca-mais h3:before {
        font-size: 25px;
        top: -13px
    }
}

.lista-clientes .conheca-mais span {
    margin-bottom: 10px;
    display: block;
    padding-bottom: 10px;
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 14px
}

.lista-clientes .conheca-mais span:last-child {
    border: none
}

@media (max-width:480px) {
    .lista-clientes .conheca-mais span {
        font-size: 14px
    }
}

.tabs-h02 {
    width: 100%;
    margin: 0 0 30px
}

.tabs-h02 h2 {
    font-size: 30px;
    color: #006699;
    font-weight: 700
}

@media only screen and (max-width:480px) {
    .tabs-h02 h2 {
        font-size: 22px
    }
}

.tabs-h02 span {
    font-size: 16px;
    color: #6c6c6c;
    font-weight: normal;
    margin-bottom: 20px
}

.tabs-h02 .bt-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    margin-top: 5px;
    background-color: transparent;
    cursor: pointer;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    color: #6c6c6c;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 50px 10px 15px;
    width: 100%;
    position: relative
}

@media only screen and (max-width:768px) {
    .tabs-h02 .bt-tabs {
        font-size: 15px;
        line-height: 1.3
    }
}

.tabs-h02 .bt-tabs:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e991';
    color: #006699;
    font-family: 'icomoon';
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: calc(50% - 50px/2);
    right: 0;
    z-index: 0
}

.tabs-h02 .bt-tabs:after {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e969';
    color: #006699;
    font-family: 'icomoon';
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: calc(50% - 50px/2);
    right: 0;
    z-index: 0
}

.tabs-h02 .bt-tabs:before {
    transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -webkit-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in
}

.tabs-h02 .bt-tabs:after {
    transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -webkit-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.tabs-h02 .bt-tabs:first-child {
    margin: 0
}

.tabs-h02 .bt-tabs:hover {
    background-color: rgba(0, 0, 0, 0.02)
}

.tabs-h02 .on {
    background-color: rgba(0, 0, 0, 0.04);
    color: #444444
}

.tabs-h02 .on:before {
    transform: rotate(360deg);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.tabs-h02 .on:after {
    transform: rotate(360deg);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

.tabs-h02 .cnt-tabs {
    display: none;
    width: 100%;
    margin-bottom: 40px;
    padding: 15px;
    font-size: 15px
}

.tabs-h02 .cnt-tabs a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.tabs-h02 .cnt-tabs a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.tabs-h02 .cnt-tabs a:hover {
    color: #ff9a35
}

.tabs-h02 .cnt-tabs a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

@media only screen and (max-width:768px) {
    .tabs-h02 .cnt-tabs {
        font-size: 14px
    }
}

.conteudo-noticias .bt-tabs {
    font-size: 20px !important
}

.pager3 {
    display: flex;
    width: 100%
}

.pager3 p {
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    font-size: 0;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    margin: 5px;
    cursor: pointer
}

.pager3 p:before {
    content: '';
    display: block;
    background-color: transparent;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.pager3 p:hover:before {
    background-color: #FFFFFF
}

.pager3 .active:before {
    background-color: #FFFFFF
}

@keyframes mousehome {
    0% {
        margin-top: -23px
    }

    50% {
        margin-top: -15px
    }

    100% {
        margin-top: -23px
    }
}

@-webkit-keyframes mousehome {
    0% {
        margin-top: -23px
    }

    50% {
        margin-top: -15px
    }

    100% {
        margin-top: -23px
    }
}

@-moz-keyframes mousehome {
    0% {
        margin-top: -23px
    }

    50% {
        margin-top: -15px
    }

    100% {
        margin-top: -23px
    }
}

@keyframes click-mouse {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8)
    }

    100% {
        box-shadow: none
    }
}

@-webkit-keyframes click-mouse {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8)
    }

    100% {
        box-shadow: none
    }
}

@-moz-keyframes click-mouse {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.8)
    }

    100% {
        box-shadow: none
    }
}

.link-back {
    display: block;
    float: right;
    clear: both;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
    -ms-transition: .3s all linear;
    font-size: 15px;
    padding: 5px 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #006699;
    color: #FFF
}

.link-back:hover {
    background-color: #a65300;
    color: #FFF
}

.voltar-topo {
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -webkit-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    bottom: 20px;
    left: 20px;
    z-index: 1100;
    border-color: #FFF;
    border-width: 2px;
    border-style: solid;
    background-color: #006699
}

.voltar-topo:hover {
    background-color: #006699
}

.voltar-topo:before {
    display: block;
    content: '\e95b';
    font-family: 'icomoon';
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    color: #FFFFFF;
    font-size: 30px;
    line-height: .8
}

.voltar-topo.cd-is-visible {
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    filter: alpha(opacity=0.6);
    transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1)
}

.voltar-topo p {
    display: none
}

.paginacao {
    clear: both;
    float: right;
    margin-top: 60px;
    width: 100%
}

.paginacao a {
    text-align: center;
    position: relative;
    height: 41px;
    line-height: 41px;
    border-color: #E9E9E9;
    border-width: 1px;
    border-style: solid;
    min-width: 46px;
    padding: 0 4px;
    margin: 0 7px;
    text-decoration: none;
    font-size: 17px;
    float: left;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    transform: translate(-3px, -3px);
    -moz-transform: translate(-3px, -3px);
    -webkit-transform: translate(-3px, -3px);
    -ms-transform: translate(-3px, -3px);
    color: #333 !important
}

.paginacao a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #FFFFFF
}

.paginacao a:hover {
    transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    background-color: #eee
}

.paginacao a:hover:after {
    display: none !important
}

.paginacao .bt-anterior a:before {
    display: block;
    content: '\e95b';
    font-family: 'icomoon';
    font-size: 25px
}

.paginacao .bt-proximo a:before {
    display: block;
    content: '\e95a';
    font-family: 'icomoon';
    font-size: 25px
}

.paginacao span {
    text-align: center;
    position: relative;
    height: 41px;
    line-height: 41px;
    border-color: #E9E9E9;
    border-width: 1px;
    border-style: solid;
    min-width: 46px;
    padding: 0 4px;
    margin: 0 7px;
    text-decoration: none;
    font-size: 17px;
    float: left;
    transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    cursor: default;
    color: #BBB
}

.paginacao span:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #FFFFFF
}

.paginacao span:before {
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: -3
}

.cnt-contato {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between
}

.cnt-contato ::-webkit-input-placeholder {
    color: #666
}

.cnt-contato ::-moz-placeholder {
    color: #666
}

.cnt-contato :-ms-input-placeholder {
    color: #666
}

.cnt-contato input:-moz-placeholder {
    color: #666
}

@media (max-width:1023px) {
    .cnt-contato {
        flex-wrap: wrap
    }
}

.cnt-contato .formulario {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:1023px) {
    .cnt-contato .formulario {
        max-width: 600px;
        margin: 0 auto 0
    }
}

.cnt-contato .formulario p {
    position: relative;
    margin-bottom: 15px
}

.cnt-contato .formulario h3 {
    width: 100%;
    font-weight: 700;
    color: #006699;
    font-size: 25px;
    margin: 35px 10px 10px 0
}

@media (max-width:1023px) {
    .cnt-contato .formulario h3 {
        font-size: 22.5px
    }
}

@media (max-width:768px) {
    .cnt-contato .formulario h3 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    .cnt-contato .formulario h3 {
        font-size: 15px
    }
}

.cnt-contato .contato-form {
    width: 65%
}

@media (max-width:1279px) {
    .cnt-contato .contato-form {
        width: 55%
    }
}

@media (max-width:1023px) {
    .cnt-contato .contato-form {
        width: 100%
    }
}

.cnt-contato .localizacao {
    width: 30%;
    margin-top: 150px
}

@media (max-width:1279px) {
    .cnt-contato .localizacao {
        width: 40%
    }
}

@media (max-width:1023px) {
    .cnt-contato .localizacao {
        width: 100%;
        margin-top: 60px
    }
}

.cnt-contato .localizacao h3 {
    font-size: 40px
}

.cnt-contato .localizacao li {
    width: 100%;
    padding-left: 60px;
    margin-bottom: 15px;
    padding-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: none;
    color: #6c6c6c
}

.cnt-contato .localizacao li a {
    color: #000000;
    word-break: break-all
}

@media (max-width:1023px) {
    .cnt-contato .localizacao li {
        width: 50%;
        margin: 0 auto 0;
        text-align: center;
        padding-left: 0
    }
}

@media (max-width:768px) {
    .cnt-contato .localizacao li {
        width: 100%
    }
}

.cnt-contato .localizacao li strong {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 3px
}

@media (max-width:480px) {
    .cnt-contato .localizacao li strong {
        font-size: 13px
    }
}

.cnt-contato .localizacao .telefone:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e972';
    color: #006699;
    font-family: 'icomoon';
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.cnt-contato .localizacao .telefone:before {
    width: 45px;
    height: 45px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0
}

.cnt-contato .localizacao .whatsapp:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e906';
    color: #006699;
    font-family: 'icomoon';
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.cnt-contato .localizacao .whatsapp:before {
    width: 45px;
    height: 45px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0
}

.cnt-contato .localizacao .email-contato:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e987';
    color: #006699;
    font-family: 'icomoon';
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.cnt-contato .localizacao .email-contato:before {
    width: 45px;
    height: 45px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0
}

.cnt-contato .localizacao .endereco:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e930';
    color: #006699;
    font-family: 'icomoon';
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.cnt-contato .localizacao .endereco:before {
    width: 45px;
    height: 45px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0
}

@media (max-width:1023px) {

    .cnt-contato .localizacao .telefone:before,
    .cnt-contato .localizacao .whatsapp:before,
    .cnt-contato .localizacao .email-contato:before,
    .cnt-contato .localizacao .endereco:before {
        position: relative;
        left: auto;
        margin: 0 auto 5px
    }
}

.cnt-contato .localizacao ul {
    padding-top: 0;
    text-align: left;
    margin-top: 40px
}

@media (max-width:1023px) {
    .cnt-contato .localizacao ul {
        display: flex;
        flex-wrap: wrap
    }
}

.cnt-contato .redes {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

.cnt-contato .redes span {
    display: flex;
    justify-content: space-evenly
}

@media (max-width:1023px) {
    .cnt-contato .redes span {
        margin: 0 auto 0
    }
}

.cnt-contato .redes span a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    margin-right: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.cnt-contato .redes span a:hover {
    background-color: #006699
}

.cnt-contato .redes span a:hover i {
    color: #FFFFFF
}

.cnt-contato .redes strong {
    display: block;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center
}

@media (max-width:1023px) {
    .cnt-contato .redes strong {
        text-align: center
    }
}

.cnt-contato .redes i {
    color: #006699
}

@media (max-width:1023px) {
    .cnt-contato .redes i {
        margin: 0 5px
    }
}

.cnt-contato [type=submit] {
    float: left
}

@media (max-width:1023px) {
    .cnt-contato [type=submit] {
        float: none;
        margin: 0 auto 0
    }
}

[type=text],
[type=tel],
[type=password],
[type=email],
[type=number],
[type=date] {
    width: 100%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    border-color: #bcbcbc;
    border-width: 1px;
    border-style: solid;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    color: #333;
    height: 54px;
    padding: 10px 35px 10px 20px
}

@media (max-width:480px) {

    [type=text],
    [type=password],
    [type=email],
    [type=number],
    [type=date] {
        height: 50px
    }
}

[type=submit] {
    width: 250px;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    background-color: #006699;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
    border: none
}

select {
    width: 100%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    border-color: #bcbcbc;
    border-width: 1px;
    border-style: solid;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    color: #333;
    height: 54px;
    padding: 10px 20px
}

.error {
    border-color: #d80000 !important;
    border-width: 1px !important;
    border-style: solid !important
}

textarea {
    width: 100%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    border-color: #bcbcbc;
    border-width: 1px;
    border-style: solid;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    color: #333;
    height: 100px;
    padding: 10px 115px 10px 20px;
    resize: none
}

@media (max-width:480px) {
    textarea {
        padding: 10px
    }
}

.formID {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: -1
}

.botao-form {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    background-color: #006699 !important;
    color: #FFFFFF !important;
    width: 140px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    transition: .3s all ease-out !important;
    -moz-transition: .3s all ease-out !important;
    -webkit-transition: .3s all ease-out !important;
    -ms-transition: .3s all ease-out !important
}

.botao-form:after {
    content: '\e920' !important;
    font-family: 'icomoon' !important;
    font-size: 18px !important;
    color: #000000 !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    z-index: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #FFFFFF !important;
    transition: .3s all ease-out !important;
    -moz-transition: .3s all ease-out !important;
    -webkit-transition: .3s all ease-out !important;
    -ms-transition: .3s all ease-out !important
}

.botao-form:hover {
    cursor: pointer !important;
    background-color: #b05800 !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    padding-left: 70px !important
}

.botao-form:hover:after {
    color: #000000 !important;
    right: 95px !important
}

@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg)
    }

    50% {
        transform: scale(.8) rotate(-90deg)
    }

    100% {
        transform: scale(1) rotate(-90deg)
    }
}

@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg)
    }

    50% {
        -webkit-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(-90deg)
    }
}

@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg)
    }

    50% {
        -moz-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -moz-transform: scale(1) rotate(-90deg)
    }
}

@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg)
    }

    50% {
        -ms-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -ms-transform: scale(1) rotate(-90deg)
    }
}

.botao-form:before {
    content: 'Enviar';
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    z-index: 0;
    line-height: 18px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: 700;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding: 0 20px
}

.botao-form:hover:before {
    position: absolute;
    top: calc(50% - 9px);
    left: 45px;
    z-index: 0
}

.botao-form [type=submit] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px
}

.botao-form [type=submit]:hover {
    cursor: pointer
}

.botao-enviar-cad {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #006699;
    color: #FFFFFF;
    height: 50px;
    padding: 0 75px 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    margin: 20px auto 0
}

.botao-enviar-cad:after {
    content: '\e955';
    font-family: 'icomoon';
    font-size: 35px;
    color: #FFFFFF;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a64a00;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.botao-enviar-cad:hover {
    cursor: pointer;
    background-color: #006699;
    color: #FFFFFF;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3)
}

.botao-enviar-cad:hover:after {
    animation: botao .2s linear;
    -webkit-animation: botao .2s linear;
    -moz-animation: botao .2s linear;
    -ms-animation: botao .2s linear;
    color: #FFFFFF;
    background-color: #a64a00
}

@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg)
    }

    50% {
        transform: scale(.8) rotate(-90deg)
    }

    100% {
        transform: scale(1) rotate(-90deg)
    }
}

@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg)
    }

    50% {
        -webkit-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(-90deg)
    }
}

@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg)
    }

    50% {
        -moz-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -moz-transform: scale(1) rotate(-90deg)
    }
}

@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg)
    }

    50% {
        -ms-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -ms-transform: scale(1) rotate(-90deg)
    }
}

.botao-enviar-cad [type=submit] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px
}

.botao-enviar-cad [type=submit]:hover {
    cursor: pointer
}

.botao-cadastro {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #59B200;
    color: #FFFFFF;
    height: 50px;
    padding: 0 75px 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    width: 155px;
    margin: 0 auto 0;
    font-size: 15px
}

.botao-cadastro:after {
    content: '\e955';
    font-family: 'icomoon';
    font-size: 35px;
    color: #FFFFFF;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #407f00;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.botao-cadastro:hover {
    cursor: pointer;
    background-color: #5e7d01;
    color: #FFFFFF;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3)
}

.botao-cadastro:hover:after {
    animation: botao .2s linear;
    -webkit-animation: botao .2s linear;
    -moz-animation: botao .2s linear;
    -ms-animation: botao .2s linear;
    color: #FFFFFF;
    background-color: #384a01
}

@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg)
    }

    50% {
        transform: scale(.8) rotate(-90deg)
    }

    100% {
        transform: scale(1) rotate(-90deg)
    }
}

@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg)
    }

    50% {
        -webkit-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(-90deg)
    }
}

@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg)
    }

    50% {
        -moz-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -moz-transform: scale(1) rotate(-90deg)
    }
}

@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg)
    }

    50% {
        -ms-transform: scale(.8) rotate(-90deg)
    }

    100% {
        -ms-transform: scale(1) rotate(-90deg)
    }
}

@media (max-width:480px) {
    .botao-cadastro {
        width: 218px;
        padding: 0 50px 0 15px
    }
}

.botao-cadastro [type=submit] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px
}

.botao-cadastro [type=submit]:hover {
    cursor: pointer
}

.obrigado {
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid
}

.obrigado big {
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    width: 100%;
    display: block;
    color: #006699;
    font-size: 22px;
    padding-bottom: 10px
}

.obrigado b {
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 5px
}

.obrigado a {
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    display: block;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding: 5px 10px;
    background-color: #006699;
    color: #FFFFFF;
    margin-top: 30px;
    font-size: 12px
}

.obrigado a:hover {
    background-color: #a65300
}

.formulario {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

.formulario ::-webkit-input-placeholder {
    color: #666
}

.formulario ::-moz-placeholder {
    color: #666
}

.formulario :-ms-input-placeholder {
    color: #666
}

.formulario input:-moz-placeholder {
    color: #666
}

.formulario p {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

@media (max-width:1023px) {
    .formulario p {
        margin-bottom: 10px
    }
}

.formulario p>label:nth-of-type(1) {
    width: 100%;
    padding-bottom: 15px;
    position: absolute;
    top: -100000px;
    left: 0;
    z-index: 0
}

.formulario p .bt-enviar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    width: 100px;
    height: 90px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    font-size: 18px;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #006699;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.formulario p .bt-enviar:hover {
    color: #FFFFFF;
    background-color: #006699
}

.formulario p .bt-enviar i {
    font-size: 25px;
    margin-bottom: 5px;
    color: #FFFFFF
}

.formulario p .bt-enviar [type=submit] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: none
}

.formulario p .bt-enviar [type=submit]:hover {
    background-color: transparent !important;
    color: #FFFFFF !important
}

@media (max-width:480px) {
    .formulario p .bt-enviar {
        position: relative;
        right: 0;
        width: 100%;
        float: left;
        height: 55px;
        margin-top: 10px;
        margin-bottom: 80px
    }

    .formulario p .bt-enviar i {
        display: none
    }
}

.formulario .msg-obrigatorio {
    padding: 0 0 15px 0;
    display: block;
    font-size: 13px;
    width: 100%
}

.formulario .msg-obrigatorio em {
    color: #ff0000
}

.formulario .outros-estados {
    font-weight: 700;
    font-size: 20px
}

.formulario .icon-date:before {
    display: block;
    content: '\e933';
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 1;
    color: #222;
    position: absolute;
    top: calc(50% - 10px);
    left: 10px;
    z-index: 1
}

.formulario .icon-date [type=text] {
    padding: 10px 35px
}

.formulario .b2 {
    width: 49%
}

@media (max-width:768px) {
    .formulario .b2 {
        width: 100%
    }
}

.formulario .b2-uf {
    width: 12%
}

@media (max-width:768px) {
    .formulario .b2-uf {
        width: 20%
    }
}

@media (max-width:480px) {
    .formulario .b2-uf {
        width: 100%
    }
}

.formulario .b2-cid {
    width: 35%
}

@media (max-width:768px) {
    .formulario .b2-cid {
        width: 75%
    }
}

@media (max-width:480px) {
    .formulario .b2-cid {
        width: 100%
    }
}

.formulario .b2-cep {
    width: 24%
}

@media (max-width:768px) {
    .formulario .b2-cep {
        width: 100%
    }
}

.formulario .b2-endereco {
    width: 74%
}

@media (max-width:768px) {
    .formulario .b2-endereco {
        width: 100%
    }
}

.formulario .b3 {
    width: 32%
}

@media (max-width:768px) {
    .formulario .b3 {
        width: 100%
    }
}

.formulario .b4 {
    width: 23.3%
}

@media (max-width:768px) {
    .formulario .b4 {
        width: 100%
    }
}

.formulario .file-input {
    width: 100%;
    position: relative
}

@media (max-width:768px) {
    .formulario .file-input {
        width: 100%
    }
}

.formulario .file-input:before {
    display: block;
    content: '\e968';
    font-family: 'icomoon';
    font-size: 26px;
    line-height: 1;
    color: #6c6c6c;
    position: absolute;
    bottom: calc(50% - 13px);
    right: 10px;
    z-index: 0
}

.formulario .file-input.b2 {
    width: 49% !important
}

@media (max-width:768px) {
    .formulario .file-input.b2 {
        width: 100% !important
    }
}

.formulario .file-input span {
    font-weight: 700;
    font-size: 15px
}

.formulario .file-input [type=file] {
    width: 100%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #CECEBF;
    background-color: #FFFFFF;
    border-color: #bcbcbc;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    color: #333;
    padding: 15px 35px 15px 10px
}

.formulario .file-input [type=file]:hover {
    cursor: pointer
}

input[required],
select[required],
textarea[required] {
    border-right-color: #d80000 !important;
    border-right-width: 5px !important;
    border-right-style: solid !important
}

input[required].valid,
select[required].valid,
textarea[required].valid {
    border-right-color: #468C00 !important;
    border-right-width: 5px !important;
    border-right-style: solid !important
}

label.error {
    position: absolute;
    top: 18px;
    right: 15px;
    z-index: 0;
    width: 16px;
    height: 16px;
    transform: scale(.5);
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    text-align: center;
    background-color: #d80000;
    color: #FFF;
    border: none !important
}

label.error:after {
    content: '';
    font-family: serif;
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700
}

label.error:before {
    content: '';
    width: 60px;
    height: 60px;
    display: block;
    background-color: #d80000;
    position: absolute;
    top: calc(50% - 30px);
    right: -21px;
    z-index: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-animation: scale-up-center 1s ease-out infinite forwards;
    animation: scale-up-center 1s ease-out infinite forwards
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        filter: alpha(opacity=0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        filter: alpha(opacity=0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0)
    }
}

.valid {
    border-color: #468C00 !important;
    border-width: 1px !important;
    border-style: solid !important
}

.mapa {
    width: calc(100% - 30px);
    margin: 0 auto -20px;
    position: relative
}

.mapa form {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 400px;
    padding: 10px;
    background-color: #eee
}

@media (max-width:480px) {
    .mapa form {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        float: left;
        width: 100%;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -webkit-box-shadow: 0 0 0 0;
        -ms-box-shadow: 0 0 0 0;
        padding: 10px 0;
        background: none
    }
}

.mapa form p {
    position: relative
}

.mapa form p:before {
    display: block;
    content: '\e943';
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 10px);
    left: 10px;
    z-index: 0
}

.mapa .gm-style-iw-d h2 {
    font-size: 25px;
    font-weight: 700;
    color: #006699
}

.mapa input[type=text], input[type=tel] {
    width: 57%;
    height: 50px;
    margin: 0 3% 0 0;
    padding: 10px 10px 10px 35px
}

@media (max-width:480px) {
    .mapa input[type=text], input[type=tel] {
        font-size: 14px
    }
}

.mapa input[type=submit] {
    width: 40%;
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #006699;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    cursor: pointer;
    border: none;
    position: static;
    text-indent: unset;
    top: auto;
    left: auto
}

.mapa input[type=submit]:hover {
    background-color: #8c4600;
    color: #FFFFFF
}

@media (max-width:480px) {
    .mapa input[type=submit] {
        font-size: 16px
    }
}

.mapa iframe {
    width: 100%;
    float: left
}

.mapa #mapa {
    width: 100%;
    height: 450px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0
}

.scrolloff {
    pointer-events: none
}

.form-ancora {
    margin-top: -70px;
    float: left
}

.swing {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bl1 {
    width: 7.33%
}

@media (max-width:1023px) {
    .bl1 {
        width: 15.66%
    }
}

.bl2 {
    width: 15.7%
}

@media (max-width:1023px) {
    .bl2 {
        width: 31.7%
    }
}

.bl3 {
    width: 24.1%
}

@media (max-width:768px) {
    .bl3 {
        width: 100%
    }
}

.bl4 {
    width: 32.6%
}

@media (max-width:768px) {
    .bl4 {
        width: 100%
    }
}

.bl5 {
    width: 41%
}

@media (max-width:768px) {
    .bl5 {
        width: 100%
    }
}

.bl6 {
    width: 49.5%
}

@media (max-width:768px) {
    .bl6 {
        width: 100%
    }
}

.bl7 {
    width: 57.9%
}

@media (max-width:768px) {
    .bl7 {
        width: 100%
    }
}

.bl8 {
    width: 66.3%
}

@media (max-width:768px) {
    .bl8 {
        width: 100%
    }
}

.bl9 {
    width: 74.7%
}

@media (max-width:768px) {
    .bl9 {
        width: 100%
    }
}

.bl10 {
    width: 83.1%
}

@media (max-width:768px) {
    .bl10 {
        width: 100%
    }
}

.bl11 {
    width: 91.6%
}

@media (max-width:768px) {
    .bl11 {
        width: 100%
    }
}

.bl12 {
    width: 100%
}

.form-orcamento {
    width: 560px;
    margin-top: 40px;
    padding: 27px;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    transition: .1s all ease-out;
    -moz-transition: .1s all ease-out;
    -webkit-transition: .1s all ease-out;
    -ms-transition: .1s all ease-out;
    position: relative
}

@media (max-width:1279px) {
    .form-orcamento {
        width: 49%
    }
}

@media (max-width:1023px) {
    .form-orcamento {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 100vh;
        margin: 0
    }

    .form-orcamento.on {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1);
        visibility: visible;
        width: calc(100% - 30px);
        height: calc(100vh - 30px);
        margin: 15px;
        box-shadow: 0 0 150px 80px #000000;
        -moz-box-shadow: 0 0 150px 80px #000000;
        -webkit-box-shadow: 0 0 150px 80px #000000;
        -ms-box-shadow: 0 0 150px 80px #000000
    }
}

@media (max-width:768px) {
    .form-orcamento {
        overflow-y: scroll
    }
}

.form-orcamento:before {
    display: block;
    content: '\e997';
    font-family: 'icomoon';
    font-size: 192px;
    color: #B7B8B9;
    line-height: 1;
    position: absolute;
    top: -110px;
    right: 0;
    z-index: -1;
    animation: anm-01 linear 6s infinite normal forwards
}

@keyframes anm-01 {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px, -2px)
    }

    20% {
        transform: translate(2px, -2px)
    }

    30% {
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(2px, 2px)
    }

    50% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, -2px)
    }

    70% {
        transform: translate(-2px, 2px)
    }

    80% {
        transform: translate(-2px, -2px)
    }

    90% {
        transform: translate(2px, -2px)
    }

    100% {
        transform: translate(0)
    }
}

@media (max-width:1023px) {
    .form-orcamento:before {
        display: none
    }
}

.form-orcamento h2 {
    font-weight: 700;
    font-size: 30px;
    color: #006699;
    padding: 20px 0 0 30px;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:1023px) {
    .form-orcamento h2 {
        font-size: 27px
    }
}

@media (max-width:768px) {
    .form-orcamento h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .form-orcamento h2 {
        font-size: 18px
    }
}

.form-orcamento h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #555555;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .form-orcamento h2:before {
        font-size: 25px;
        top: 7px
    }
}

@media (max-width:1023px) {
    .form-orcamento h2 {
        padding: 0
    }

    .form-orcamento h2:before {
        display: none
    }
}

@media (max-width:480px) {
    .form-orcamento h2 {
        margin-bottom: 15px
    }
}

.form-orcamento .close {
    display: none
}

@media (max-width:1023px) {
    .form-orcamento .close {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 0;
        width: 20px;
        height: 20px
    }

    .form-orcamento .close:before {
        display: block;
        content: '\e947';
        font-family: 'icomoon';
        font-size: 20px;
        line-height: 1;
        position: absolute;
        top: calc(50% - 10px);
        left: 5px;
        z-index: 0;
        color: #000000
    }
}

.form-online .form-checkbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative
}

@media (max-width:1023px) {
    .form-online .form-checkbox {
        width: 100%;
        flex-direction: initial
    }
}

.form-online .form-checkbox label {
    width: 409px;
    background-color: #F8FAFB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    line-height: 1.4;
    padding: 14px 15px 14px 60px;
    margin: 8px
}

@media (max-width:1279px) {
    .form-online .form-checkbox label {
        width: 33%;
        font-size: 21px
    }
}

@media (max-width:1023px) {
    .form-online .form-checkbox label {
        width: 47%
    }
}

@media (max-width:768px) {
    .form-online .form-checkbox label {
        width: 360px;
        margin: 0 4px 8px
    }
}

@media (max-width:480px) {
    .form-online .form-checkbox label {
        width: 100%;
        margin: 0 0 8px
    }
}

.form-online .form-checkbox label:hover,
.form-online .form-checkbox label.on {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
    background-color: #FFFFFF
}

.form-online .form-checkbox label [type=checkbox] {
    position: absolute;
    top: calc(50% - 15px);
    left: 15px;
    z-index: 0;
    background-color: #FFFFFF;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: checkbox;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.form-online .form-checkbox label [type=checkbox]:checked:after {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

.form-online .form-checkbox label [type=checkbox]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #777777;
    border-width: 3px;
    border-style: solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.form-online .form-checkbox label [type=checkbox]:after {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    content: '\e94c';
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 1;
    color: #000000;
    position: absolute;
    bottom: 3px;
    left: 4px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.form-online .form-dados {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 1020px;
    margin: 60px auto 0
}

@media (max-width:1279px) {
    .form-online .form-dados {
        width: 980px
    }
}

@media (max-width:1023px) {
    .form-online .form-dados {
        width: 100%;
        margin-top: 25px
    }
}

@media (max-width:768px) {
    .form-online .form-dados {
        margin-top: 15px
    }
}

.select-formularios {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #F8FAFB;
    padding: 8px 8px 8px 20px
}

@media (max-width:1023px) {
    .select-formularios {
        display: none
    }
}

.select-formularios b {
    color: #999;
    font-weight: normal
}

.select-formularios select {
    margin-left: 20px;
    width: auto;
    height: 44px;
    padding: 10px;
    font-size: 16px;
    color: #999999;
    border: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65)
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    backface-visibility: hidden;
    display: none;
    background-color: rgba(0, 0, 0, 0.6)
}

.remodal-overlay.remodal-is-opening {
    animation: overlay-opening .3s forwards;
    -webkit-animation: overlay-opening .3s forwards;
    -moz-animation: overlay-opening .3s forwards;
    -ms-animation: overlay-opening .3s forwards
}

.remodal-overlay.remodal-is-closing {
    animation: overlay-closing .3s forwards;
    -webkit-animation: overlay-closing .3s forwards;
    -moz-animation: overlay-closing .3s forwards;
    -ms-animation: overlay-closing .3s forwards
}

.remodal-wrapper {
    display: none;
    text-align: center;
    backface-visibility: hidden;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

.remodal {
    width: 100%;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    box-shadow: 0 0 13px #000000;
    -moz-box-shadow: 0 0 13px #000000;
    -webkit-box-shadow: 0 0 13px #000000;
    -ms-box-shadow: 0 0 13px #000000;
    max-width: 660px;
    color: #006699;
    background-color: #eee;
    margin: 80px 0 10px 0;
    padding: 35px;
    text-align: left;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    border-color: #FFFFFF;
    border-width: 10px;
    border-style: solid;
    position: relative;
    display: none;
    text-size-adjust: 100%
}

@media only screen and (max-width:768px) {
    .remodal {
        padding: 30px 15px;
        margin-top: 0;
        height: 95vh;
        overflow: scroll
    }
}

.remodal:focus {
    outline: 0 !important
}

.remodal.remodal-is-opening {
    animation: remodal-opening .3s forwards;
    -webkit-animation: remodal-opening .3s forwards;
    -moz-animation: remodal-opening .3s forwards;
    -ms-animation: remodal-opening .3s forwards
}

.remodal.remodal-is-closing {
    animation: remodal-closing .3s forwards;
    -webkit-animation: remodal-closing .3s forwards;
    -moz-animation: remodal-closing .3s forwards;
    -ms-animation: remodal-closing .3s forwards
}

.remodal h3 {
    color: #006699;
    font-size: 30px;
    font-weight: 700
}

.remodal h3 em {
    font-style: normal
}

@media only screen and (max-width:768px) {
    .remodal h3 {
        text-align: center;
        font-size: 20px
    }
}

.remodal span {
    color: #202020;
    font-size: 14px;
    display: block
}

.remodal p {
    color: #6c6c6c;
    font-size: 16px
}

.remodal .formulario .b2 {
    float: left;
    width: 49%;
    position: relative
}

.remodal .formulario .b2:nth-of-type(2) {
    float: right !important
}

@media only screen and (max-width:768px) {
    .remodal .formulario .b2 {
        width: 100%
    }
}

.remodal .formulario textarea {
    height: 94px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    padding: 10px 155px 10px 10px;
    border: 0
}

.remodal .formulario textarea::placeholder {
    color: #000000
}

.remodal .formulario input,
.remodal .formulario select {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    color: #000000;
    border: 0
}

.remodal .formulario input::placeholder,
.remodal .formulario select::placeholder {
    color: #000000
}

.remodal .formulario #plano {
    display: none
}

.remodal .formulario .bt-enviar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    width: 143px;
    height: 83px;
    background-color: #006699;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0 1px 2px #000000;
    flex-direction: column;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    text-align: center;
    border: 0;
    box-shadow: none !important
}

@media only screen and (max-width:768px) {
    .remodal .formulario .bt-enviar {
        width: 100%;
        position: relative;
        top: 15px;
        right: 0;
        height: 63px;
        margin-top: 5px
    }
}

.remodal .formulario .bt-enviar:hover {
    background-color: #006699;
    color: #FFFFFF !important;
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    filter: alpha(opacity=0.8)
}

.remodal .formulario .bt-enviar i {
    font-size: 25px;
    margin-bottom: 5px
}

.remodal .formulario .bt-enviar [type=submit] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: none
}

.remodal .formulario .bt-enviar [type=submit]:hover {
    background-color: transparent !important;
    color: #FFFFFF !important
}

.remodal .msg-obrigatorio {
    color: #6c6c6c;
    font-size: 14px
}

.remodal input,
.remodal select,
.remodal textarea {
    color: #000000 !important;
    background-color: #FFFFFF
}

.remodal input::placeholder,
.remodal select::placeholder,
.remodal textarea::placeholder {
    color: #000000 !important
}

.remodal-close {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 0;
    width: auto;
    height: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-size: 25px;
    display: block;
    transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
    -ms-transition: .3s all linear;
    outline: none;
    cursor: pointer;
    color: #000000;
    background-color: transparent;
    font-family: 'icomoon';
    border: 0
}

.remodal-close:before {
    content: "\e947"
}

.remodal-close:hover,
.remodal-close:focus {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

@keyframes remodal-opening {
    from {
        transform: scale(1.05);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-closing {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.95);
        opacity: 0
    }
}

@keyframes overlay-opening {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes overlay-closing {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.lt-ie9 .remodal-overlay {
    background-color: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

html.remodal-is-locked {
    overflow: hidden;
    touch-action: none
}

[data-remodal-id] {
    display: none
}

.remodal-is-initialized {
    display: inline-block;
    outline: 0 !important
}

.video-modal {
    position: relative;
    padding-top: 25px;
    padding-bottom: 52.5%;
    width: 100%;
    height: 0
}

.video-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.texto-imagem {
    display: flex;
    width: 100%
}

@media (max-width:768px) {
    .texto-imagem {
        flex-direction: column;
        align-items: center
    }
}

.imagem-acima {
    width: 100%;
    margin: 0 0 35px 0
}

@media (max-width:768px) {
    .imagem-acima {
        display: flex;
        justify-content: center
    }
}

@media (max-width:480px) {
    .imagem-acima img {
        width: 100%;
        height: auto
    }
}

.imagem-abaixo {
    width: 100%;
    margin-top: 35px
}

@media (max-width:768px) {
    .imagem-abaixo {
        display: flex;
        justify-content: center
    }
}

@media (max-width:480px) {
    .imagem-abaixo img {
        width: 100%;
        height: auto
    }
}

.imagem-esquerda {
    margin: 0 35px 35px 0
}

@media (max-width:1023px) {
    .imagem-esquerda {
        width: 50%;
        height: auto
    }
}

@media (max-width:768px) {
    .imagem-esquerda {
        display: flex;
        justify-content: center;
        float: none;
        margin: 30px 0;
        width: 100%;
        height: auto
    }
}

.imagem-esquerda img {
    float: left
}

@media (max-width:480px) {
    .imagem-esquerda img {
        width: 100%;
        height: auto
    }
}

.imagem-direita {
    margin: 0 0 35px 35px
}

@media (max-width:1023px) {
    .imagem-direita {
        width: 50%;
        height: auto
    }
}

@media (max-width:768px) {
    .imagem-direita {
        margin: 30px 0;
        float: none;
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto
    }
}

.imagem-direita img {
    float: right
}

@media (max-width:1023px) {
    .imagem-direita img {
        width: 100%;
        height: auto
    }
}

#mainBlock.off {
    z-index: -1 !important
}

.modal-home-01.off {
    display: none
}

.modal-home-01 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh
}

.modal-home-01 article {
    padding: 20px 30px
}

@media only screen and (max-width:480px) {
    .modal-home-01 article {
        padding: 20px 15px;
        max-height: 70vh;
        overflow-y: scroll
    }
}

.modal-home-01 article h2 {
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    padding-bottom: 20px
}

.modal-home-01 .conteudo-modal {
    position: absolute;
    top: calc(50% - (600px/2));
    left: calc(50% - (610px/2));
    z-index: 0;
    width: 610px;
    padding: 15px;
    min-height: 600px;
    overflow: hidden;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-color: #ffb800;
    border-width: 5px;
    border-style: solid;
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-color: #FFFFFF;
    padding: 0;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.modal-home-01 .conteudo-modal .imagem-acima {
    margin: 0
}

.modal-home-01 .conteudo-modal img {
    margin: 0 auto;
    display: block
}

.modal-home-01 .conteudo-modal a {
    display: block
}

@media only screen and (max-width:1023px) {
    .modal-home-01 .conteudo-modal img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:768px) {
    .modal-home-01 .conteudo-modal {
        width: 90%;
        top: 100px;
        left: calc(50% - 45%);
        min-height: auto;
        border-color: #ffb800;
        border-width: 4px;
        border-style: solid
    }
}

@media (max-height:768px) and (min-width:1025px) {
    .modal-home-01 .conteudo-modal {
        width: 500px;
        min-height: auto;
        top: 5%;
        left: calc(50% - 250px)
    }

    .modal-home-01 .conteudo-modal img {
        width: 100%;
        height: auto
    }
}

.modal-home-01 .conteudo-modal i {
    content: '\e947';
    font-family: 'icomoon';
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #FFB800;
    border-color: #FFB800;
    border-width: 2px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4000;
    font-size: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    cursor: pointer
}

.modal-home-01 .conteudo-modal i:hover {
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000
}

@media (max-width:768px) {
    .modal-home-01 .conteudo-modal i {
        top: 3px;
        right: 3px
    }
}

.modal-home-01 .slide-in-elliptic-top-fwd {
    -webkit-animation: slide-in-elliptic-top-fwd .7s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-elliptic-top-fwd .7s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

.floating-wpp {
    position: fixed;
    bottom: 180px;
    left: 20px;
    z-index: 91021;
    font-size: 14px;
    transition: bottom .2s;
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}

@media (max-width:480px) {
    .floating-wpp {
        bottom: 90px;
        left: 20px
    }
}

.floating-wpp:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: rgba(14, 193, 67, 0.8);
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    -webkit-animation: ping 1s ease-in-out infinite both;
    animation: ping 1s ease-in-out infinite both
}

.floating-wpp:after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: rgba(14, 193, 67, 0.8);
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: -10;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    -webkit-animation: ping 1s ease-in-out .7s infinite both;
    animation: ping 1s ease-in-out .7s infinite both
}

.floating-wpp .floating-wpp-button {
    width: 58px;
    height: 58px;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #0EC143;
    cursor: pointer;
    box-shadow: 0 0 10px -3px #000000;
    -moz-box-shadow: 0 0 10px -3px #000000;
    -webkit-box-shadow: 0 0 10px -3px #000000;
    -ms-box-shadow: 0 0 10px -3px #000000
}

.floating-wpp .floating-wpp-button:after {
    content: "\e906";
    width: 58px;
    height: 58px;
    font-family: icomoon;
    font-size: 35px;
    font-weight: normal;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

.floating-wpp .floating-wpp-button:before {
    content: '1';
    width: 15px;
    height: 15px;
    background-color: #f60;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    font-size: 8px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) 5s both;
    animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) 5s both
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.floating-wpp .floating-wpp-popup {
    border-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #e5ddd5;
    overflow: hidden;
    position: absolute;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -moz-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -webkit-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -ms-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width: 0;
    height: 0;
    bottom: 140px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: bottom .1s ease-out, opacity .2s ease-out;
    transform-origin: bottom
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 15px 12px 15px;
    width: 280px;
    height: auto;
    bottom: 70px;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

@media (max-width:480px) {
    .floating-wpp .floating-wpp-popup.active {
        width: 295px
    }
}

.floating-wpp .floating-wpp-popup.active a {
    pointer-events: all !important
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    transition-delay: .2s
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: #FFFFFF;
    padding: 8px;
    border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    -ms-border-radius: 7.5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .2s;
    max-width: 100%
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: left;
    color: #FFFFFF;
    margin: 0 -15px 15px -15px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    font-weight: bolder;
    background-color: #39847a;
    font-size: 15px
}

@media (max-width:480px) {
    .floating-wpp .floating-wpp-popup .floating-wpp-head {
        font-size: 14px
    }
}

.floating-wpp .floating-wpp-popup .floating-wpp-head .close {
    position: absolute;
    top: 14px;
    right: 17px;
    z-index: 0;
    color: #FFFFFF;
    text-shadow: none;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    font-size: inherit
}

.floating-wpp .floating-wpp-popup .floating-wpp-head .close:before {
    font-family: 'icomoon'
}

.floating-wpp .floating-wpp-input-message {
    background-color: #e5ddd5;
    margin: 5px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center
}

.floating-wpp .floating-wpp-input-message textarea {
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-radius: 21px;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    -ms-border-radius: 21px;
    box-shadow: none;
    padding: 8px 12px;
    margin: 10px 0 15px 0;
    width: 190px;
    height: initial;
    flex-grow: 1;
    font-size: inherit;
    font-family: inherit;
    resize: none;
    outline: none;
    color: #4a4a4a;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -moz-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -webkit-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -ms-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    visibility: visible !important;
    animation-delay: 0s;
    animation-duration: 0s
}

.floating-wpp .floating-wpp-btn-send {
    margin: 10px 0 15px 12px;
    font-size: 0;
    cursor: pointer;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -moz-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -webkit-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    -ms-box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    width: 45px;
    height: 45px;
    background-color: #39847a;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.floating-wpp .floating-wpp-btn-send:hover {
    box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    background-color: #41968a
}

.floating-wpp .floating-wpp-btn-send:after {
    content: "\e920";
    display: flex;
    width: 25px;
    height: 25px;
    font-family: icomoon;
    font-size: 25px;
    font-weight: normal;
    color: #FFFFFF;
    position: absolute;
    top: 4px
}

.floating-wpp .whats-multiplo a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.2;
    position: relative;
    color: #666;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 8px 10px 20px 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    pointer-events: none !important
}

.floating-wpp .whats-multiplo a:last-child {
    border: none;
    margin-bottom: 0
}

.floating-wpp .whats-multiplo a:before {
    content: '';
    display: block;
    content: '\e906';
    font-family: 'icomoon';
    font-size: 35px;
    line-height: 1;
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 0;
    color: #0EC143
}

.floating-wpp .whats-multiplo a:hover {
    color: #000000
}

.floating-wpp .whats-multiplo a span {
    font-size: 13px;
    display: block
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

body {
    font-family: 'Poppins', Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    font-size: 18px;
    color: #6c6c6c;
    background-color: #F8FAFB
}

@media (max-width:1023px) {
    body.on {
        height: 100%;
        overflow: hidden
    }
}

h1 {
    font-size: 40px;
    color: #000000
}

@media (max-width:1023px) {
    h1 {
        font-size: 30px
    }
}

h2 {
    font-size: 30px;
    color: #000000
}

@media (max-width:1023px) {
    h2 {
        font-size: 27px
    }
}

@media (max-width:768px) {
    h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    h2 {
        font-size: 18px
    }
}

h3 {
    font-size: 20px;
    color: #000000
}

h4 {
    font-size: 15px;
    color: #000000
}

span.titulo1,
.desc-categoria>h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:1023px) {

    span.titulo1,
    .desc-categoria>h3 {
        font-size: 27px
    }
}

@media (max-width:768px) {

    span.titulo1,
    .desc-categoria>h3 {
        font-size: 24px
    }
}

@media (max-width:480px) {

    span.titulo1,
    .desc-categoria>h3 {
        font-size: 18px
    }
}

span.titulo2 {
    font-size: 20px;
    font-weight: 700
}

span.titulo3 {
    font-size: 16px;
    font-weight: 700;
    display: block
}

span.titulo4 {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #333;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.pg-34 .titulo1 {
    color: #006699
}

#mainBlock {
    float: left;
    clear: both;
    position: relative;
    width: 100%;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    margin-bottom: 90px
}

@media (max-width:1023px) {
    #mainBlock.margin-t {
        margin-top: 0
    }
}

.home {
    width: 100%;
    padding: 0 15px 0
}

.interna {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 45px 15px 40px
}

@media (max-width:1023px) {
    .interna {
        padding-top: 25px;
        padding-bottom: 0
    }
}

.cnt-interna,
.cnt-contato {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    font-size: 16px;
    position: relative
}

.cnt-interna h1,
.cnt-contato h1 {
    font-weight: 700;
    font-size: 50px;
    color: #6c6c6c;
    padding: 20px 556px 0 25px;
    line-height: 1.2;
    position: relative
}

@media (max-width:1023px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        font-size: 45px
    }
}

@media (max-width:768px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        font-size: 40px
    }
}

@media (max-width:480px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        font-size: 30px
    }
}

@media (max-width:1279px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        padding-right: 50%
    }
}

@media (max-width:1023px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        padding-right: 0
    }
}

@media (max-width:480px) {

    .cnt-interna h1,
    .cnt-contato h1 {
        padding: 15px 0 0 20px
    }
}

.cnt-interna h1:before,
.cnt-contato h1:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {

    .cnt-interna h1:before,
    .cnt-contato h1:before {
        font-size: 25px
    }
}

.cnt-interna>h2,
.cnt-contato>h2,
.cnt-interna>span,
.cnt-contato>span {
    display: block;
    font-size: 20px;
    color: #000000;
    padding: 0 556px 5px 0;
    margin-left: 25px;
    margin-bottom: 45px
}

@media (max-width:1279px) {

    .cnt-interna>h2,
    .cnt-contato>h2,
    .cnt-interna>span,
    .cnt-contato>span {
        padding-right: 50%
    }
}

@media (max-width:1023px) {

    .cnt-interna>h2,
    .cnt-contato>h2,
    .cnt-interna>span,
    .cnt-contato>span {
        padding-right: 0
    }
}

@media (max-width:768px) {

    .cnt-interna>h2,
    .cnt-contato>h2,
    .cnt-interna>span,
    .cnt-contato>span {
        padding-right: 0;
        font-size: 18px
    }
}

@media (max-width:480px) {

    .cnt-interna>h2,
    .cnt-contato>h2,
    .cnt-interna>span,
    .cnt-contato>span {
        padding-bottom: 10px;
        margin-top: 5px
    }
}

.cnt-interna>p,
.cnt-contato>p {
    text-align: center
}

.cnt-interna>h3,
.cnt-contato>h3 {
    display: table;
    margin: 60px auto 30px;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: #006699;
    padding-left: 30px;
    position: relative
}

.cnt-interna>h3:before,
.cnt-contato>h3:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #555555;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {

    .cnt-interna>h3:before,
    .cnt-contato>h3:before {
        font-size: 25px;
        top: -13px
    }
}

@media (max-width:768px) {

    .cnt-interna>h3,
    .cnt-contato>h3 {
        padding-left: 20px;
        font-size: 25px
    }
}

@media (max-width:480px) {

    .cnt-interna>h3,
    .cnt-contato>h3 {
        font-size: 23px
    }
}

@media (max-width:768px) {

    .cnt-interna>h3:before,
    .cnt-contato>h3:before {
        top: -15px;
        font-size: 25px
    }
}

.cnt-interna .clientes-cat,
.cnt-contato .clientes-cat {
    position: absolute;
    top: 26px;
    right: 0;
    z-index: 999;
    width: 508px;
    height: 60px;
    background-color: #006699;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px
}

@media (max-width:1023px) {

    .cnt-interna .clientes-cat,
    .cnt-contato .clientes-cat {
        position: relative;
        width: 100%;
        top: -30px;
        right: auto
    }
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat,
    .cnt-contato .clientes-cat {
        flex-direction: column;
        height: auto
    }
}

.cnt-interna .clientes-cat span,
.cnt-contato .clientes-cat span {
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-left: 12px
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat span,
    .cnt-contato .clientes-cat span {
        margin-bottom: 10px
    }
}

.cnt-interna .clientes-cat .segmentos,
.cnt-contato .clientes-cat .segmentos {
    align-self: flex-start;
    width: 316px;
    height: 44px
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat .segmentos,
    .cnt-contato .clientes-cat .segmentos {
        width: 100%
    }
}

.cnt-interna .clientes-cat .segmentos strong,
.cnt-contato .clientes-cat .segmentos strong {
    display: block;
    width: 314px;
    height: 44px;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    text-indent: -99999px;
    position: relative;
    line-height: 1.2
}

.cnt-interna .clientes-cat .segmentos strong:hover,
.cnt-contato .clientes-cat .segmentos strong:hover {
    cursor: pointer
}

.cnt-interna .clientes-cat .segmentos strong.on:after,
.cnt-contato .clientes-cat .segmentos strong.on:after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat .segmentos strong,
    .cnt-contato .clientes-cat .segmentos strong {
        width: 100%
    }
}

.cnt-interna .clientes-cat .segmentos strong:before,
.cnt-contato .clientes-cat .segmentos strong:before {
    display: block;
    content: attr(data-segmento);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    color: #999999;
    text-indent: initial;
    font-weight: normal;
    display: flex;
    align-items: center;
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.cnt-interna .clientes-cat .segmentos strong:after,
.cnt-contato .clientes-cat .segmentos strong:after {
    display: block;
    content: '\e9b0';
    font-family: 'icomoon';
    font-size: 17px;
    line-height: 1;
    color: #000000;
    text-indent: initial;
    position: absolute;
    top: calc(50% - 8.5px);
    right: 5px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.cnt-interna .clientes-cat .segmentos .lista-cat,
.cnt-contato .clientes-cat .segmentos .lista-cat {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    width: 360px;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 15px;
    position: absolute;
    top: auto;
    right: 8px;
    z-index: 0
}

.cnt-interna .clientes-cat .segmentos .lista-cat.on,
.cnt-contato .clientes-cat .segmentos .lista-cat.on {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible;
    height: 270px;
    overflow-y: scroll
}

.cnt-interna .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar,
.cnt-contato .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar {
    width: 5px
}

.cnt-interna .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-track,
.cnt-contato .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.cnt-interna .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-thumb,
.cnt-contato .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-thumb {
    background-color: #FFBF8A;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.cnt-interna .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-thumb:hover,
.cnt-contato .clientes-cat .segmentos .lista-cat.on::-webkit-scrollbar-thumb:hover {
    background-color: #ffcda3
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat .segmentos .lista-cat.on,
    .cnt-contato .clientes-cat .segmentos .lista-cat.on {
        display: block;
        position: absolute;
        width: calc(100% - 16px)
    }
}

@media (max-width:768px) {

    .cnt-interna .clientes-cat .segmentos .lista-cat,
    .cnt-contato .clientes-cat .segmentos .lista-cat {
        display: none
    }
}

.cnt-interna .clientes-cat .segmentos .lista-cat .box-lista,
.cnt-contato .clientes-cat .segmentos .lista-cat .box-lista {
    display: flex;
    flex-direction: column
}

.cnt-interna .clientes-cat .segmentos .lista-cat .box-lista a,
.cnt-contato .clientes-cat .segmentos .lista-cat .box-lista a {
    color: #000000;
    line-height: 1.7;
    margin-bottom: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:480px) {

    .cnt-interna .clientes-cat .segmentos .lista-cat .box-lista a,
    .cnt-contato .clientes-cat .segmentos .lista-cat .box-lista a {
        line-height: 1.3;
        margin-bottom: 15px;
        font-size: 13px
    }
}

.cnt-interna .clientes-cat .segmentos .lista-cat .box-lista a:hover,
.cnt-contato .clientes-cat .segmentos .lista-cat .box-lista a:hover {
    color: #006699;
    margin-left: 3px
}

.interna-noticias {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    font-size: 16px;
    position: relative;
    display: flex;
    justify-content: space-between
}

@media (max-width:1023px) {
    .interna-noticias {
        flex-direction: column
    }
}

.interna-noticias .conteudo-noticias {
    width: 888px;
    padding-right: 38px
}

@media (max-width:1279px) {
    .interna-noticias .conteudo-noticias {
        width: 69%
    }
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias {
        width: 100%;
        padding-right: 0
    }
}

.interna-noticias .conteudo-noticias h1 {
    font-weight: 700;
    font-size: 35px;
    color: #6c6c6c;
    padding: 20px 0 0 25px;
    line-height: 1.2;
    position: relative;
    margin-bottom: 20px
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias h1 {
        font-size: 31.5px
    }
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias h1 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias h1 {
        font-size: 21px
    }
}

.interna-noticias .conteudo-noticias h1:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias h1:before {
        font-size: 25px;
        top: -13px
    }
}

.interna-noticias .conteudo-noticias h1:before {
    top: 0
}

.interna-noticias .conteudo-noticias h3 {
    font-size: 26px;
    font-weight: 700;
    color: #006699;
    margin-bottom: 10px
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias h3 {
        font-size: 20px
    }
}

.interna-noticias .conteudo-noticias ul {
    padding-left: 30px;
    margin: 15px 0
}

.interna-noticias .conteudo-noticias ul li {
    list-style-type: disc
}

.interna-noticias .conteudo-noticias .subtit-noticias {
    display: block;
    font-size: 20px;
    color: #000000;
    padding: 0 0 10px;
    margin-left: 25px;
    margin-bottom: 45px;
    position: relative
}

.interna-noticias .conteudo-noticias .subtit-noticias:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #006699;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .interna-noticias .conteudo-noticias .subtit-noticias:before {
        left: calc(50% - 120px/2)
    }
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias .subtit-noticias {
        padding-right: 30%
    }
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias .subtit-noticias {
        padding-right: 0
    }
}

.interna-noticias .conteudo-noticias .titulo-interna {
    margin-bottom: 45px
}

.interna-noticias .conteudo-noticias .titulo-interna h1 {
    margin-bottom: 0
}

.interna-noticias .conteudo-noticias .cont-blog {
    margin-bottom: 50px
}

.interna-noticias .conteudo-noticias .cont-blog figure {
    float: right;
    margin-left: 55px
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias .cont-blog figure {
        width: 45%
    }

    .interna-noticias .conteudo-noticias .cont-blog figure img {
        width: 100%;
        height: auto
    }
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias .cont-blog figure {
        width: 100%;
        margin-bottom: 20px
    }
}

.interna-noticias .conteudo-noticias .cont-blog .titulo1 {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.interna-noticias .conteudo-noticias .cont-blog .titulo2 {
    font-size: 20px;
    color: #006699;
    font-weight: 700
}

.interna-noticias .conteudo-noticias .cont-blog a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.interna-noticias .conteudo-noticias .cont-blog a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias .conteudo-noticias .cont-blog a:hover {
    color: #ff9a35
}

.interna-noticias .conteudo-noticias .cont-blog a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.interna-noticias .conteudo-noticias .cont-blog a:after {
    z-index: 0
}

.interna-noticias .conteudo-noticias .publicidade {
    display: flex;
    flex-direction: column;
    width: 728px;
    margin: 40px auto 40px
}

@media (max-width:1279px) {
    .interna-noticias .conteudo-noticias .publicidade {
        width: 100%
    }
}

.interna-noticias .conteudo-noticias .publicidade b {
    color: #cccccc;
    font-size: 12px;
    font-weight: normal
}

.interna-noticias .conteudo-noticias .autor-dica {
    width: 100%;
    background-color: #FBFBFB;
    border-top-color: #dddddd;
    border-top-width: 3px;
    border-top-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias .autor-dica {
        flex-direction: column
    }
}

.interna-noticias .conteudo-noticias .autor-dica .autor {
    width: 420px;
    border-right-color: #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    margin-right: 40px
}

@media (max-width:1279px) {
    .interna-noticias .conteudo-noticias .autor-dica .autor {
        width: 49%;
        margin-right: 0
    }
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias .autor-dica .autor {
        width: 100%;
        border: none;
        text-align: center;
        margin-bottom: 15px
    }
}

.interna-noticias .conteudo-noticias .autor-dica .autor strong {
    font-size: 20px
}

.interna-noticias .conteudo-noticias .autor-dica .autor span {
    font-size: 14px
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas {
    color: #006699;
    font-weight: 700;
    font-size: 20px
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas:after {
    display: none
}

@media (max-width:1279px) {
    .interna-noticias .conteudo-noticias .autor-dica .like-dicas {
        width: 49%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias .autor-dica .like-dicas {
        width: 100%
    }
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas span {
    position: relative;
    padding-left: 40px;
    margin-left: 15px;
    color: #6c6c6c;
    font-size: 14px;
    font-weight: normal
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas span:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e944';
    color: #006699;
    font-family: 'icomoon';
    font-size: 32px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas span:before {
    width: 32px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias .conteudo-noticias .autor-dica .like-dicas span:hover:before {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

@media (max-width:1279px) {
    .interna-noticias .conteudo-noticias .autor-dica .like-dicas span {
        padding: 5px 0 5px 40px
    }
}

.interna-noticias .conteudo-noticias .list-posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias .list-posts {
        flex-direction: column
    }
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias {
    width: 48%;
    display: flex;
    margin-bottom: 30px
}

@media (max-width:480px) {
    .interna-noticias .conteudo-noticias .list-posts .lista-noticias {
        width: 100%;
        margin-bottom: 25px
    }
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias a {
    display: block;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 0 30px 30px;
    color: #6c6c6c;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias a:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    cursor: pointer
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias .list-posts .lista-noticias a {
        padding: 0 15px 15px
    }
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias figure {
    width: calc(100% + 60px);
    margin-left: -30px;
    line-height: 0;
    margin-bottom: 25px
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias .list-posts .lista-noticias figure {
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias figure img {
    width: 100%;
    height: auto
}

.interna-noticias .conteudo-noticias .list-posts .lista-noticias h2 {
    font-weight: 700;
    color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.3
}

@media (max-width:1023px) {
    .interna-noticias .conteudo-noticias .list-posts .lista-noticias h2 {
        font-size: 18px
    }
}

.interna-noticias .conteudo-noticias .list-posts .lista-tutoriais {
    width: 100%;
    display: block;
    background-color: #f9f9f9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 15px;
    color: #006699;
    border-left-color: #006699;
    border-left-width: 6px;
    border-left-style: solid;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias .conteudo-noticias .list-posts .lista-tutoriais:hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    border-left-color: #ff8102;
    border-left-width: 6px;
    border-left-style: solid
}

.interna-noticias .conteudo-noticias .list-posts .lista-tutoriais h2 {
    font-size: 18px;
    font-weight: 700
}

.interna-noticias .conteudo-noticias .list-posts .lista-tutoriais .highlight {
    background-color: yellow
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias table {
        width: 100%
    }
}

.interna-noticias .conteudo-noticias a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.interna-noticias .conteudo-noticias a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias .conteudo-noticias a:hover {
    color: #ff9a35
}

.interna-noticias .conteudo-noticias a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.interna-noticias .conteudo-noticias a:after {
    z-index: 0
}

@media (max-width:768px) {
    .interna-noticias .conteudo-noticias .imagem-direita {
        width: 100%;
        margin-bottom: 20px
    }

    .interna-noticias .conteudo-noticias .imagem-direita img {
        width: 100%;
        height: auto
    }
}

.interna-noticias aside {
    width: 392px;
    border-left-color: #dddddd;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 38px;
    display: flex;
    flex-direction: column
}

@media (max-width:1279px) {
    .interna-noticias aside {
        width: 30%
    }
}

@media (max-width:1023px) {
    .interna-noticias aside {
        width: 100%;
        padding-left: 0;
        border: none;
        margin-top: 50px
    }
}

.interna-noticias aside .pesquisa-interna {
    width: 100%;
    position: relative
}

.interna-noticias aside .pesquisa-interna [type=text] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    width: 100%;
    height: 44px;
    padding: 10px 45px 10px 20px
}

.interna-noticias aside .pesquisa-interna [type=submit] {
    position: absolute;
    top: calc(50% - 18px);
    right: 4px;
    z-index: 0;
    width: 38px;
    height: 36px;
    background-color: #006699
}

.interna-noticias aside .pesquisa-interna [type=submit]:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e936';
    color: #FFFFFF;
    font-family: 'icomoon';
    font-size: 19px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    z-index: 0
}

.interna-noticias aside .pesquisa-interna [type=submit]:before {
    left: calc(50% - 9.5px)
}

.interna-noticias aside .pmenu {
    padding: 30px 0 40px;
    margin-bottom: 40px;
    border-bottom-color: #dddddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: flex;
    flex-direction: column
}

.interna-noticias aside .pmenu li:last-child a {
    margin-bottom: 0
}

@media (max-width:1023px) {
    .interna-noticias aside .pmenu li {
        border: none;
        background-color: #f1f1f1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px
    }
}

.interna-noticias aside .pmenu li a {
    margin: 15px 0;
    width: 100%;
    font-size: 15px
}

@media (max-width:1023px) {
    .interna-noticias aside .pmenu li a {
        margin: 0
    }
}

@media (max-width:1023px) {
    .interna-noticias aside .pmenu li.act_path {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

.interna-noticias aside .pmenu li.act_path>a {
    color: #006699
}

.interna-noticias aside .pmenu li.act_path>a:before {
    border-color: #006699;
    border-width: 2px;
    border-style: solid
}

@media (max-width:1023px) {
    .interna-noticias aside .pmenu li.act_path>a {
        background-color: transparent;
        border: none
    }
}

.interna-noticias aside .pmenu a {
    color: #6c6c6c;
    padding: 0 0 0 25px;
    height: auto;
    line-height: 1.2;
    margin-bottom: 30px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias aside .pmenu a:hover {
    color: #006699
}

.interna-noticias aside .pmenu a:hover:before {
    border-color: #006699;
    border-width: 2px;
    border-style: solid
}

.interna-noticias aside .pmenu a:after {
    display: none
}

.interna-noticias aside .pmenu a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    border-color: #6c6c6c;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 0;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.interna-noticias aside .publicidade-right {
    margin-bottom: 50px
}

.interna-noticias aside .publicidade-right b {
    font-weight: normal;
    font-size: 12px;
    color: #ccc
}

.interna-noticias aside .megamenu {
    padding-top: 40px;
    border-top-color: #dddddd;
    border-top-width: 1px;
    border-top-style: solid;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0
}

@media (max-width:1023px) {
    .interna-noticias aside .megamenu {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: initial
    }
}

@media (max-width:480px) {
    .interna-noticias aside .megamenu {
        justify-content: center
    }
}

.interna-noticias aside .megamenu h2 {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #6c6c6c;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 15px 0 0 20px
}

.interna-noticias aside .megamenu h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .interna-noticias aside .megamenu h2:before {
        font-size: 25px;
        top: 7px
    }
}

.interna-noticias aside .megamenu h2:before {
    font-size: 20px
}

.interna-noticias aside .megamenu a {
    width: 100%
}

@media (max-width:1023px) {
    .interna-noticias aside .megamenu a {
        width: 50%
    }
}

@media (max-width:480px) {
    .interna-noticias aside .megamenu a {
        width: 100%
    }
}

.interna-noticias aside .megamenu a span {
    font-size: 13px
}

.cnt-contato h1 {
    padding: 20px 20px 0 25px
}

.pg-interna {
    background-color: #FFFFFF
}

.pg-interna #mainBlock {
    margin-top: 113px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .pg-interna #mainBlock {
        margin-top: 93px
    }
}

@media (max-width:1023px) {
    .pg-interna #mainBlock {
        margin-top: 70px
    }

    .pg-interna #mainBlock.on {
        z-index: 99999
    }
}

.pg-interna .cnt-interna h1:before,
.pg-interna .contato-form h1:before {
    color: #006699
}

@media (max-width:1279px) {

    .pg-interna .cnt-interna h1,
    .pg-interna .contato-form h1 {
        font-size: 45px
    }
}

@media (max-width:1023px) {

    .pg-interna .cnt-interna h1,
    .pg-interna .contato-form h1 {
        font-size: 40px;
        padding-right: 30%
    }
}

@media (max-width:768px) {

    .pg-interna .cnt-interna h1,
    .pg-interna .contato-form h1 {
        font-size: 35px;
        padding-right: 0
    }
}

@media (max-width:480px) {

    .pg-interna .cnt-interna h1,
    .pg-interna .contato-form h1 {
        font-size: 30px
    }
}

.pg-interna .cnt-interna>h2,
.pg-interna .contato-form>h2,
.pg-interna .cnt-interna>span,
.pg-interna .contato-form>span {
    display: block;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 45px
}

.pg-interna .cnt-interna>h2:before,
.pg-interna .contato-form>h2:before,
.pg-interna .cnt-interna>span:before,
.pg-interna .contato-form>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #006699;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

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

    .pg-interna .cnt-interna>h2:before,
    .pg-interna .contato-form>h2:before,
    .pg-interna .cnt-interna>span:before,
    .pg-interna .contato-form>span:before {
        left: calc(50% - 120px/2)
    }
}

@media (max-width:1023px) {

    .pg-interna .cnt-interna>h2,
    .pg-interna .contato-form>h2,
    .pg-interna .cnt-interna>span,
    .pg-interna .contato-form>span {
        padding-right: 30%
    }
}

@media (max-width:768px) {

    .pg-interna .cnt-interna>h2,
    .pg-interna .contato-form>h2,
    .pg-interna .cnt-interna>span,
    .pg-interna .contato-form>span {
        padding-right: 0
    }
}

.pg-5 #mainBlock,
.pg-97 #mainBlock,
.estrutura-24 #mainBlock {
    margin-bottom: 0
}

.pg-5 #footerBlock,
.pg-97 #footerBlock,
.estrutura-24 #footerBlock {
    z-index: 1
}

.pg-47 .mapa {
    display: none
}

.pg-2 .interna,
.pg-4 .interna,
.pg-9 .interna {
    position: relative
}

.pg-2 .interna:before,
.pg-4 .interna:before,
.pg-9 .interna:before {
    display: block;
    content: '\e997';
    font-family: 'icomoon';
    font-size: 192px;
    color: #B7B8B9;
    line-height: 1;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: -1;
    animation: anm-01 linear 6s infinite normal forwards
}

@keyframes anm-01 {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px, -2px)
    }

    20% {
        transform: translate(2px, -2px)
    }

    30% {
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(2px, 2px)
    }

    50% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, -2px)
    }

    70% {
        transform: translate(-2px, 2px)
    }

    80% {
        transform: translate(-2px, -2px)
    }

    90% {
        transform: translate(2px, -2px)
    }

    100% {
        transform: translate(0)
    }
}

@media (max-width:1023px) {

    .pg-2 .interna:before,
    .pg-4 .interna:before,
    .pg-9 .interna:before {
        display: none
    }
}

.pg-11 .titulo1 {
    color: #006699
}

.pg-12 .cnt-interna h1:before {
    color: #698C01
}

.pg-12 .cnt-interna .titulo1 {
    color: #698C01
}

.pg-12 .cnt-interna>span {
    position: relative
}

.pg-12 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #698C01;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-12 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-12 .cnt-interna .form-orcamento h2 {
    color: #698C01
}

.pg-12 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #567301
}

.pg-12 .cnt-interna .txt-padrao .tit-padrao {
    color: #698C01;
    line-height: 1.2
}

.pg-13 .cnt-interna h1:before {
    color: #0099CC
}

.pg-13 .cnt-interna .titulo1,
.pg-13 .cnt-interna .titulo2 {
    color: #0099CC !important
}

.pg-13 .cnt-interna>span {
    position: relative
}

.pg-13 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #0099CC;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-13 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-13 .cnt-interna .form-orcamento {
    margin-top: -130px
}

@media (max-width:1023px) {
    .pg-13 .cnt-interna .form-orcamento {
        margin-top: 0
    }
}

.pg-13 .cnt-interna .form-orcamento h2 {
    color: #0099CC
}

.pg-13 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #007ea8
}

.pg-13 .cnt-interna .galeria-projetos {
    max-width: 750px
}

.pg-13 .cnt-interna .galeria-projetos .item {
    height: 750px;
    overflow: hidden;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow-y: scroll
}

.pg-13 .cnt-interna .galeria-projetos .item::-webkit-scrollbar {
    width: 5px
}

.pg-13 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.pg-13 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-thumb {
    background-color: #0099CC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.pg-13 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-thumb:hover {
    background-color: #00ace6
}

.pg-13 .cnt-interna .galeria-projetos img {
    border: none;
    position: absolute;
    top: 0;
    transition: top 5s ease-out .2s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0
}

.pg-13 .cnt-interna .galeria-projetos h2 {
    color: #0099CC
}

.pg-13 .cnt-interna .galeria-projetos .box-legenda {
    border-color: #0099CC;
    border-width: 3px;
    border-style: solid
}

.pg-13 .cnt-interna .galeria-projetos .box-legenda span {
    color: #0099CC
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    left: 0;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    text-align: center;
    pointer-events: none;
    top: 35px;
    bottom: auto;
    left: auto;
    right: auto;
    background-color: transparent;
    width: 100%;
    height: 43px
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    background-color: transparent;
    color: #0099CC;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    padding: 0;
    pointer-events: all;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border: none
}

@media (max-width:1279px) {

    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        background-color: transparent;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        width: 35px;
        height: 35px;
        top: calc(50% - (35px / 2))
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:hover,
.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:hover {
    color: #464646;
    cursor: pointer
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    display: block;
    font-size: 45px;
    font-family: 'icomoon'
}

@media (max-width:1279px) {

    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        font-size: 30px
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: -60px
}

@media (max-width:1279px) {
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: -10px
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before {
    content: '\e959'
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1279px) {
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: -10px
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    content: '\e958'
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav:after {
    display: none
}

@media (max-width:1023px) {
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
        top: -20px;
        bottom: auto;
        left: auto;
        right: 0;
        background-color: #0099CC;
        border-radius: 150px;
        -moz-border-radius: 150px;
        -webkit-border-radius: 150px;
        -ms-border-radius: 150px;
        width: 80px
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    font-size: 35px
}

@media (max-width:1023px) {

    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        color: #FFFFFF;
        font-size: 25px
    }
}

@media (max-width:1279px) {

    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        box-shadow: none
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: -60px;
    right: auto
}

@media (max-width:1023px) {
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: 0
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1023px) {
    .pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: 0
    }
}

.pg-13 .cnt-interna .galeria-projetos .owl-theme .owl-nav.disabled {
    display: none;
    margin-top: 0
}

.pg-14 .cnt-interna h1:before {
    color: #008C69
}

.pg-14 .cnt-interna .titulo-cont {
    color: #008C69
}

.pg-14 .cnt-interna .titulo1,
.pg-14 .cnt-interna .titulo2 {
    color: #008C69 !important
}

.pg-14 .cnt-interna>span {
    position: relative
}

.pg-14 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #008C69;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-14 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-14 .cnt-interna .form-orcamento h2 {
    color: #008C69
}

.pg-14 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #008C69
}

.pg-15 .cnt-interna h1:before {
    color: #7373FF
}

.pg-15 .cnt-interna>span {
    position: relative
}

.pg-15 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #7373FF;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-15 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-15 .cnt-interna .form-orcamento {
    margin-top: -130px
}

@media (max-width:1023px) {
    .pg-15 .cnt-interna .form-orcamento {
        margin-top: 0
    }
}

.pg-15 .cnt-interna .form-orcamento h2 {
    color: #7373FF
}

.pg-15 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #7373FF
}

.pg-15 .cnt-interna .galeria-projetos h2 {
    color: #7373FF
}

.pg-15 .cnt-interna .galeria-projetos .box-legenda {
    border-color: #7373FF;
    border-width: 3px;
    border-style: solid
}

.pg-15 .cnt-interna .galeria-projetos .box-legenda span {
    color: #7373FF
}

.pg-15 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
    background-color: #7373FF
}

.pg-16 .titulo1,
.pg-16 .titulo2 {
    color: #6E2A92 !important
}

.pg-16 .cnt-interna h1:before {
    color: #6E2A92
}

.pg-16 .cnt-interna>span {
    position: relative
}

.pg-16 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #6E2A92;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-16 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-16 .cnt-interna .form-orcamento {
    margin-top: -130px
}

@media (max-width:1023px) {
    .pg-16 .cnt-interna .form-orcamento {
        margin-top: 0
    }
}

.pg-16 .cnt-interna .form-orcamento h2 {
    color: #6E2A92
}

.pg-16 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #6E2A92
}

.pg-16 .cnt-interna .galeria-projetos h2 {
    color: #6E2A92
}

.pg-16 .cnt-interna .galeria-projetos .item {
    width: 500px;
    margin: 0 auto 0
}

@media (max-width:1023px) {
    .pg-16 .cnt-interna .galeria-projetos .item {
        width: 60%
    }
}

@media (max-width:480px) {
    .pg-16 .cnt-interna .galeria-projetos .item {
        width: 100%
    }
}

.pg-16 .cnt-interna .galeria-projetos .box-legenda {
    border-color: #6E2A92;
    border-width: 3px;
    border-style: solid
}

.pg-16 .cnt-interna .galeria-projetos .box-legenda span {
    color: #6E2A92
}

.pg-16 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
    background-color: #6E2A92;
    left: calc(50% - 95.5px);
    bottom: -20px
}

@media (max-width:1023px) {
    .pg-16 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
        top: -20px;
        bottom: auto;
        left: calc(50% - 40px);
        right: 0;
        background-color: #6E2A92;
        border-radius: 150px;
        -moz-border-radius: 150px;
        -webkit-border-radius: 150px;
        -ms-border-radius: 150px;
        width: 80px
    }
}

.pg-17 .cnt-interna h1:before {
    color: #D8A300
}

.pg-17 .cnt-interna>span {
    position: relative
}

.pg-17 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #D8A300;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-17 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-17 .cnt-interna .form-orcamento {
    margin-top: -130px
}

@media (max-width:1023px) {
    .pg-17 .cnt-interna .form-orcamento {
        margin-top: 0
    }
}

.pg-17 .cnt-interna .form-orcamento h2 {
    color: #D8A300
}

.pg-17 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #D8A300
}

.pg-17 .cnt-interna .galeria-projetos {
    max-width: 750px
}

.pg-17 .cnt-interna .galeria-projetos .item {
    height: 745px;
    overflow: hidden;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow-y: scroll
}

.pg-17 .cnt-interna .galeria-projetos .item::-webkit-scrollbar {
    width: 5px
}

.pg-17 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.pg-17 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-thumb {
    background-color: #D8A300;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.pg-17 .cnt-interna .galeria-projetos .item::-webkit-scrollbar-thumb:hover {
    background-color: #f2b600
}

.pg-17 .cnt-interna .galeria-projetos img {
    border: none;
    position: absolute;
    top: 0;
    transition: top 5s ease-out .2s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0
}

.pg-17 .cnt-interna .galeria-projetos h2 {
    color: #D8A300
}

.pg-17 .cnt-interna .galeria-projetos .box-legenda {
    border-color: #D8A300;
    border-width: 3px;
    border-style: solid
}

.pg-17 .cnt-interna .galeria-projetos .box-legenda span {
    color: #D8A300
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    left: 0;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    text-align: center;
    pointer-events: none;
    top: 35px;
    bottom: auto;
    left: auto;
    right: auto;
    background-color: transparent;
    width: 100%;
    height: 43px
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - (50px / 2));
    background-color: transparent;
    color: #D8A300;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    padding: 0;
    pointer-events: all;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    border: none
}

@media (max-width:1279px) {

    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        background-color: transparent;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        width: 35px;
        height: 35px;
        top: calc(50% - (35px / 2))
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:hover,
.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:hover {
    color: #464646;
    cursor: pointer
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    display: block;
    font-size: 45px;
    font-family: 'icomoon'
}

@media (max-width:1279px) {

    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        font-size: 30px
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: -60px
}

@media (max-width:1279px) {
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: -10px
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before {
    content: '\e959'
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1279px) {
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: -10px
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    content: '\e958'
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav:after {
    display: none
}

@media (max-width:1023px) {
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav {
        top: -20px;
        bottom: auto;
        left: auto;
        right: 0;
        background-color: #D8A300;
        border-radius: 150px;
        -moz-border-radius: 150px;
        -webkit-border-radius: 150px;
        -ms-border-radius: 150px;
        width: 80px
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
    font-size: 35px
}

@media (max-width:1023px) {

    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev:before,
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next:before {
        color: #FFFFFF;
        font-size: 25px
    }
}

@media (max-width:1279px) {

    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev,
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        box-shadow: none
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
    left: -60px;
    right: auto
}

@media (max-width:1023px) {
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-prev {
        left: 0
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
    right: -60px
}

@media (max-width:1023px) {
    .pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav .owl-next {
        right: 0
    }
}

.pg-17 .cnt-interna .galeria-projetos .owl-theme .owl-nav.disabled {
    display: none;
    margin-top: 0
}

.pg-18 .cnt-interna h1:before {
    color: #B10000
}

.pg-18 .cnt-interna>span {
    position: relative
}

.pg-18 .cnt-interna>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #B10000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .pg-18 .cnt-interna>span:before {
        left: calc(50% - 120px/2)
    }
}

.pg-18 .cnt-interna .form-orcamento h2 {
    color: #B10000
}

.pg-18 .cnt-interna .form-orcamento .bt-enviar {
    background-color: #B10000
}

.spacer {
    margin: 0;
    padding: 0;
    height: initial;
    border: none !important;
    box-shadow: none !important
}

.article-summary-image {
    float: right;
    margin-left: 25px;
    margin-top: 5px;
    position: relative
}

.article-summary-image span {
    position: absolute;
    bottom: 10px;
    left: 5px;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -ms-border-radius: 0 5px 0 0;
    color: #FFFFFF
}

@media (max-width:768px) {
    .article-summary-image {
        margin-left: 0;
        width: 100%;
        margin-bottom: 30px
    }
}

@media (max-width:1023px) {
    .article-summary-image img {
        width: 350px;
        height: auto
    }
}

@media (max-width:768px) {
    .article-summary-image img {
        width: 100%
    }
}

.blurcont {
    position: relative
}

.blurcont:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65)
}

.escolha-webcis {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    padding: 155px 0 10px;
    position: relative
}

@media (max-width:1023px) {
    .escolha-webcis {
        flex-direction: column;
        align-items: center;
        padding-top: 35px
    }
}

.escolha-webcis:before {
    display: block;
    content: '\e995';
    font-family: 'icomoon';
    font-size: 90px;
    color: #93E4FF;
    line-height: 1;
    position: absolute;
    top: 0;
    left: calc(50% - 115px);
    z-index: 0;
    animation: anm-01 linear 6s infinite normal forwards
}

@keyframes anm-01 {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px, -2px)
    }

    20% {
        transform: translate(2px, -2px)
    }

    30% {
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(2px, 2px)
    }

    50% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, -2px)
    }

    70% {
        transform: translate(-2px, 2px)
    }

    80% {
        transform: translate(-2px, -2px)
    }

    90% {
        transform: translate(2px, -2px)
    }

    100% {
        transform: translate(0)
    }
}

@media (max-width:1023px) {
    .escolha-webcis:before {
        left: auto;
        right: 10px
    }
}

@media (max-width:768px) {
    .escolha-webcis:before {
        font-size: 60px
    }
}

@media (max-width:480px) {
    .escolha-webcis:before {
        font-size: 45px
    }
}

.escolha-webcis figure {
    width: 50%;
    line-height: 0;
    margin-right: 44px
}

@media (max-width:1279px) {
    .escolha-webcis figure {
        width: 40%
    }
}

@media (max-width:1023px) {
    .escolha-webcis figure {
        width: 300px;
        height: 300px;
        margin-right: 0;
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-color: #FFFFFF;
        border-width: 5px;
        border-style: solid
    }
}

@media (max-width:768px) {
    .escolha-webcis figure {
        width: 250px;
        height: 250px
    }
}

@media (max-width:480px) {
    .escolha-webcis figure {
        width: 200px;
        height: 200px
    }
}

.escolha-webcis figure img {
    width: 100%;
    height: auto
}

@media (max-width:1023px) {
    .escolha-webcis figure img {
        width: auto;
        height: 100%
    }
}

.escolha-webcis .box-txt {
    width: 50%
}

@media (max-width:1279px) {
    .escolha-webcis .box-txt {
        width: 60%
    }
}

@media (max-width:1023px) {
    .escolha-webcis .box-txt {
        width: 100%
    }
}

.escolha-webcis .box-txt h2 {
    font-size: 35px;
    color: #6c6c6c;
    padding-left: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.2;
    position: relative
}

@media (max-width:1023px) {
    .escolha-webcis .box-txt h2 {
        font-size: 31.5px
    }
}

@media (max-width:768px) {
    .escolha-webcis .box-txt h2 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    .escolha-webcis .box-txt h2 {
        font-size: 21px
    }
}

@media (max-width:1023px) {
    .escolha-webcis .box-txt h2 {
        margin: 0 auto 25px
    }
}

.escolha-webcis .box-txt h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:768px) {
    .escolha-webcis .box-txt h2:before {
        font-size: 30px
    }
}

@media (max-width:480px) {
    .escolha-webcis .box-txt h2:before {
        font-size: 25px;
        top: -15px;
        left: 5px
    }
}

.txt-imagem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 45px;
    text-align: justify;
}

@media (max-width:768px) {
    .txt-imagem {
        flex-direction: column
    }
}

.txt-imagem>div {
    padding-right: 55px
}

@media (max-width:1279px) {
    .txt-imagem>div {
        width: 50%
    }
}

@media (max-width:1023px) {
    .txt-imagem>div {
        width: 70%
    }
}

@media (max-width:768px) {
    .txt-imagem>div {
        width: 100%;
        padding-right: 0
    }
}

.txt-imagem>div .titulo-cont {
    display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 700;
    color: #006699
}

@media (max-width:1023px) {
    .txt-imagem>div .titulo-cont {
        font-size: 31.5px
    }
}

@media (max-width:768px) {
    .txt-imagem>div .titulo-cont {
        font-size: 28px
    }
}

@media (max-width:480px) {
    .txt-imagem>div .titulo-cont {
        font-size: 21px
    }
}

.txt-imagem>div .titulo-cont.seo-mkt-digital {
    color: #008C69
}

.txt-imagem>div .titulo-cont.loja-virtual {
    color: #0099CC
}

.txt-imagem>div .titulo-cont.sistema-web {
    color: #7373FF
}

.txt-imagem>div .titulo-cont.criacao-de-logotipo {
    color: #6E2A92
}

.txt-imagem>div .titulo-cont.hospedagem {
    color: #B10000
}

.txt-imagem>div .titulo-cont.landing-page {
    color: #D8A300
}

.txt-imagem>div a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.txt-imagem>div a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.txt-imagem>div a:hover {
    color: #ff9a35
}

.txt-imagem>div a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.txt-imagem figure {
    line-height: 0;
    margin-top: -164px
}

@media (max-width:1279px) {
    .txt-imagem figure {
        width: 50%
    }
}

@media (max-width:1023px) {
    .txt-imagem figure {
        width: 30%
    }
}

@media (max-width:768px) {
    .txt-imagem figure {
        margin: 50px auto 0;
        width: 75%
    }
}

@media (max-width:359px) {
    .txt-imagem figure {
        width: 100%
    }
}

@media (max-width:1279px) {
    .txt-imagem figure img {
        width: 100%;
        height: auto
    }
}

.txt-imagem ul {
    margin-left: 5px
}

.txt-imagem ul li {
    position: relative;
    padding-left: 25px
}

.txt-imagem ul li:before {
    display: block;
    content: '\e94c';
    font-family: 'icomoon';
    color: #698C01;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.txt-imagem svg.animated {
    width: 556px
}

@media (max-width:1023px) {
    .txt-imagem svg.animated {
        width: 100%
    }
}

.conteudo-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 50px;
    position: relative;
    z-index: 999
}

.conteudo-form .txt-video {
    width: 660px;
    margin-right: 60px
}

@media (max-width:1279px) {
    .conteudo-form .txt-video {
        width: 51%;
        margin-right: 40px
    }
}

@media (max-width:1023px) {
    .conteudo-form .txt-video {
        width: 100%;
        margin-right: 0
    }
}

.conteudo-form .txt-video .titulo2 {
    display: block;
    width: 100%;
    font-size: 25px
}

@media (max-width:1023px) {
    .conteudo-form .txt-video .titulo2 {
        font-size: 22.5px
    }
}

@media (max-width:768px) {
    .conteudo-form .txt-video .titulo2 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    .conteudo-form .txt-video .titulo2 {
        font-size: 15px
    }
}

.conteudo-form .txt-video .box-video {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    margin: 10px 0 30px
}

.conteudo-form .txt-video .box-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

.conteudo-form .txt-video a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.conteudo-form .txt-video a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.conteudo-form .txt-video a:hover {
    color: #ff9a35
}

.conteudo-form .txt-video a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.conteudo-form .txt-video ul {
    margin-left: 5px
}

.conteudo-form .txt-video ul li {
    position: relative;
    padding-left: 25px
}

.conteudo-form .txt-video ul li:before {
    display: block;
    content: '\e94c';
    font-family: 'icomoon';
    color: #698C01;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.conteudo-form .certificados {
    display: flex;
    flex-wrap: wrap
}

.conteudo-form .certificados .titulo2 {
    width: 100%;
    font-weight: 700;
    margin-bottom: 15px
}

.conteudo-form .certificados a {
    display: block;
    margin-right: 15px;
    transition: .2s all ease-out;
    -moz-transition: .2s all ease-out;
    -webkit-transition: .2s all ease-out;
    -ms-transition: .2s all ease-out
}

@media (max-width:480px) {
    .conteudo-form .certificados a {
        margin-right: 5px
    }
}

.conteudo-form .certificados a:hover {
    margin-top: -2px
}

.conteudo-form .certificados a:after {
    display: none
}

.bt-orcamento {
    display: none
}

@media (max-width:1023px) {
    .bt-orcamento {
        position: fixed;
        bottom: 10px;
        left: calc(50% - 85px);
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 170px;
        height: 45px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #006699;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 16px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
    }
}

.historia-webcis {
    display: flex;
    flex-direction: column;
    padding: 50px 0;
    position: relative
}

.historia-webcis:after {
    display: none
}

@media (max-width:768px) {
    .historia-webcis:after {
        content: '';
        display: block;
        background-size: 100%;
        position: absolute;
        bottom: 235px;
        right: 0;
        z-index: 99999;
        width: 40px;
        height: 53px;
        background-image: url("../images/icon-touch.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        animation: touch 2s ease-out infinite;
        -webkit-animation: touch 2s ease-out infinite;
        -moz-animation: touch 2s ease-out infinite;
        -ms-animation: touch 2s ease-out infinite;
        pointer-events: none
    }

    @-moz-keyframes touch {
        50% {
            transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        0%,
        100% {
            transform: translateX(0);
            -moz-transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @-webkit-keyframes touch {
        50% {
            transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        0%,
        100% {
            transform: translateX(0);
            -moz-transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @-ms-keyframes touch {
        50% {
            transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        0%,
        100% {
            transform: translateX(0);
            -moz-transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @keyframes touch {
        50% {
            transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        0%,
        100% {
            transform: translateX(0);
            -moz-transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }
}

@media (max-width:480px) {
    .historia-webcis:after {
        bottom: 190px
    }
}

.historia-webcis span {
    font-size: 35px;
    color: #006699;
    font-weight: 700;
    text-align: center;
    display: table;
    margin: 0 auto 20px
}

@media (max-width:768px) {
    .historia-webcis span {
        font-size: 30px
    }
}

@media (max-width:480px) {
    .historia-webcis span {
        font-size: 25px
    }
}

.historia-webcis .full-max {
    display: flex;
    justify-content: space-between;
    position: relative
}

@media (max-width:768px) {
    .historia-webcis .full-max {
        overflow-y: scroll;
        padding-bottom: 15px
    }
}

.historia-webcis .full-max:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    border-bottom-color: #888888;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    position: absolute;
    bottom: 7px;
    left: 0;
    z-index: 0
}

@media (max-width:768px) {
    .historia-webcis .full-max:before {
        width: 1280px;
        bottom: 20px
    }
}

@media (max-width:480px) {
    .historia-webcis .full-max:before {
        width: 810px
    }
}

.historia-webcis .full-max figure {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:1279px) {
    .historia-webcis .full-max figure {
        width: 24%
    }
}

@media (max-width:768px) {
    .historia-webcis .full-max figure {
        width: 290px;
        margin-right: 25px
    }
}

.historia-webcis .full-max figure img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-color: #DFE8EC;
    border-width: 1px;
    border-style: solid;
    background-color: #F8FAFB
}

@media (max-width:1279px) {
    .historia-webcis .full-max figure img {
        width: 100%;
        height: auto
    }
}

@media (max-width:768px) {
    .historia-webcis .full-max figure img {
        width: auto;
        height: auto
    }
}

@media (max-width:480px) {
    .historia-webcis .full-max figure img {
        width: 180px;
        height: auto
    }
}

.historia-webcis .full-max figure figcaption {
    font-size: 18px;
    font-weight: 700;
    color: #444444;
    margin-top: 15px;
    padding-bottom: 20px;
    position: relative
}

.historia-webcis .full-max figure figcaption:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background-color: #006699;
    position: absolute;
    bottom: 0;
    left: calc(50% - 8.5px);
    z-index: 0;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px
}

.texto-video {
    display: flex;
    margin-top: 20px
}

@media (max-width:768px) {
    .texto-video {
        flex-direction: column
    }
}

.texto-video .titulo2 {
    margin-bottom: 30px
}

.texto-video a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.texto-video a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.texto-video a:hover {
    color: #ff9a35
}

.texto-video a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.texto-video .txt {
    width: 50%;
    margin-right: 60px
}

@media (max-width:1023px) {
    .texto-video .txt {
        margin-right: 25px
    }
}

@media (max-width:768px) {
    .texto-video .txt {
        margin-right: 0;
        width: 100%
    }
}

.texto-video .box-video {
    width: 50%
}

@media (max-width:768px) {
    .texto-video .box-video {
        width: 100%;
        margin-top: 30px
    }
}

.texto-video .box-video .video {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    margin: 0 0 30px
}

.texto-video .box-video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none
}

.box-categorias {
    margin-bottom: 20px;
    width: 100%
}

.box-categorias h2 {
    width: 0;
    height: 0;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.box-categorias .cat-clientes {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 20px;
    justify-content: space-between
}

@media (max-width:1279px) {
    .box-categorias .cat-clientes {
        overflow-y: scroll;
        flex-wrap: nowrap
    }
}

.box-categorias .cat-clientes li {
    margin: 15px 0 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-left-color: #000000;
    border-left-width: 6px;
    border-left-style: solid;
    background-color: #F8FAFB;
    position: relative
}

@media (max-width:1279px) {
    .box-categorias .cat-clientes li {
        margin-bottom: 0;
        margin: 15px 15px 0 0
    }
}

.box-categorias .cat-clientes li:hover:before {
    width: 100%
}

.box-categorias .cat-clientes li:hover a {
    color: #FFFFFF
}

.box-categorias .cat-clientes li:before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.box-categorias .cat-clientes li:nth-of-type(1) {
    border-left-color: #006699;
    border-left-width: 6px;
    border-left-style: solid
}

.box-categorias .cat-clientes li:nth-of-type(1):before {
    background-color: #006699
}

.box-categorias .cat-clientes li:nth-of-type(2) {
    border-left-color: #6E2A92;
    border-left-width: 6px;
    border-left-style: solid
}

.box-categorias .cat-clientes li:nth-of-type(2):before {
    background-color: #6E2A92
}

.box-categorias .cat-clientes li:nth-of-type(3) {
    border-left-color: #0099CC;
    border-left-width: 6px;
    border-left-style: solid
}

.box-categorias .cat-clientes li:nth-of-type(3):before {
    background-color: #0099CC
}

.box-categorias .cat-clientes li:nth-of-type(4) {
    border-left-color: #7373FF;
    border-left-width: 6px;
    border-left-style: solid
}

.box-categorias .cat-clientes li:nth-of-type(4):before {
    background-color: #7373FF
}

.box-categorias .cat-clientes a {
    display: block;
    width: 220px;
    color: #000000;
    padding: 10px 10px 10px 15px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.tutoriais {
    width: 100%;
    margin-bottom: 40px
}

.tutoriais figure {
    margin-top: 10px
}

@media (max-width:768px) {
    .tutoriais figure {
        width: 100%
    }

    .tutoriais figure img {
        width: 100%;
        height: auto
    }
}

.codigo-tutoriais {
    display: block;
    width: 100%;
    padding: 30px;
    background-color: #333;
    color: #FFFFFF;
    margin: 15px 0 30px;
    overflow-x: scroll
}

.txt-padrao {
    width: 100%;
    float: left;
    margin: 25px 0 25px
}

@media (max-width:768px) {
    .txt-padrao {
        margin-top: 17.5px;
        margin-bottom: 17.5px
    }
}

.txt-padrao .tit-padrao {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    color: #006699;
    margin-bottom: 10px
}

@media (max-width:1023px) {
    .txt-padrao .tit-padrao {
        font-size: 27px
    }
}

@media (max-width:768px) {
    .txt-padrao .tit-padrao {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .txt-padrao .tit-padrao {
        font-size: 18px
    }
}

.txt-padrao .imagem-direita {
    width: 150px
}

.txt-padrao a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.txt-padrao a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.txt-padrao a:hover {
    color: #ff9a35
}

.txt-padrao a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.txt-404 {
    width: 100%;
    float: left;
    margin: 25px 0 25px;
    display: flex;
    justify-content: space-between
}

@media (max-width:768px) {
    .txt-404 {
        margin-top: 17.5px;
        margin-bottom: 17.5px
    }
}

.txt-404 .tit-padrao {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    color: #006699;
    margin-bottom: 10px
}

@media (max-width:1023px) {
    .txt-404 .tit-padrao {
        font-size: 27px
    }
}

@media (max-width:768px) {
    .txt-404 .tit-padrao {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .txt-404 .tit-padrao {
        font-size: 18px
    }
}

@media (max-width:1023px) {
    .txt-404 .bloco-txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media (max-width:1023px) {
    .txt-404 .imagem-abaixo {
        text-align: center
    }
}

.txt-404 a {
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.txt-404 a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.txt-404 a:hover {
    color: #ff9a35
}

.txt-404 a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

@media (max-width:1023px) {
    .txt-404 aside {
        display: none
    }
}

.txt-404 aside h2 {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #6c6c6c;
    line-height: 1.2;
    margin-bottom: 25px;
    padding: 15px 0 0 20px
}

.txt-404 aside h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .txt-404 aside h2:before {
        font-size: 25px;
        top: 7px
    }
}

.txt-404 aside h2:before {
    font-size: 20px
}

.txt-404 aside .menu-aside .megamenu a {
    width: 100%
}

.planos-hospedagem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px
}

@media (max-width:1279px) {
    .planos-hospedagem {
        justify-content: space-around
    }
}

.planos-hospedagem h2 {
    width: 100%;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 60px;
    color: #006699;
    padding-top: 10px;
    padding-left: 20px;
    position: relative
}

.planos-hospedagem h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #6c6c6c;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .planos-hospedagem h2:before {
        font-size: 25px;
        top: -13px
    }
}

.planos-hospedagem h2:before {
    font-size: 25px;
    top: 0
}

.planos-hospedagem .plano {
    width: 300px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    margin-bottom: 35px
}

.planos-hospedagem .plano h3 {
    font-size: 35px;
    color: #006699;
    font-weight: 700
}

.planos-hospedagem .plano strong {
    font-size: 70px;
    padding-left: 30px;
    padding-right: 50px;
    position: relative;
    line-height: 1.3;
    margin: 15px 0
}

.planos-hospedagem .plano strong small {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 0;
    font-size: 18px
}

.planos-hospedagem .plano strong b {
    font-size: 30px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 0;
    line-height: 1
}

.planos-hospedagem .plano .select-plano-hospedagem {
    width: 100%;
    height: calc(100% - 44px);
    position: relative;
    padding-bottom: 44px;
    overflow: hidden
}

.planos-hospedagem .plano .select-plano-hospedagem:before {
    display: block;
    content: '\e952';
    font-family: 'icomoon';
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 0;
    pointer-events: none
}

.planos-hospedagem .plano .select-plano-hospedagem select {
    margin-bottom: 10px;
    border: none;
    background-color: #f1f1f1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.planos-hospedagem .plano .select-plano-hospedagem .planos-detalhes {
    margin: 105px 0 30px;
    text-align: center
}

.planos-hospedagem .plano .select-plano-hospedagem .selo-spam {
    width: 167px;
    height: 29px;
    margin: 0 auto 30px;
    background-image: url("../images/logo-spam-expert.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.planos-hospedagem .plano .select-plano-hospedagem em {
    font-size: 13px;
    display: table;
    margin: 0 auto 30px;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    margin-top: 62px;
    text-align: center;
    width: 100%
}

.planos-hospedagem .plano .select-plano-hospedagem em strong {
    padding: 0;
    font-size: 15px;
    color: #006699
}

.planos-hospedagem .plano .select-plano-hospedagem .contrate {
    display: table;
    margin: 0 auto 0;
    color: #FFFFFF;
    width: 160px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 80px);
    z-index: 0;
    padding: 7px 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    align-self: flex-end;
    cursor: pointer
}

.planos-hospedagem .plano .select-plano-hospedagem .contrate:hover:before {
    bottom: 10px;
    right: -15px;
    font-size: 155px;
    transform: scaleX(-1) rotate(8deg);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

.planos-hospedagem .plano .select-plano-hospedagem .contrate:hover:after {
    background-color: #006699
}

.planos-hospedagem .plano .select-plano-hospedagem .contrate:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    background-color: #008C69
}

.planos-hospedagem .plano .select-plano-hospedagem .contrate:before {
    display: block;
    content: '\e994';
    font-family: 'icomoon';
    position: absolute;
    bottom: -220px;
    right: 0;
    z-index: -1;
    font-weight: normal;
    font-size: 163px;
    color: rgba(108, 108, 108, 0.1);
    transform: scaleX(-1) rotate(30deg);
    line-height: 1;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.planos-hospedagem .plano.recomendado {
    position: relative;
    border-color: rgba(232, 116, 0, 0.5);
    border-width: 3px;
    border-style: solid
}

.planos-hospedagem .plano.recomendado .destaque {
    width: 170px;
    height: 34px;
    padding: 5px 0 0 35px;
    position: absolute;
    top: -17px;
    left: calc(50% - 80px);
    z-index: 0;
    background-color: #006699;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.planos-hospedagem .plano.recomendado .destaque:before {
    display: block;
    content: '\e978';
    font-family: 'icomoon';
    font-size: 13px;
    color: #FFFFFF;
    position: absolute;
    top: calc(50% - 6.5px);
    left: 13px;
    z-index: 0;
    line-height: 1
}

.remodal-hospedagem {
    height: auto;
    border-color: #FFFFFF;
    border-width: 5px;
    border-style: solid
}

.remodal-hospedagem h3 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 25px
}

.remodal-hospedagem form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media (max-width:480px) {
    .remodal-hospedagem form {
        justify-content: space-between
    }
}

.remodal-hospedagem form span {
    font-size: 25px;
    color: #6c6c6c;
    font-weight: 700;
    padding: 0 15px 0 0
}

@media (max-width:480px) {
    .remodal-hospedagem form span {
        display: none
    }
}

.remodal-hospedagem form [type=text] {
    width: 60%;
    height: 50px;
    margin-right: 10px;
    padding: 10px
}

@media (max-width:768px) {
    .remodal-hospedagem form [type=text] {
        width: 50%
    }
}

@media (max-width:480px) {
    .remodal-hospedagem form [type=text] {
        width: 62%;
        margin: 0
    }
}

.remodal-hospedagem form select {
    width: 22%;
    height: 50px;
    padding: 10px
}

@media (max-width:768px) {
    .remodal-hospedagem form select {
        width: 25%
    }
}

@media (max-width:480px) {
    .remodal-hospedagem form select {
        width: 36%
    }
}

.remodal-hospedagem form a {
    margin: 15px 0;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.remodal-hospedagem form a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.remodal-hospedagem form a:hover {
    color: #ff9a35
}

.remodal-hospedagem form a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

@media (max-width:480px) {
    .remodal-hospedagem form a {
        text-align: center;
        margin: 15px auto 15px
    }
}

.remodal-hospedagem form [type=submit] {
    background-color: #006699;
    color: #FFFFFF !important;
    font-weight: 700;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.remodal-hospedagem form [type=submit]:hover {
    background-color: #006699;
    box-shadow: 0 0 0 5px rgba(232, 116, 0, 0.2);
    -moz-box-shadow: 0 0 0 5px rgba(232, 116, 0, 0.2);
    -webkit-box-shadow: 0 0 0 5px rgba(232, 116, 0, 0.2);
    -ms-box-shadow: 0 0 0 5px rgba(232, 116, 0, 0.2)
}

@media (max-width:480px) {
    .remodal-hospedagem form [type=submit] {
        margin: 0 auto 0
    }
}

.itens-hospedagem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 0
}

@media (max-width:1279px) {
    .itens-hospedagem {
        justify-content: space-around
    }
}

.itens-hospedagem figure {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 0
}

.itens-hospedagem figure figcaption {
    text-align: center
}

.itens-hospedagem figure figcaption span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0
}

.funcoes-hospedagem {
    width: 100%;
    padding: 30px;
    background-color: #eee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    margin-bottom: 50px
}

.funcoes-hospedagem .full-max {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.funcoes-hospedagem .full-max img {
    margin: 15px
}

.detalhes-hospedagem {
    width: 33.3%;
    float: left
}

@media (max-width:1279px) {
    .detalhes-hospedagem {
        padding-right: 10px
    }
}

@media (max-width:768px) {
    .detalhes-hospedagem {
        width: 100%;
        margin-bottom: 55px
    }
}

.detalhes-hospedagem span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative
}

.detalhes-hospedagem span:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .detalhes-hospedagem span:before {
        font-size: 25px;
        top: -13px
    }
}

.detalhes-hospedagem span:before {
    font-size: 20px;
    top: -10px
}

.detalhes-hospedagem ul li {
    position: relative;
    padding-left: 25px
}

.detalhes-hospedagem ul li:before {
    display: block;
    content: '\e94c';
    font-family: 'icomoon';
    color: #698C01;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.interna-mapa-site {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0
}

.interna-mapa-site .bloco-links {
    padding-right: 35px
}

@media (max-width:1023px) {
    .interna-mapa-site .bloco-links {
        padding: 0
    }
}

.interna-mapa-site .bloco-links>h1 {
    position: relative;
    color: #6c6c6c;
    padding: 20px 0 0 25px;
    font-weight: 700
}

.interna-mapa-site .bloco-links>h1:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .interna-mapa-site .bloco-links>h1:before {
        font-size: 25px;
        top: -13px
    }
}

.interna-mapa-site .bloco-links>h1:before {
    top: 0
}

.interna-mapa-site .bloco-links>span {
    display: block;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 45px
}

.interna-mapa-site .bloco-links>span:before {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #006699;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:0) {
    .interna-mapa-site .bloco-links>span:before {
        left: calc(50% - 120px/2)
    }
}

.interna-mapa-site aside {
    border-left-color: #dddddd;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 38px
}

@media (max-width:1023px) {
    .interna-mapa-site aside {
        display: none
    }
}

.interna-mapa-site aside h2 {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #6c6c6c;
    line-height: 1.2;
    margin-bottom: 25px;
    padding: 15px 0 0 20px
}

.interna-mapa-site aside h2:before {
    display: block;
    content: '\e991';
    font-family: 'icomoon';
    line-height: 1;
    font-size: 34px;
    color: #006699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:480px) {
    .interna-mapa-site aside h2:before {
        font-size: 25px;
        top: 7px
    }
}

.interna-mapa-site aside h2:before {
    font-size: 20px
}

.interna-mapa-site aside .megamenu a {
    width: 100%
}

.mapa-do-site {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.mapa-do-site h3 {
    color: #006699;
    font-weight: 700;
    font-size: 25px
}

@media (max-width:480px) {
    .mapa-do-site h3 {
        font-size: 20px
    }
}

.mapa-do-site ul {
    margin-left: 20px
}

.mapa-do-site ul li {
    list-style-type: disc
}

.mapa-do-site ul li a {
    display: table;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #6c6c6c
}

.mapa-do-site ul li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.mapa-do-site ul li a:hover {
    color: #ff9a35
}

.mapa-do-site ul li a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

@media (max-width:480px) {
    .mapa-do-site ul li a {
        font-size: 16px
    }
}

.box-obrigado {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media (max-width:1279px) {
    .box-obrigado {
        align-items: flex-end
    }
}

@media (max-width:1023px) {
    .box-obrigado {
        align-items: center;
        flex-direction: column-reverse
    }
}

.box-obrigado .img-obg {
    width: 311px;
    height: 219px;
    background-image: url("../images/bg-obg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

@media (max-width:1279px) {
    .box-obrigado .img-obg {
        height: auto;
        padding-bottom: 28.9%
    }
}

@media (max-width:1023px) {
    .box-obrigado .img-obg {
        padding-bottom: 0;
        height: 219px
    }
}

.box-obrigado .balao-txt {
    background-color: #EEEEEE;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 403px;
    min-height: 166px;
    margin-left: 20px;
    position: relative
}

@media (max-width:1023px) {
    .box-obrigado .balao-txt {
        margin-left: 0;
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .box-obrigado .balao-txt {
        width: auto
    }
}

.box-obrigado .balao-txt:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    left: -54px;
    z-index: 0;
    border-left: 54px solid transparent;
    border-right: 0px solid transparent;
    border-top: 30px solid #EEEEEE
}

@media (max-width:1023px) {
    .box-obrigado .balao-txt:before {
        top: auto;
        left: auto;
        right: 90px;
        bottom: -30px;
        border-left: 0px solid transparent;
        border-right: 54px solid transparent;
        border-top: 30px solid #EEEEEE
    }
}

.box-obrigado .balao-txt .tit-obg {
    font-size: 25px;
    font-weight: 700;
    color: #006699;
    line-height: 1.2
}

.box-obrigado .balao-txt .subtit-obg {
    font-size: 17px;
    color: #6c6c6c
}

.obrigado-clientes {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-top-color: #006699;
    border-top-width: 5px;
    border-top-style: solid;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative
}

@media (max-width:1279px) {
    .obrigado-clientes {
        align-items: center
    }
}

.obrigado-clientes:before {
    content: '';
    display: block;
    width: 215px;
    height: 175px;
    position: absolute;
    top: calc(50% - 87.5px);
    right: 30px;
    z-index: 0;
    background-image: url("../images/interna-obg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

@media (max-width:1279px) {
    .obrigado-clientes:before {
        position: relative;
        margin: 0 auto 0;
        right: auto
    }
}

.obrigado-clientes .tit-obg {
    font-size: 60px;
    font-weight: 700;
    color: #006699
}

@media (max-width:1279px) {
    .obrigado-clientes .tit-obg {
        font-size: 45px
    }
}

@media (max-width:768px) {
    .obrigado-clientes .tit-obg {
        font-size: 35px
    }
}

@media (max-width:480px) {
    .obrigado-clientes .tit-obg {
        font-size: 28px
    }
}

.obrigado-clientes p {
    font-size: 20px
}

.obrigado-clientes .select-categorias {
    display: flex;
    font-weight: 700;
    font-size: 20px
}

@media (max-width:1279px) {
    .obrigado-clientes .select-categorias {
        font-size: 17px
    }
}

@media (max-width:768px) {
    .obrigado-clientes .select-categorias {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .obrigado-clientes .select-categorias {
        flex-wrap: wrap;
        justify-content: center;
        font-size: 13px;
        flex-direction: column;
        align-items: center
    }
}

.obrigado-clientes .select-categorias .segmentos {
    position: relative;
    z-index: 999
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos.on {
        filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.35)) !important
    }
}

@media (max-width:480px) {
    .obrigado-clientes .select-categorias .segmentos {
        margin: 5px
    }
}

.obrigado-clientes .select-categorias .segmentos:hover {
    cursor: pointer;
    filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.35))
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos:hover {
        filter: none
    }
}

.obrigado-clientes .select-categorias .segmentos:hover strong {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos:hover strong {
        border-bottom-color: #006699;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }
}

.obrigado-clientes .select-categorias .segmentos:hover .lista-cat {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos:hover .lista-cat {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden
    }
}

.obrigado-clientes .select-categorias .segmentos strong {
    padding: 2px 20px 2px 5px;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    margin: 0 5px;
    color: #006699;
    font-weight: normal;
    position: relative;
    z-index: 99;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos strong.on {
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0
    }

    .obrigado-clientes .select-categorias .segmentos strong.on:before {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg)
    }
}

.obrigado-clientes .select-categorias .segmentos strong:before {
    display: block;
    content: '\e9af';
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 8px);
    right: 3px;
    z-index: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.obrigado-clientes .select-categorias .segmentos .lista-cat {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    overflow: hidden;
    width: 390px;
    height: 409px;
    padding: 30px 12px;
    position: absolute;
    top: 30px;
    left: 5px;
    z-index: 9;
    background-color: #FFFFFF;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    -ms-border-radius: 0 5px 5px 5px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

@media (max-width:1279px) {
    .obrigado-clientes .select-categorias .segmentos .lista-cat {
        top: 25px
    }
}

@media (max-width:1023px) {
    .obrigado-clientes .select-categorias .segmentos .lista-cat {
        left: calc(50% - 195px);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }

    .obrigado-clientes .select-categorias .segmentos .lista-cat.on {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1);
        visibility: visible
    }
}

@media (max-width:768px) {
    .obrigado-clientes .select-categorias .segmentos .lista-cat {
        width: 400px;
        left: calc(50% - 240px);
        top: 21px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px
    }
}

@media (max-width:480px) {
    .obrigado-clientes .select-categorias .segmentos .lista-cat {
        width: 290px;
        left: calc(50% - 145px);
        top: 20px;
        padding: 30px 5px 30px 10px
    }
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    align-items: flex-start
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar {
    width: 5px
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-thumb {
    background-color: #FFBF8A;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista::-webkit-scrollbar-thumb:hover {
    background-color: #ffcda3
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista a {
    color: #006699;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    margin: 5px 0;
    display: table
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    border-color: #555555;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: 0;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista a:hover {
    padding-left: 18px
}

.obrigado-clientes .select-categorias .segmentos .lista-cat .box-lista a:hover:before {
    border-color: #006699;
    border-width: 2px;
    border-style: solid
}

.obrigado-clientes .select-categorias .ver-todos {
    font-weight: 700;
    padding-left: 5px;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    color: #006699
}

.obrigado-clientes .select-categorias .ver-todos:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 1px;
    background-color: #ff9a35;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.obrigado-clientes .select-categorias .ver-todos:hover {
    color: #ff9a35
}

.obrigado-clientes .select-categorias .ver-todos:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.shopping_detail #mainBlock {
    z-index: 1
}

.shopping_detail .clientes-cat {
    display: none
}


#modal-03 {
    display: none
}

#modal-03 .modal-exit {
    position: fixed;
    top: 0;
    left: auto;
    z-index: 10002;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

@media (max-width:1023px) {
    #modal-03 .modal-exit {
        height: auto
    }
}

#modal-03 .modal-exit .underlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1)
}

#modal-03 .modal-exit .wrapper {
    background-color: #FFFFFF;
    display: flex;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    z-index: 2;
    width: 765px;
    height: 480px;
    margin: 0 auto 0;
    -webkit-animation: popin .3s;
    animation: popin .3s;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    overflow: hidden;
    padding: 20px
}

@media (max-width:1023px) {
    #modal-03 .modal-exit .wrapper {
        width: 95%;
        height: 98%;
        padding: 10px
    }
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper {
        flex-direction: column
    }

    #modal-03 .modal-exit .wrapper #modal-exit_close {
        filter: drop-shadow(0 0 10px #000000)
    }
}

#modal-03 .modal-exit .wrapper #modal-exit_close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    color: #000000;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    cursor: pointer;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    background-color: #FFFFFF
}

#modal-03 .modal-exit .wrapper #modal-exit_close:before {
    content: "\e947";
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 32px
}

#modal-03 .modal-exit .wrapper #modal-exit_close:hover {
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    filter: alpha(opacity=0.8)
}

#modal-03 .modal-exit .wrapper figure {
    position: relative
}

#modal-03 .modal-exit .wrapper figure img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper figure {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center
    }

    #modal-03 .modal-exit .wrapper figure img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        object-position: center -10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 {
    text-align: center;
    display: flex;
    width: 100%
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 {
        flex-direction: column
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal {
    width: 100%;
    padding: 20px;
    font-size: 28px;
    color: #333;
    font-weight: 700
}

@media (max-width:1023px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal {
        font-size: 25.2px
    }
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal {
        font-size: 22.4px
    }
}

@media (max-width:480px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal {
        font-size: 16.8px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo1 {
    font-size: 44px;
    color: #e87400
}

@media (max-width:1023px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo1 {
        font-size: 39.6px
    }
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo1 {
        font-size: 35.2px
    }
}

@media (max-width:480px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo1 {
        font-size: 26.4px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo2 {
    font-size: 28px;
    color: #e87400;
    font-weight: 700;
    margin-top: 18px;
    display: block;
    line-height: 1.2
}

@media (max-width:1023px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .titulo2 {
        font-size: 25.2px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal #timer {
    font-size: 50px;
    padding: 12px;
    width: 190px;
    border-color: #333;
    border-width: 2px;
    border-style: dashed;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    text-align: center;
    line-height: 49px;
    margin: 30px auto
}

@media (max-width:1023px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal #timer {
        font-size: 45px
    }
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal #timer {
        font-size: 40px
    }
}

@media (max-width:480px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal #timer {
        font-size: 30px
    }
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal #timer {
        margin: 15px auto;
        padding: 5px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal .link {
    display: flex !important
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal a {
    display: none;
    background-color: #336600;
    color: #FFFFFF;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    padding: 12px 20px 12px 65px;
    font-size: 22px;
    width: fit-content;
    margin: 0 auto 0;
    position: relative;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal a:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: '\e906';
    color: #FFFFFF;
    font-family: 'icomoon';
    font-size: 38px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: calc(50% - 60px/2);
    left: 0;
    z-index: 0;
    font-weight: normal
}

@media (max-width:768px) {
    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal a {
        padding: 12px 20px 12px 50px;
        font-size: 16px
    }

    #modal-03 .modal-exit .wrapper .content-modal-03 .form-modal a:before {
        font-size: 22px
    }
}

#modal-03 .modal-exit .wrapper .content-modal-03 .form-modal a.vibrate-1 {
    -webkit-animation: vibrate-1 .3s linear infinite both;
    animation: vibrate-1 .3s linear infinite both;
    background-color: #5f0207 !important
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }

    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }

    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }

    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }

    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes popin {
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}