@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nXBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nQBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K-DQBi8Jow.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype')
}

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

figure {
    display: inline
}

ul,
ol,
li {
    list-style-type: none !important;
    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: Montserrat
}

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

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

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.db {
    display: block
}

.dt {
    display: table
}

.center {
    width: 1280px;
    margin: 0 auto 0
}

.center-flex {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

.first {
    padding-left: 0;
    margin-left: 0
}

.last {
    padding-right: 0 !important;
    margin-right: 0 !important
}

.full {
    width: 100%
}

.full-max {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px
}

.cb {
    clear: both
}

.cr {
    clear: right
}

.cl {
    clear: left
}

.bloco-1 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.bloco-2 {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.bloco-3 {
    width: 33.3%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.bloco-4 {
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.bloco-5 {
    width: 20%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

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

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

.icon-seta-dupla:before {
    content: "\e902"
}

.icon-losango:before {
    content: "\e916"
}

.icon-delivery-2:before {
    content: "\e918"
}

.icon-delivery-1:before {
    content: "\e91b"
}

.icon-bateria-2:before {
    content: "\e924"
}

.icon-bateria-1:before {
    content: "\e925"
}

.icon-menu-8:before {
    content: "\e95f"
}

.icon-menu-7:before {
    content: "\e960"
}

.icon-menu-6:before {
    content: "\e961"
}

.icon-menu-5:before {
    content: "\e962"
}

.icon-menu-4:before {
    content: "\e963"
}

.icon-menu-3:before {
    content: "\e964"
}

.icon-menu-2:before {
    content: "\e965"
}

.icon-menu-1:before {
    content: "\e966"
}

.icon-lista2:before {
    content: "\e939"
}

.icon-mouse-01:before {
    content: "\e94e"
}

.icon-mouse-02:before {
    content: "\e94f"
}

.icon-seta08-u:before {
    content: "\e970"
}

.icon-seta08-d:before {
    content: "\e971"
}

.icon-seta08-l:before {
    content: "\e96e"
}

.icon-seta08-r:before {
    content: "\e96f"
}

.icon-seta01-r:before {
    content: "\e950"
}

.icon-seta01-l:before {
    content: "\e951"
}

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

.icon-seta02-r:before {
    content: "\e953"
}

.icon-seta02-l:before {
    content: "\e954"
}

.icon-seta03-d:before {
    content: "\e955"
}

.icon-seta04-d:before {
    content: "\e956"
}

.icon-seta05-d:before {
    content: "\e957"
}

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

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

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

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

.icon-plus-01:before {
    content: "\e95c"
}

.icon-menos1:before {
    content: "\e967"
}

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

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

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

.icon-plus-02:before {
    content: "\e95d"
}

.icon-plus-03:before {
    content: "\e95e"
}

.icon-check04:before {
    content: "\e926"
}

.icon-check:before {
    content: "\e94b"
}

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

.icon-check03:before {
    content: "\e94d"
}

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

.icon-close02:before {
    content: "\e949"
}

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

.icon-empresa:before {
    content: "\e927"
}

.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-delivery:before {
    content: "\e90f"
}

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

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

.icon-cart1:before {
    content: "\e901"
}

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

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

.icon-cadeado:before {
    content: "\e905"
}

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

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

.icon-gplus1:before {
    content: "\e907"
}

.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-pinterest:before {
    content: "\e90c"
}

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

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

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

.icon-users:before {
    content: "\e915"
}

.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-pin2:before {
    content: "\e938"
}

.icon-pin:before {
    content: "\e928"
}

.icon-pin3:before {
    content: "\e929"
}

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

.icon-text2:before {
    content: "\e92b"
}

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

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

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

.icon-data2:before {
    content: "\e934"
}

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

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

.icon-lupa2:before {
    content: "\e937"
}

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

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

.icon-chat4:before {
    content: "\e93d"
}

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

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

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

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

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

.icon-email:before {
    content: "\e921"
}

.icon-mail2:before {
    content: "\e923"
}

.icon-phone24h:before {
    content: "\e917"
}

.icon-phone24h2:before {
    content: "\e942"
}

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

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

.icon-call02:before {
    content: "\e912"
}

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

.icon-cel:before {
    content: "\e93b"
}

.icon-phone:before {
    content: "\e92c"
}

.icon-phone2:before {
    content: "\e92d"
}

.icon-phone07:before {
    content: "\e941"
}

.icon-phone4:before {
    content: "\e92f"
}

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

.icon-home1:before {
    content: "\e96b"
}

.icon-home2:before {
    content: "\e96c"
}

.icon-home3:before {
    content: "\e96d"
}

#headerBlock {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    float: left;
    position: relative;
    background-color: #FFF;
    border-top-color: #DDD;
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-color: #006699;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    z-index: 1;
    font-family: 'Work Sans'
}

@media only screen and (max-width:1023px) {
    #headerBlock {
        position: fixed;
        z-index: 51
    }
}

.topo {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    height: 110px;
    background-image: url("../../images/logo-vetor.png");
    background-repeat: no-repeat;
    background-position: 21% 0%
}

.topo .redes {
    float: right;
    padding-top: 10px
}

@media only screen and (max-width:1023px) {
    .topo {
        height: 70px;
        position: relative;
        z-index: 1501;
        padding: 0;
        border-bottom-color: #DDD;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        background: none
    }
}

.logo {
    float: left;
    display: block;
    width: 275px;
    height: 110px;
    background-image: url("../../images/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media only screen and (max-width:1279px) {
    .logo {
        margin-left: -45px;
        background-size: 70%
    }
}

@media only screen and (max-width:1023px) {
    .logo {
        width: 150px;
        height: 70px;
        background-size: 100%;
        margin-left: -15px
    }
}

@media only screen and (max-width:320px) {
    .logo {
        width: 150px;
        height: 70px;
        background-size: 100%;
        margin-left: 0
    }
}

.topo-right {
    float: right;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
}

.bloco-telefone {
    float: right;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 700
}

.bloco-endereco {
    float: right;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000000;
    font-weight: 500
}

.bloco-endereco i {
    font-size: 23px;
    color: #000000;
    margin-right: 8px
}

.bloco-email {
    float: right;
    display: flex;
    align-items: center;
    margin: 0 50px;
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.bloco-email i {
    font-size: 22px;
    color: #000;
    margin-right: 8px
}

.telefone {
    float: right;
    font-size: 16px;
    color: #000000;
    position: relative;
    padding-left: 32px
}

.telefone a {
    cursor: default;
    color: #4E4E4E
}

.telefone i {
    font-size: 22px;
    color: #000000;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    margin-top: -22px/2
}

.endereco-lateral {
    width: 100%;
    float: left;
    font-family: Montserrat;
    padding: 15px 0 15px;
    font-size: 14px;
    border-bottom: 1px solid #006699;
    color: #FFFFFF
}

.whatsapp {
    font-size: 16px;
    color: #000000;
    position: relative;
    padding-left: 30px
}

@media only screen and (max-width:1023px) {
    .whatsapp {
        padding-left: 0
    }
}

.whatsapp a {
    cursor: default;
    color: #000000
}

.whatsapp i {
    font-size: 20px;
    color: #309645;
    float: left;
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 0;
    margin-top: -20px/2
}

.telefone-menu {
    position: relative;
    margin-left: 20px;
    width: 75px;
    height: 68px
}

.telefone-menu .abrir-fone {
    width: 100%;
    height: 100%;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.telefone-menu .abrir-fone:hover span {
    background-color: #F58634
}

.telefone-menu .abrir-fone:hover span i {
    color: #fff
}

.telefone-menu .abrir-fone:hover small {
    background-color: #F58634
}

.telefone-menu .abrir-fone:hover small i {
    color: #FFF
}

.telefone-menu .abrir-fone span {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    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;
    width: 45px;
    height: 45px;
    background-color: #F58634;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    font-size: 34px;
    position: relative;
    top: 9px;
    left: 23px
}

.telefone-menu .abrir-fone span i {
    color: #fff;
    position: relative;
    bottom: 2px;
    left: 2px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.telefone-menu .abrir-fone small {
    cursor: pointer;
    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;
    width: 26px;
    height: 26px;
    background-color: #F58634;
    position: relative;
    bottom: 8px;
    right: 26px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.telefone-menu .abrir-fone small:hover {
    background-color: #F58634
}

.telefone-menu .abrir-fone small:hover i {
    color: #FFF
}

.telefone-menu .abrir-fone small i {
    font-size: 13px;
    top: 0;
    left: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.telefone-menu:before {
    content: '';
    display: block;
    width: 75px;
    height: 68px;
    background-image: url("../../images/sombra-telefone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.telefone-menu:hover .abrir-fone+.fone-dropdown {
    opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s
}

.telefone-menu .abrir-fone.on span {
    background-color: #F58634
}

.telefone-menu .abrir-fone.on span i {
    color: #FFF
}

.telefone-menu .abrir-fone.on small {
    background-color: #F58634
}

@media only screen and (max-width:1023px) {
    .telefone-menu {
        display: none
    }
}

.fone-dropdown {
    background-color: #F58634;
    position: absolute;
    top: 80px;
    right: 5px;
    z-index: 1000;
    min-width: 382px;
    padding: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    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;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.65));
    color: #fff;
    font-size: 18px
}

.fone-dropdown a {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.fone-dropdown a:hover {
    color: #FFF
}

.fone-dropdown:after {
    content: '';
    display: block;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    width: 40px;
    height: 40px;
    background-color: #F58634;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: -12px;
    right: 18px;
    z-index: -1
}

.fone-dropdown .telefone {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding-left: 41px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2
}

.fone-dropdown .telefone i {
    font-size: 21px;
    color: #fff;
    margin-top: -6px
}

.fone-dropdown .whatsapp {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding-left: 41px;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.fone-dropdown .whatsapp i {
    font-size: 21px;
    color: #fff;
    margin-top: 0
}

.fone-dropdown .email {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    font-size: 16px;
    padding-top: 15px;
    border-top-color: rgba(255, 255, 255, 0.3);
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 15px
}

.fone-dropdown .email i {
    font-size: 20px;
    padding-right: 18px;
    position: relative;
    top: 2px
}

.fone-dropdown:hover {
    opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

.fone-dropdown .endereco {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    font-size: 16px;
    border-top-color: rgba(255, 255, 255, 0.3);
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 20px
}

.fone-dropdown .endereco i {
    font-size: 22px;
    color: 22px;
    padding-right: 18px;
    position: relative;
    top: 2px
}

.fone-dropdown a {
    color: #fff;
    cursor: default
}

.fone-dropdown.on {
    opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

.menu {
    margin: 0px;
    background: transparent
}

@media only screen and (max-width:1023px) {
    .menu {
        background-color: #006699
    }
}

.pmenu {
    float: left;
    height: 110px
}

.pmenu a {
    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;
    display: block;
    height: 110px;
    font-family: 'Work Sans';
    font-size: 18px;
    color: #111;
    line-height: 110px;
    padding: 0 5px
}

.pmenu a:hover {
    color: #F58634
}

.pmenu li {
    float: left;
    position: relative;
    width: auto;
    margin: 0 19px;
    background: url(../../images/hover-menu.jpg) no-repeat center bottom -31px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.pmenu li:hover>.psubmenu {
    opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0)
}

.pmenu li:hover>a,
.pmenu li.act_path a {
    color: #F58634
}

.pmenu li:hover:before {
    color: #006699
}

.pmenu li:hover {
    background: url(../../images/hover-menu.jpg) no-repeat center bottom -11px
}

.pmenu li.act_path a {
    background: url(../../images/hover-menu.jpg) no-repeat center bottom -11px
}

.pmenu .psubmenu {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 113px;
    left: -70px;
    z-index: 999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #157d47;
    padding: 10px;
    width: 502px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.65));
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transition: .2s all linear;
    -moz-transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -ms-transition: .2s all linear
}

.pmenu .psubmenu li {
    width: 100%;
    margin: 0;
    background-image: none
}

.pmenu .psubmenu li:first-child {
    border-top: 0
}

.pmenu .psubmenu li:last-child {
    border-bottom: 0
}

.pmenu .psubmenu li a {
    background: none
}

.pmenu .psubmenu a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff !important;
    padding: 0 10px;
    font-weight: 600
}

.pmenu .psubmenu a:hover {
    background: #006699;
    color: #fff
}

.pmenu .psubmenu:after {
    content: '';
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 40px;
    height: 40px;
    background-color: #157d47;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: 93px;
    z-index: -1
}

.pmenu .cat-id_3 {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.pmenu .cat-id_3:before {
    content: "\e95a"
}

.pmenu .cat-id_3:before {
    color: #000000;
    height: 22px;
    display: block;
    width: 22px;
    margin-left: -22px/2;
    left: 50%;
    position: absolute;
    bottom: 20px;
    transform: rotate(90deg);
    font-size: 22px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.pmenu .cat-id_3:hover:before {
    display: none
}

.menu-fixo {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    flex-flow: row wrap !important;
    transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
    -ms-transition: .3s all linear;
    top: -90px;
    left: 0 !important;
    background-color: #FFF
}

.menu-fixo .menu {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    float: none;
    background-color: #FFF;
    border-top: 0
}

.menu-fixo .menu-interna {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    float: none
}

.menu-fixo .logo {
    width: 270px;
    height: 95px;
    background-size: 80%;
    margin-left: -25px
}

.menu-fixo .pmenu {
    margin-right: 15px;
    height: auto
}

.menu-fixo .pmenu a {
    color: #000000;
    height: 95px;
    line-height: 95px;
    font-size: 16px;
    padding: 0 22px;
    margin-top: 0
}

.menu-fixo .pmenu a:after {
    display: none
}

.menu-fixo .pmenu li {
    margin: 0 !important
}

.menu-fixo .pmenu li:hover:before {
    color: #f278a7
}

.menu-fixo .pmenu .psubmenu {
    top: 105px !important;
    left: -55px !important
}

.menu-fixo .pmenu .psubmenu a {
    padding: 0 10px;
    height: 50px !important;
    line-height: 50px !important
}

.menu-fixo .pmenu .cat-id_3:before {
    bottom: 15px
}

.scroll-to-fixed-fixed {
    border-top-color: #ddd;
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-color: #006699;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    box-shadow: 2px 0 10px #555;
    -moz-box-shadow: 2px 0 10px #555;
    -webkit-box-shadow: 2px 0 10px #555;
    -ms-box-shadow: 2px 0 10px #555
}

.scroll-to-fixed-fixed .menu {
    display: block;
    opacity: 1;
    filter: alpha(opacity=1)
}

.scroll-to-fixed-fixed .menu-interna {
    display: block;
    opacity: 1;
    filter: alpha(opacity=1)
}

.on.mascara {
    width: 100%;
    height: 100vh;
    position: fixed;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5)
}

@media only screen and (max-width:1279px) {
    .menu-fixo .menu {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 15px
    }

    .menu-fixo .logo {
        width: 220px
    }
}

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

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

    .botao-menu span:before {
        content: "";
        background: #006699;
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        top: -10px;
        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
    }

    .botao-menu span:after {
        content: "";
        background: #006699;
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        bottom: -10px;
        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
    }

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

    .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: #fff
    }

    .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: #fff
    }

    .menu {
        position: fixed;
        width: 290px;
        height: 100vh;
        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;
        left: 0;
        z-index: 1500;
        margin: 0;
        background: #006699;
        top: 73px;
        overflow: scroll;
        transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        padding-bottom: 100px;
        border-top: 0
    }

    #headerBlock.on .menu {
        left: 0
    }

    .pmenu li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        margin: 0;
        background-image: none
    }

    .pmenu li:before {
        display: none !important
    }

    .pmenu li:hover {
        background-image: none
    }

    .pmenu a,
    .pmenu li:hover>a,
    .pmenu li.act_path a {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 52px;
        line-height: 52px;
        padding: 0 20px;
        color: #fff;
        font-size: 15px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        background: none
    }

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

    .pmenu .psubmenu:after {
        display: none
    }

    .pmenu .psubmenu:before {
        display: none
    }

    .pmenu .psubmenu li {
        border: none
    }

    .pmenu .psubmenu a,
    .pmenu .psubmenu a:hover {
        height: auto !important;
        line-height: 18px !important;
        padding: 10px 15px !important;
        color: #fff !important;
        font-size: 13px !important;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        background: none;
        font-weight: normal
    }

    .menu-fixo {
        display: none !important
    }

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

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

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

.botao-menu2 span:before {
    content: "";
    background: #006699;
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    top: -10px;
    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
}

.botao-menu2 span:after {
    content: "";
    background: #006699;
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: -10px;
    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
}

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

.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: #fff
}

.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: #fff
}

@media only screen and (max-width:1023px) {
    .pmenu>.li_enclose {
        padding-bottom: 190px
    }
}

.banner {
    overflow: hidden;
    position: relative;
    float: left;
    height: 520px;
    width: 100%
}

.banner li {
    height: 520px;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .banner {
        width: 100%;
        height: auto
    }

    .banner li {
        height: auto
    }

    .banner .img-banner {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: 40vw
    }

    .banner .legenda-banner {
        height: auto;
        background-color: #006699
    }

    .banner .legenda-banner .legend {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 20px
    }
}

.banner .bx-prev {
    position: absolute;
    top: 50%;
    z-index: 999;
    font-size: 75px;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
    color: #fff;
    margin-top: -75px/2;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    opacity: .8;
    filter: alpha(opacity=0.8);
    left: -150px
}

.banner .bx-prev:hover {
    opacity: 1;
    filter: alpha(opacity=1)
}

.banner .bx-next {
    position: absolute;
    top: 50%;
    z-index: 999;
    font-size: 75px;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
    color: #fff;
    margin-top: -75px/2;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    opacity: .8;
    filter: alpha(opacity=0.8);
    right: -150px
}

.banner .bx-next:hover {
    opacity: 1;
    filter: alpha(opacity=1)
}

.banner:hover .bx-prev {
    left: 50px
}

.banner:hover .bx-next {
    right: 50px
}

.banner .bx-next:before {
    content: "\e95a"
}

.banner .bx-prev:before {
    content: "\e95b"
}

.img-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.legenda-banner {
    width: 100%;
    height: 100%;
    font-family: Montserrat;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    font-size: 15px;
    align-items: center;
    justify-content: center
}

.legenda-banner .legend {
    text-align: center
}

@media only screen and (max-width:1023px) {
    .legenda-banner {
        font-size: 20px
    }
}

@media only screen and (max-width:600px) {
    .legenda-banner {
        font-size: 16px
    }
}

.legenda-banner b {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    width: 100%;
    float: left
}

@media only screen and (max-width:1023px) {
    .legenda-banner b {
        font-size: 30px
    }
}

@media only screen and (max-width:600px) {
    .legenda-banner b {
        font-size: 18px
    }
}

.legenda-banner .legend {
    position: absolute;
    max-width: 1280px;
    width: 100%;
    bottom: 60px;
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 35px;
    text-transform: uppercase
}

@media only screen and (max-width:1023px) {
    .legenda-banner .legend {
        display: block;
        background-color: rgba(29, 168, 96, 0.3);
        color: #fff;
        position: absolute;
        bottom: 0
    }

    .legenda-banner .legend b {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .legenda-banner .legend {
        display: none
    }
}

.legenda-banner .legend b {
    font-weight: 700;
    font-size: 50px;
    width: 815px;
    margin-right: 465px
}

@media only screen and (max-width:1023px) {
    .legenda-banner .legend b {
        margin: 0 0 5px 0;
        width: 100%;
        font-size: 25px
    }
}

.legenda-banner .legend p {
    max-width: 1280px;
    width: 80%;
    display: block
}

@media only screen and (max-width:1023px) {
    .legenda-banner .legend p {
        margin: 0;
        width: 100%;
        font-size: 20px
    }
}

.legenda-banner .legend a {
    float: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    color: #FFF;
    width: 238px;
    height: 57px;
    background-color: #006699;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Open Sans';
    font-weight: 800;
    margin: 20px 0 0 95px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.legenda-banner .legend a:hover {
    box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -moz-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -webkit-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -ms-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    color: #000000
}

@media only screen and (max-width:1023px) {
    .legenda-banner .legend a {
        margin: 0 auto 0;
        float: none
    }
}

.bx-pager {
    position: absolute;
    bottom: 25px;
    right: 0;
    z-index: 900;
    width: 100%;
    justify-content: center;
    display: flex
}

.bx-pager a {
    width: 25px;
    height: 25px;
    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: #fff;
    border-width: 1px;
    border-style: solid;
    margin: 0 5px
}

.bx-pager a:before {
    content: '';
    display: block;
    background-color: #006699;
    width: 25px/2;
    height: 25px/2;
    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
}

.bx-pager a:hover:before {
    background-color: #35dc86
}

.bx-pager .active:before {
    background-color: #35dc86
}

.bx-pager a {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

@media only screen and (max-width:1023px) {
    .bx-pager {
        bottom: 140px
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto
}

.bx-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.bx-next,
.bx-prev {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mouse-home {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    bottom: 53px;
    right: 64px;
    z-index: 99;
    border: 2px solid #fff;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.mouse-home i {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    font-size: 38px;
    color: #fff
}

.mouse-home i:before {
    content: "\e958"
}

.mouse-home i {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.mouse-home:hover {
    background-color: #fff;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg)
}

.mouse-home:hover i {
    color: #006699
}

@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: 0 1px 3px 1px rgba(0, 0, 0, 0.8) inset
    }

    100% {
        box-shadow: none
    }
}

@-webkit-keyframes click-mouse {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.8) inset
    }

    100% {
        box-shadow: none
    }
}

@-moz-keyframes click-mouse {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.8) inset
    }

    100% {
        box-shadow: none
    }
}

#ancora {
    position: absolute;
    top: 100vh;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 3px;
    margin-top: -95px
}

@media only screen and (max-width:1023px) {
    .banner {
        width: 100%
    }

    .banner height:auto .bx-next,
    .banner .bx-prev,
    .banner .bx-pager {
        display: none
    }
}

.servicos {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    background-color: #F8F8F8;
    padding: 60px 0
}

@media only screen and (max-width:480px) {
    .servicos {
        padding: 30px 0
    }
}

.servicos .servicos-home {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.servicos h2 {
    text-align: center;
    font-size: 45px;
    color: #000000;
    font-family: 'Work Sans';
    font-weight: 300;
    width: 100%;
    text-transform: uppercase
}

.servicos h2:after {
    content: '';
    display: block;
    width: 109px;
    height: 3px;
    background-color: #000000;
    margin: 10px auto 0
}

.servicos h2 strong {
    font-weight: 700;
    color: #006699
}

@media only screen and (max-width:768px) {
    .servicos h2 {
        font-size: 50px
    }
}

@media only screen and (max-width:480px) {
    .servicos h2 {
        font-size: 27px
    }
}

.servicos h3 {
    text-align: center;
    font-size: 14px;
    color: #193239;
    font-weight: 400;
    max-width: 1000px;
    margin: 0 auto 30px
}

@media only screen and (max-width:480px) {
    .servicos h3 {
        margin-bottom: 10px
    }
}

.servicos h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: block;
    font-family: 'Work Sans';
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.servicos p {
    color: #333333;
    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-bottom: 25px
}

.servicos article {
    width: 100%;
    max-width: 31%;
    margin: 15px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    overflow: hidden;
    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: #FFF;
    float: left
}

.servicos article:after {
    content: '';
    display: block;
    box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -ms-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    width: 100%;
    height: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    position: absolute;
    top: 145px;
    right: 450px;
    z-index: 0;
    transition-delay: .35s
}

.servicos article:hover {
    background-color: #006699;
    box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    -ms-box-shadow: 0 0 15px #000
}

.servicos article:hover h3,
.servicos article:hover h4,
.servicos article:hover span {
    color: #FFF
}

.servicos article:hover figure {
    filter: brightness(0%) invert(100%)
}

.servicos article:hover:after {
    right: -420px
}

@media only screen and (max-width:1023px) {
    .servicos article {
        max-width: 48%
    }
}

@media only screen and (max-width:480px) {
    .servicos article {
        width: 100%;
        max-width: 100%;
        margin: 15px 0;
        text-align: center
    }
}

.servicos article:hover .icone {
    filter: brightness(0%) invert(100%)
}

.servicos article:hover b,
.servicos article:hover p {
    color: #FFF
}

@media only screen and (max-width:480px) {

    .servicos article:hover b,
    .servicos article:hover p {
        text-align: center
    }
}

.servicos .icone {
    width: 40px;
    height: 100%;
    float: left;
    margin-right: 15px;
    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: 35px
}

@media only screen and (max-width:480px) {
    .servicos .icone {
        float: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 0;
        padding-bottom: 15px
    }
}

.servicos a {
    padding: 25px
}

.destaque-menor {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 50px 0;
    min-height: 335px;
    height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.destaque-menor .full-max {
    position: relative
}

.destaque-menor .titulo1 {
    font-size: 60px;
    font-family: 'Work Sans';
    font-weight: 300
}

.destaque-menor .titulo1 strong {
    color: #006699;
    font-weight: 700
}

@media only screen and (max-width:1023px) {
    .destaque-menor .titulo1 {
        font-size: 40px
    }
}

.destaque-menor h3 {
    font-size: 50px;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 5px
}

@media only screen and (max-width:1279px) {
    .destaque-menor h3 {
        font-size: 40px
    }
}

@media only screen and (max-width:768px) {
    .destaque-menor h3 {
        text-align: center;
        font-size: 30px
    }
}

.destaque-menor h4 {
    font-size: 20px;
    font-weight: 300;
    color: #FFF
}

@media only screen and (max-width:768px) {
    .destaque-menor h4 {
        text-align: center
    }
}

.destaque-menor a {
    float: right;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    color: #FFF;
    width: 238px;
    height: 57px;
    background-color: #006699;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: 'Open Sans';
    font-weight: 800;
    margin: 20px 70px 0 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.destaque-menor a:hover {
    box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -moz-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -webkit-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    -ms-box-shadow: 0 0 0 10px rgba(29, 168, 96, 0.4);
    color: #000000
}

@media only screen and (max-width:1279px) {
    .destaque-menor a {
        top: 10px;
        right: 15px
    }
}

@media only screen and (max-width:768px) {
    .destaque-menor a {
        position: relative;
        top: 0;
        right: 0;
        margin: 30px auto 0 auto;
        width: 100%;
        font-size: 25px
    }
}

@media only screen and (max-width:480px) {
    .destaque-menor a {
        font-size: 20px
    }
}

.destaque-menor .imagem-esquerda {
    margin: 0 45px 15px 0;
    padding: 0 60px;
    position: relative
}

.destaque-menor .imagem-esquerda:before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 0;
    width: 1px;
    height: 206px;
    background-color: rgba(255, 255, 255, 0.2)
}

@media only screen and (max-width:768px) {
    .destaque-menor .imagem-esquerda:before {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .destaque-menor .imagem-esquerda {
        width: auto;
        font-size: 40px
    }
}

@media only screen and (max-width:768px) {
    .destaque-menor .imagem-esquerda {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .destaque-menor .imagem-esquerda .image_td {
        display: flex;
        justify-content: center
    }
}

.destaque-menor .texto-direita {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans'
}

@media only screen and (max-width:768px) {
    .destaque-menor .texto-direita {
        width: 100%;
        text-align: center
    }
}

.bg-img {
    background: url(../../images/bg-atendimento.jpg) no-repeat;
    background-size: cover
}

.sobre-nos {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    height: 579px;
    justify-content: flex-start;
    background-color: #ddd;
    box-shadow: inset 0 10px 15px -10px #222;
    -moz-box-shadow: inset 0 10px 15px -10px #222;
    -webkit-box-shadow: inset 0 10px 15px -10px #222;
    -ms-box-shadow: inset 0 10px 15px -10px #222
}

@media only screen and (max-width:1023px) {
    .sobre-nos {
        background-image: none !important;
        height: auto
    }
}

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

@media only screen and (max-width:1023px) {
    .image-content {
        padding-right: 25px
    }
}

.image-conteudo {
    margin-top: 0;
    display: block;
    width: 45%;
    padding-left: 15px;
    box-sizing: border-box;
    font-family: Montserrat;
    font-size: 16px;
    color: #000;
    line-height: 1.4
}

@media only screen and (max-width:1023px) {
    .image-conteudo {
        width: 100%;
        text-align: center
    }
}

.image-conteudo div {
    width: 50%
}

@media only screen and (max-width:1023px) {
    .image-conteudo div {
        width: 100%;
        text-align: center
    }
}

.image-conteudo h3 {
    color: #000000;
    font-size: 45px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Work Sans'
}

.image-conteudo h3 strong {
    color: #006699;
    font-weight: 700
}

.image-conteudo h3:after {
    content: '';
    display: block;
    width: 109px;
    height: 5px;
    position: relative;
    background-color: #000;
    margin-top: 3px
}

@media only screen and (max-width:1279px) {
    .image-conteudo h3 {
        font-size: 35px
    }
}

@media only screen and (max-width:1023px) {
    .image-conteudo h3 {
        display: table;
        margin: 0 auto;
        padding-bottom: 29px
    }
}

@media only screen and (max-width:480px) {
    .image-conteudo h3 {
        font-size: 28px
    }
}

.image-conteudo h4 {
    padding-top: 70px;
    color: #000000;
    font-family: Montserrat;
    font-size: 16px
}

@media only screen and (max-width:1279px) {
    .image-conteudo h4 {
        padding-top: 25px
    }
}

@media only screen and (max-width:768px) {
    .image-conteudo h4 {
        left: 260px;
        padding-top: 20px;
        font-size: 18px
    }
}

@media only screen and (max-width:480px) {
    .image-conteudo h4 {
        font-size: 15px;
        margin-top: 20px
    }
}

.image-conteudo a {
    margin: 50px auto 33px;
    display: inline-block;
    font-family: 'Open Sans';
    height: 57px;
    line-height: 57px;
    text-align: center;
    background-color: #006699;
    color: #fff;
    padding: 0 20px;
    font-weight: 800;
    font-size: 16px;
    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
}

.image-conteudo a:hover {
    color: rgba(29, 168, 96, 0.9);
    background: #157d47
}

.noticias {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 49px 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-flow: column
}

.noticias h2 {
    padding-bottom: 5px;
    font-size: 40px;
    color: #000000;
    font-family: 'Work Sans';
    text-transform: uppercase
}

.noticias h2 strong {
    font-weight: 700;
    color: #006699
}

@media only screen and (max-width:480px) {
    .noticias h2 {
        font-size: 23px
    }
}

.noticias .ver-tudo {
    position: relative;
    margin-bottom: 46px;
    font-size: 16px;
    color: #333333;
    transition: all linear .2s;
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -ms-transition: all linear .2s
}

.noticias .ver-tudo:before {
    content: '';
    transition: all linear .2s;
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -ms-transition: all linear .2s;
    position: absolute;
    top: 13px;
    left: -162px;
    z-index: 0;
    height: 2px;
    width: 142px;
    background-color: #919191
}

.noticias .ver-tudo:after {
    content: '';
    transition: all linear .2s;
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -ms-transition: all linear .2s;
    position: absolute;
    top: 13px;
    right: -162px;
    z-index: 0;
    height: 2px;
    width: 142px;
    background-color: #919191
}

.noticias .ver-tudo:hover {
    color: #F58634;
    font-weight: 500
}

.noticias .ver-tudo:hover:before {
    width: 172px;
    left: -192px;
    background-color: #F58634
}

.noticias .ver-tudo:hover:after {
    width: 172px;
    right: -192px;
    background-color: #F58634
}

@media only screen and (max-width:480px) {
    .noticias .ver-tudo {
        width: 200px;
        background-color: #006699;
        color: #fff;
        margin-top: 20px;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        padding: 10px;
        font-weight: 700;
        font-family: 'Work Sans'
    }

    .noticias .ver-tudo:after {
        display: none
    }

    .noticias .ver-tudo:before {
        display: none
    }

    .noticias .ver-tudo:hover {
        color: #000;
        font-weight: 700
    }
}

.noticias .teaser-2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-flow: row wrap
}

.noticias .teaser-2 article {
    line-height: .7;
    flex-basis: 600px;
    margin-bottom: 20px
}

@media only screen and (max-width:1279px) {
    .noticias .teaser-2 article {
        flex-basis: 1280px
    }
}

@media only screen and (max-width:480px) {
    .noticias .teaser-2 article {
        flex-basis: 100%
    }
}

.noticias .teaser-2 article a {
    font-size: 16px;
    color: #333333
}

.noticias .teaser-2 article a:hover figure {
    border: 3px solid #D6266A
}

.noticias .teaser-2 article a:hover figure b {
    opacity: 1;
    filter: alpha(opacity=1);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}

.noticias .teaser-2 article a:hover figure b i {
    transform: rotateY(-180deg) rotate(0) scale(1);
    -moz-transform: rotateY(-180deg) rotate(0) scale(1);
    -webkit-transform: rotateY(-180deg) rotate(0) scale(1);
    -ms-transform: rotateY(-180deg) rotate(0) scale(1);
    transition: cubic-bezier(.06, .7, .14, 1.44) .3s;
    -moz-transition: cubic-bezier(.06, .7, .14, 1.44) .3s;
    -webkit-transition: cubic-bezier(.06, .7, .14, 1.44) .3s;
    -ms-transition: cubic-bezier(.06, .7, .14, 1.44) .3s
}

.noticias .teaser-2 article a:hover h2 {
    color: #F58634
}

.noticias .teaser-2 article h2 {
    padding-bottom: 6px;
    font-size: 18px;
    color: #222;
    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;
    text-transform: none
}

.noticias .teaser-2 article figure {
    float: left;
    position: relative;
    margin-right: 30px;
    margin-bottom: 10px;
    width: 276px;
    height: 161px;
    border: 3px solid #D6D6D6;
    background: url(../../images/noticias/bg-noticia.png) no-repeat center #f1f1f1
}

@media only screen and (max-width:480px) {
    .noticias .teaser-2 article figure {
        width: 100%
    }
}

.noticias .teaser-2 article figure em {
    padding: 6px 7px 6px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    position: absolute;
    bottom: 10px;
    right: 7px;
    z-index: 0;
    font-size: 13px;
    color: #ffffff;
    font-style: normal;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5
}

.noticias .teaser-2 article figure b {
    display: flex;
    justify-content: center;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: .2s all linear;
    -moz-transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -ms-transition: .2s all linear;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    flex-flow: column;
    font-style: normal;
    align-items: center;
    background-color: rgba(233, 27, 106, 0.5)
}

.noticias .teaser-2 article figure b i {
    position: absolute;
    width: 56px;
    height: 56px;
    margin-top: -56px/2;
    margin-left: -56px/2;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    transform: rotateY(-180deg) rotate(180deg) scale(0);
    -moz-transform: rotateY(-180deg) rotate(180deg) scale(0);
    -webkit-transform: rotateY(-180deg) rotate(180deg) scale(0);
    -ms-transform: rotateY(-180deg) rotate(180deg) scale(0);
    background-color: #F58634;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding-top: 5px;
    font-size: 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    color: #fff
}

.noticias .teaser-2 article figure img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 3px solid #D6D6D6;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

@media only screen and (max-width:480px) {
    .noticias .teaser-2 article figure img {
        width: 100%;
        height: auto
    }
}

.noticias .teaser-2 article span {
    color: #333;
    font-size: 14px;
    font-family: 'Open Sans';
    line-height: 1.4
}

@media only screen and (max-width:1279px) {
    .noticias .noticias .teaser-2 article {
        padding-bottom: 20px;
        flex-basis: 100%
    }
}

.eventos h3 {
    text-align: center;
    font-size: 45px;
    color: #000000;
    font-family: 'Work Sans';
    font-weight: 300;
    width: 100%;
    text-transform: uppercase
}

.eventos h3:after {
    content: '';
    display: block;
    width: 109px;
    height: 3px;
    background-color: #000000;
    margin: 10px auto 0
}

.eventos h3 strong {
    font-weight: 700;
    color: #006699
}

@media only screen and (max-width:768px) {
    .eventos h3 {
        font-size: 50px
    }
}

@media only screen and (max-width:480px) {
    .eventos h3 {
        font-size: 27px
    }
}

.eventos a {
    background-color: #F0F;
    display: block
}

.eventos a:before {
    color: #006699;
    font-size: 60px;
    content: "\e936";
    font-family: 'icomoon';
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    top: -45%;
    left: 42%;
    z-index: 1;
    transform: translateY(25px);
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    text-shadow: 0 0 10px #000
}

@media only screen and (max-width:1023px) {
    .eventos a:before {
        display: none
    }
}

.eventos figure {
    width: 24%;
    margin: 0;
    border: 1px solid #fff;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    filter: grayscale(100%);
    position: relative;
    overflow: hidden;
    margin: 5px;
    border-color: #ccc;
    border-width: 2px;
    border-style: solid;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

.eventos figure:hover {
    transform: scale(1.01);
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 999;
    filter: grayscale(0%)
}

.eventos figure:hover figcaption {
    bottom: 0
}

.eventos figure:hover a:before {
    opacity: 1;
    filter: alpha(opacity=1);
    top: 24%
}

@media only screen and (max-width:1023px) {
    .eventos figure {
        width: 48%;
        margin: 0 1% 2%
    }

    .eventos figure:hover {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }
}

.eventos img {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    max-width: 100%;
    width: 100%;
    height: auto
}

.eventos p {
    float: left;
    font-weight: normal;
    text-align: center;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 15px;
    color: #000;
    justify-content: center;
    flex-wrap: wrap;
    padding: 9px 15px 0;
    height: 54px
}

.eventos figcaption {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: 0;
    width: 100%;
    padding: 15px;
    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;
    font-size: 20px;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .eventos figcaption {
        display: none
    }
}

#footerBlock {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    float: left;
    background-color: #121212;
    color: #fff;
    font-size: 14px;
    border-top-color: #121212;
    border-top-width: 6px;
    border-top-style: solid;
    position: relative
}

#footerBlock .rodape-05 {
    padding: 30px 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

#footerBlock .rodape-05 .full-max {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 475px;
    padding: 0
}

#footerBlock .rodape-05 .full-max a {
    color: #fff
}

#footerBlock .rodape-05 .full-max .bloco-rod {
    display: block;
    width: 100%;
    padding: 0;
    line-height: 1.2
}

#footerBlock .rodape-05 .full-max .bloco-rod h2 {
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
    font-family: Montserrat;
    font-weight: 700;
    color: #fff
}

#footerBlock .rodape-05 .full-max .bloco-rod h2:first-child {
    margin-top: 0
}

#footerBlock .rodape-05 .full-max .bloco-rod h2 span {
    font-weight: 300
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones {
    display: flex;
    flex-direction: column
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .telefone-rodape {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-left: 36px;
    line-height: 1.2;
    margin-bottom: 12px
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .telefone-rodape:before {
    display: block;
    content: '\e972';
    font-family: 'icomoon';
    width: 21px;
    height: 21px;
    color: #fff;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    z-index: 0;
    font-size: 20px
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .telefone-rodape a {
    cursor: default;
    color: #fff;
    display: block
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .telefone-rodape {
        margin: 0 auto 20px
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .whatsapp-rodape {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-left: 36px;
    font-family: Montserrat
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .whatsapp-rodape:before {
    display: block;
    content: '\e906';
    font-family: 'icomoon';
    width: 22px;
    height: 22px;
    color: #fff;
    position: absolute;
    top: calc(50% - 11px);
    left: 0;
    z-index: 0;
    font-size: 20px
}

#footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .whatsapp-rodape a {
    cursor: default;
    color: #fff
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .bloco-telefones .whatsapp-rodape {
        margin: 0 auto 0
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .email-rodape {
    width: 90%;
    font-size: 16px;
    font-family: Montserrat;
    color: #fff;
    padding: 15px 0 15px;
    margin: 10px 0;
    border-top-color: rgba(255, 255, 255, 0.15);
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.15);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

#footerBlock .rodape-05 .full-max .bloco-rod .email-rodape a {
    color: #fff;
    font-weight: 100;
    position: relative;
    padding-left: 36px
}

#footerBlock .rodape-05 .full-max .bloco-rod .email-rodape a:before {
    display: block;
    content: '\e921';
    font-family: 'icomoon';
    width: 22px;
    height: 22px;
    color: #fff;
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
    z-index: 0;
    font-size: 22px
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .email-rodape {
        display: block;
        margin: 20px auto 20px;
        border-right: 0;
        height: auto;
        width: 100%
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape {
    position: relative;
    font-size: 14px;
    color: #fff;
    margin: 20px 0;
    display: block;
    font-family: Montserrat;
    line-height: 1.5;
    padding-left: 36px
}

#footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape:before {
    display: block;
    content: '\e928';
    font-family: 'icomoon';
    width: 22px;
    height: 22px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 20px
}

#footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape a {
    color: #fff
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape {
        margin: 35px auto 25px;
        line-height: 1.4;
        padding-left: 0
    }

    #footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape:before {
        top: -30px;
        left: calc(50% - 10px)
    }
}

@media only screen and (max-width:480px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .endereco-rodape {
        font-size: 14px
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape {
    margin-top: 15px;
    max-width: 590px;
    width: 100%
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape {
        max-width: none
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape form {
    display: flex;
    width: 95%;
    height: 54px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    align-items: center;
    position: relative
}

@media only screen and (max-width:1279px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape form {
        width: 90%
    }
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape form {
        float: none;
        margin: 0 auto 0;
        max-width: 50%
    }
}

@media only screen and (max-width:768px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape form {
        max-width: 70%
    }
}

@media only screen and (max-width:480px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape form {
        max-width: 100%
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape input {
    border: none;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape input::placeholder {
    color: #fff;
    font-size: 15px
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=submit] {
    margin: 0;
    width: 161px;
    height: 46px;
    background-color: #006699;
    font-size: 16px;
    font-family: Montserrat;
    color: #111;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    position: absolute;
    bottom: 4px;
    right: 2px;
    z-index: 0
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=submit]:hover {
    background-color: #12673b;
    color: #fff
}

@media only screen and (max-width:480px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=submit] {
        font-size: 14px;
        width: 130px
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=text] {
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    padding: 10px 35px 10px 20px
}

#footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=text]::placeholder {
    color: #fff
}

@media only screen and (max-width:480px) {
    #footerBlock .rodape-05 .full-max .bloco-rod .tracar-rota-rodape [type=text]::placeholder {
        font-size: 15px;
        color: #fff
    }
}

#footerBlock .rodape-05 .full-max .bloco-rod .mapa {
    max-width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

#footerBlock .rodape-05 .full-max .bloco-rod .mapa iframe {
    min-height: 535px
}

#footerBlock .copyright-05 {
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
    border-top-color: rgba(255, 255, 255, 0.2);
    border-top-width: 1px;
    border-top-style: solid
}

#footerBlock .copyright-05 a {
    color: #525252;
    display: flex !important;
    align-items: center;
    padding-right: 80px;
    position: relative
}

#footerBlock .copyright-05 a:before {
    display: block;
    font-family: 'icomoon';
    color: #868686;
    font-size: 18px;
    margin-left: 5px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    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
}

#footerBlock .copyright-05 a:hover:before {
    color: #F07800
}

#footerBlock .copyright-05 span {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    align-items: center;
    color: #525252;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0
}

#footerBlock .copyright-05 i {
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-left: 10px;
    font-size: 50px;
    color: #555
}

@media (max-width:1023px) {
    #footerBlock .copyright-05 {
        text-align: center;
        padding: 15px;
        font-size: 11px
    }

    #footerBlock .copyright-05 span {
        flex-direction: column
    }

    #footerBlock .copyright-05 a {
        float: none;
        margin-top: 10px
    }
}

@media only screen and (max-width:1023px) {
    #footerBlock .rodape-05 {
        display: block !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important
    }

    #footerBlock .rodape-05 .bloco-rod {
        max-width: 100%;
        text-align: center
    }

    #footerBlock .rodape-05 .bloco-rod:nth-of-type(2) {
        display: none
    }
}

.redes-topo {
    position: fixed;
    top: 170px;
    right: 0;
    z-index: 0;
    width: 46px
}

.redes-topo i {
    font-size: 20px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    padding-right: 10px;
    align-items: center;
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    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: 7px;
    color: #fff
}

.redes-topo i:hover {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0)
}

.redes-topo span {
    display: none
}

@media only screen and (max-width:1023px) {
    .redes-topo {
        display: none
    }
}

.redes-topo .icon-facebook {
    background-color: #4267B2 !important
}

.redes-topo .icon-youtube {
    background-color: #f00
}

.redes-topo .icon-twitter {
    background-color: #00aced
}

.redes-topo .icon-instagram-02 {
    background-color: #E13E60
}

.redes-topo .icon-in {
    background-color: #0077B5
}

.redes-topo .icon-skype {
    background-color: #00b5ee
}

.redes-topo .icon-gplus1 {
    background-color: #DC473A
}

.redes-topo .icon-pinterest {
    background-color: #BD081C
}

.redes-topo .icon-blog {
    background-color: #FF6501
}

body {
    font-family: 'Work Sans';
    font-size: 15px;
    line-height: 1.5;
    color: #333
}

h1 {
    color: #006699;
    font-size: 30px
}

h2 {
    color: #F58634;
    font-size: 28px
}

h3 {
    color: #006699;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px
}

h4 {
    color: #F58634;
    font-size: 20px
}

.titulo2 {
    background-color: #F58634;
    color: #FFFFFF;
    font-weight: 700;
    padding: 10px;
    font-size: 20px;
    display: block;
    margin-bottom: 15px
}

@media only screen and (max-width:480px) {
    .titulo2 {
        font-size: 14px !important
    }
}

.titulo3 {
    font-size: 20px;
    color: #F58634
}

.titulo4 {
    font-size: 35px
}

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

#mainBlock {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    z-index: 0
}

.principal {
    display: table;
    margin: 0 auto 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.interna {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

.cnt-interna {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    padding-bottom: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.cnt-interna .titulo-blog {
    display: none
}

.cnt-interna h1 {
    font-family: 'Work Sans';
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 115px;
    height: 115px;
    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
}

@media only screen and (max-width:768px) {
    .cnt-interna h1 {
        font-size: 21px
    }
}

@media only screen and (max-width:480px) {
    .cnt-interna h1 {
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #FFFFFF;
        height: auto;
        margin-bottom: 20px
    }
}

.cnt-interna h1:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 115px;
    background: #326580;
    background: -moz-linear-gradient(left, #326580 0%, #121212 100%);
    background: -webkit-linear-gradient(left, #326580 0%, #121212 100%);
    background: linear-gradient(to right, #326580 0%, #121212 100%)
}

@media only screen and (max-width:1023px) {
    .cnt-interna h1:after {
        top: 71px
    }
}

@media only screen and (max-width:480px) {
    .cnt-interna h1:after {
        height: 80px
    }
}

.cnt-interna .article-summary-text {
    position: relative;
    display: none
}

.cnt-interna .article-summary-text:before {
    content: '';
    width: 109px;
    height: 3px;
    background-color: #006699;
    position: absolute;
    top: -38px;
    left: 0;
    z-index: 0
}

.cnt-interna li {
    line-height: 30px;
    margin-left: 15px
}

.cnt-interna li:before {
    content: '\e926';
    font-family: icomoon;
    font-size: 18px;
    font-weight: 700;
    display: block;
    float: left;
    position: relative;
    margin-right: 10px
}

.cnt-interna .bg-h1 {
    position: relative
}

.cnt-interna .bg-h1:before {
    content: '';
    width: 109px;
    height: 3px;
    background-color: #006699;
    position: absolute;
    top: 112px;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:1023px) {
    .cnt-interna .bg-h1:before {
        display: none !important
    }
}

@media only screen and (max-width:480px) {
    .cnt-interna .bg-h1:before {
        top: 62px
    }
}

.cnt-interna .traco {
    position: relative
}

.cnt-interna .traco:before {
    content: '';
    width: 109px;
    height: 3px;
    background-color: #006699;
    position: absolute;
    top: 112px;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:480px) {
    .cnt-interna .traco:before {
        top: 77px
    }
}

.cnt-contato h1 {
    font-family: 'Work Sans';
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 115px;
    height: 115px;
    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
}

@media only screen and (max-width:768px) {
    .cnt-contato h1 {
        font-size: 21px
    }
}

@media only screen and (max-width:480px) {
    .cnt-contato h1 {
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0 40px 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #FFFFFF;
        height: auto;
        margin-bottom: 20px
    }
}

.cnt-contato h1:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 115px;
    background: #326580;
    background: -moz-linear-gradient(left, #326580 0%, #121212 100%);
    background: -webkit-linear-gradient(left, #326580 0%, #121212 100%);
    background: linear-gradient(to right, #326580 0%, #121212 100%)
}

@media only screen and (max-width:1023px) {
    .cnt-contato h1:after {
        top: 71px
    }
}

@media only screen and (max-width:480px) {
    .cnt-contato h1:after {
        height: 80px
    }
}

.cnt-contato .formulario {
    position: relative
}

.cnt-contato .formulario:before {
    content: '';
    width: 109px;
    height: 3px;
    background-color: #006699;
    position: absolute;
    top: -38px;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:480px) {
    .cnt-contato .formulario:before {
        position: absolute;
        top: -28px;
        left: 0;
        z-index: 0
    }
}

.cnt-contato .formulario .msg-obrigatorio {
    margin-bottom: 15px
}

.cnt-contato .formulario .msg-obrigatorio em {
    color: #d80000
}

.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: Montserrat;
    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;
    background: #F58634;
    color: #fff
}

.link-back:hover {
    background: #bf1254;
    color: #fff
}

.cd-top {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    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: 40px;
    right: 20px;
    z-index: 1100;
    border: 2px solid #FFF;
    background: #006699
}

.cd-top:hover {
    background: #157d47
}

.cd-top:before {
    display: block;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    content: '';
    border-top: 3px solid #FFF;
    border-left: 3px solid #FFF;
    margin: 17px 0 0 13px;
    float: left
}

.cd-top.cd-is-visible {
    opacity: 1;
    filter: alpha(opacity=1);
    transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1)
}

.redes {
    min-width: 100px;
    display: flex;
    justify-content: space-between
}

.redes i {
    border-color: #F58634;
    border-width: 2px;
    border-style: solid
}

.redes a {
    color: #F58634
}

.redes i {
    font-size: 20px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center
}

.redes a:hover {
    animation: redes .2s linear;
    -webkit-animation: redes .2s linear;
    -moz-animation: redes .2s linear;
    -ms-animation: redes .2s linear
}

@keyframes redes {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes redes {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes redes {
    0% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(.8)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes redes {
    0% {
        -ms-transform: scale(1)
    }

    50% {
        -ms-transform: scale(.8)
    }

    100% {
        -ms-transform: scale(1)
    }
}

.texto-imagem {
    width: 100%;
    float: left;
    clear: both
}

.legenda-imagem {
    width: 100% !important
}

.imagem-acima {
    width: 100%;
    margin-bottom: 15px
}

.imagem-abaixo {
    width: 100%;
    margin-top: 15px
}

.imagem-esquerda {
    margin: 0 3% 15px 0
}

.imagem-esquerda img {
    float: left
}

.texto-direita {
    width: 67%
}

.imagem-direita {
    margin: 0 0 15px 3%
}

.imagem-direita img {
    float: right
}

.texto-esquerda {
    width: 67%
}

.lista-sumario {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 50px
}

.lista-sumario figure {
    background: url(../../images/noticias/bg-noticia.png) no-repeat center #f1f1f1;
    min-width: 276px;
    min-height: 165px
}

.lista-sumario h2 {
    font-size: 23px;
    color: #000;
    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;
    font-family: 'Work Sans';
    font-weight: 700
}

.lista-sumario .data {
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: #F58634;
    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;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.lista-sumario .data b {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 17px;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 4px;
    margin-bottom: 2px
}

.lista-sumario:hover .data {
    background-color: #bf1254
}

.lista-sumario:hover h2 {
    color: #F58634
}

.lista-sumario .noticia-title {
    display: table;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    padding-left: 25px
}

.lista-sumario2 figure {
    float: left;
    margin: 0 15px 10px 0;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc
}

@media only screen and (max-width:480px) {
    .lista-sumario2 figure {
        margin-right: 0;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        line-height: 0
    }

    .lista-sumario2 figure img {
        width: 100%;
        height: auto
    }
}

.lista-sumario2 em {
    padding: 2px 10px;
    margin: 0 0 5px 0;
    background-color: #F58634;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #FFF;
    font-size: 13px
}

.lista-sumario2 span {
    color: #333
}

.noticia-completa .imagem-noticia {
    float: left;
    margin: 0 25px 25px 0
}

.noticia-completa .imagem-noticia img {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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);
    border: 1px solid #fff
}

.noticia-completa h2 {
    font-family: 'Work Sans';
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 115px;
    height: 115px;
    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
}

@media only screen and (max-width:768px) {
    .noticia-completa h2 {
        font-size: 25px
    }
}

@media only screen and (max-width:480px) {
    .noticia-completa h2 {
        font-size: 20px;
        line-height: 25px;
        padding: 25px 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #006699;
        height: auto
    }
}

.noticia-completa h2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 115px;
    background: #326580;
    background: -moz-linear-gradient(left, #326580 0%, #121212 100%);
    background: -webkit-linear-gradient(left, #326580 0%, #121212 100%);
    background: linear-gradient(to right, #326580 0%, #121212 100%)
}

@media only screen and (max-width:1023px) {
    .noticia-completa h2:after {
        top: 71px
    }
}

@media only screen and (max-width:480px) {
    .noticia-completa h2:after {
        display: none
    }
}

.imagens {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap
}

.imagens li {
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .imagens li:nth-of-type(5n) {
        margin-right: 0
    }

    .imagens li:hover a:before {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=1)
    }

    .imagens li:hover a:after {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=1)
    }
}

.imagens img {
    max-width: 100%;
    height: auto;
    display: table;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid
}

.imagens a {
    float: left;
    position: relative
}

.imagens a:before {
    color: #fff;
    font-size: 35px;
    content: "\e936";
    font-family: 'icomoon';
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    width: 70px;
    height: 70px;
    margin-top: -70px/2;
    margin-left: -70px/2;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translateY(25px);
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.imagens a:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    transform: translateY(25px);
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    background-color: rgba(29, 168, 96, 0.6);
    z-index: 0
}

@media only screen and (max-width:1023px) {
    .imagens {
        justify-content: center
    }

    .imagens li {
        width: 31%;
        margin: 0 1% 1%;
        max-width: 220px
    }
}

@media only screen and (max-width:600px) {
    .imagens li {
        width: 48%;
        max-width: 200px
    }
}

.paginacao {
    clear: both;
    float: right;
    margin-top: 25px
}

.paginacao a {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    height: 41px;
    line-height: 41px;
    border: 1px solid #E9E9E9;
    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
}

.paginacao a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background: #fff
}

.paginacao a:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #E9E9E9
}

.paginacao a:before {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    position: absolute;
    bottom: -3px;
    right: -3px;
    z-index: -3
}

.paginacao a:hover {
    transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    color: #BBB
}

.paginacao a:hover:before {
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: -3
}

.paginacao span {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    height: 41px;
    line-height: 41px;
    border: 1px solid #E9E9E9;
    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: #fff
}

.paginacao span:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #E9E9E9
}

.paginacao span:before {
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: -3
}

.bt-prev i,
.bt-anterior i {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    width: 15px;
    height: 15px;
    display: block;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: 12px 0 0 12px
}

.apn_next i,
.bt-proximo i {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    width: 15px;
    height: 15px;
    display: block;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: 12px 0 0 5px
}

.box-downloads {
    width: 100%
}

.box-downloads li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    margin: 5px 0
}

.bt-download {
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #eee;
    padding: 5px;
    line-height: 35px;
    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
}

.bt-download i {
    width: 35px;
    height: 35px;
    color: #fff;
    background: #006699;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    float: left;
    display: block;
    text-align: center;
    margin-right: 15px;
    font-size: 20px;
    line-height: 35px;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.bt-download span {
    font-size: 14px;
    color: #000;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-left: 5px;
    width: 140px;
    background: #ccc;
    text-align: center;
    float: right;
    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
}

.bt-download b {
    font-size: 17px
}

.bt-download:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.bt-download:hover i {
    background: #0e512e
}

.bt-download:hover span {
    background: #b3b3b3
}

.compartilhar {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left
}

.link-tags {
    font-weight: 500;
    font-size: 14px;
    background-color: #F58634;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 7px 7px 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out
}

.link-tags:hover {
    background-color: #d6155f
}

.info-compartilhar {
    float: right
}

.info-compartilhar a {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    opacity: .7;
    filter: alpha(opacity=0.7);
    display: block;
    float: right;
    margin-left: 5px
}

.info-compartilhar a:hover {
    opacity: 1;
    filter: alpha(opacity=1)
}

.info-compartilhar i {
    color: #fff;
    padding: 4px;
    font-size: 20px;
    float: left
}

.info-compartilhar .icon-rss {
    background-color: #FAA21B
}

.info-compartilhar .icon-mail4 {
    background-color: #55ACEE
}

.info-compartilhar .icon-whatsapp {
    background-color: #34AF23
}

.bt-tweetar {
    height: 20px;
    margin-left: 15px;
    margin-top: 5px
}

@media only screen and (max-width:480px) {
    .bt-tweetar {
        margin-left: 5px
    }
}

.bt-facebook {
    height: 20px;
    margin: 5px 0 0 20px
}

@media only screen and (max-width:480px) {
    .bt-facebook {
        margin: 5px 0 0 5px
    }
}

.artigos-servicos {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 60px 0
}

@media only screen and (max-width:480px) {
    .artigos-servicos {
        padding: 30px 0
    }
}

.artigos-servicos .servicos-art {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.artigos-servicos h2 {
    text-align: center;
    font-size: 45px;
    color: #000000;
    font-family: 'Work Sans';
    font-weight: 300;
    width: 100%;
    text-transform: uppercase
}

.artigos-servicos h2:after {
    content: '';
    display: block;
    width: 109px;
    height: 3px;
    background-color: #000000;
    margin: 10px auto 0
}

.artigos-servicos h2 strong {
    font-weight: 700;
    color: #006699
}

@media only screen and (max-width:768px) {
    .artigos-servicos h2 {
        font-size: 50px
    }
}

@media only screen and (max-width:480px) {
    .artigos-servicos h2 {
        font-size: 27px
    }
}

.artigos-servicos h3 {
    text-align: center;
    font-size: 14px;
    color: #193239;
    font-weight: 400;
    max-width: 1000px;
    margin: 0 auto 30px
}

@media only screen and (max-width:480px) {
    .artigos-servicos h3 {
        margin-bottom: 10px
    }
}

.artigos-servicos b {
    color: #121212;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    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;
    position: relative
}

.artigos-servicos b:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 55px;
    z-index: 0;
    width: 109px;
    height: 3px;
    background-color: #006699
}

@media only screen and (max-width:480px) {
    .artigos-servicos b:before {
        left: calc(50% - 55px)
    }
}

.artigos-servicos p {
    color: #333333;
    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
}

.artigos-servicos article {
    width: 100%;
    max-width: 590px;
    margin: 15px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    overflow: hidden;
    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: #EEE;
    float: left
}

.artigos-servicos article:after {
    content: '';
    display: block;
    box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    -ms-box-shadow: 0 0 20px 55px rgba(255, 255, 255, 0.1);
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    width: 100%;
    height: 0;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    position: absolute;
    top: 145px;
    right: 450px;
    z-index: 0;
    transition-delay: .35s
}

.artigos-servicos article img {
    filter: brightness(0%) invert(0%)
}

.artigos-servicos article:hover {
    background-color: #006699;
    box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    -ms-box-shadow: 0 0 15px #000
}

.artigos-servicos article:hover h3,
.artigos-servicos article:hover h4,
.artigos-servicos article:hover span {
    color: #FFF
}

.artigos-servicos article:hover figure {
    filter: brightness(0%) invert(100%)
}

.artigos-servicos article:hover:after {
    right: -420px
}

@media only screen and (max-width:1023px) {
    .artigos-servicos article {
        max-width: 48%
    }
}

@media only screen and (max-width:480px) {
    .artigos-servicos article {
        width: 100%;
        max-width: 100%;
        margin: 15px 0;
        text-align: center
    }
}

.artigos-servicos article:hover .icone {
    filter: brightness(0%) invert(100%)
}

.artigos-servicos article:hover b,
.artigos-servicos article:hover p {
    color: #FFF
}

@media only screen and (max-width:480px) {

    .artigos-servicos article:hover b,
    .artigos-servicos article:hover p {
        text-align: center
    }
}

.artigos-servicos .icone {
    width: 40px;
    height: 100%;
    float: left;
    margin-right: 15px;
    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: 35px
}

@media only screen and (max-width:480px) {
    .artigos-servicos .icone {
        float: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 0;
        padding-bottom: 15px
    }
}

.artigos-servicos a {
    padding: 40px 30px
}

@media only screen and (max-width:1023px) {
    .servicos-form .full-max {
        padding: 0
    }
}

.servicos-form .imgtxt {
    width: 100%;
    max-width: 51%;
    float: left
}

.servicos-form .imgtxt .image_td {
    width: 100%
}

.servicos-form .imgtxt .image_td img {
    width: 100% !important;
    height: auto
}

@media only screen and (max-width:1023px) {
    .servicos-form .imgtxt {
        max-width: 100%
    }
}

.form-serv {
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #fff;
    width: 44.7%;
    padding: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: right;
    margin-top: -70px
}

.form-serv h3 {
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-weight: 300;
    color: #000000;
    padding-bottom: 10px;
    position: relative
}

.form-serv h3 strong {
    font-weight: 700;
    color: #006699
}

.form-serv h3:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 109px;
    height: 3px;
    background-color: #000
}

.form-serv .msg-obrigatorio {
    margin-bottom: 15px;
    float: left
}

.form-serv .msg-obrigatorio em {
    color: #d80000
}

@media only screen and (max-width:1023px) {
    .form-serv {
        width: 100%;
        margin-top: 20px
    }
}

.blog-completa {
    padding-bottom: 40px
}

.blog-completa h2 {
    font-family: 'Work Sans';
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 115px;
    height: 115px;
    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
}

@media only screen and (max-width:768px) {
    .blog-completa h2 {
        font-size: 21px
    }
}

@media only screen and (max-width:480px) {
    .blog-completa h2 {
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #FFFFFF;
        height: auto;
        margin-bottom: 20px
    }
}

.blog-completa h2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 115px;
    background: #326580;
    background: -moz-linear-gradient(left, #326580 0%, #121212 100%);
    background: -webkit-linear-gradient(left, #326580 0%, #121212 100%);
    background: linear-gradient(to right, #326580 0%, #121212 100%)
}

@media only screen and (max-width:1023px) {
    .blog-completa h2:after {
        top: 71px
    }
}

@media only screen and (max-width:480px) {
    .blog-completa h2:after {
        height: 65px
    }
}

.blog-completa .bg-h1 {
    position: relative
}

.blog-completa .bg-h1:before {
    content: '';
    width: 109px;
    height: 3px;
    background-color: #006699;
    position: absolute;
    top: 112px;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:480px) {
    .blog-completa .bg-h1:before {
        top: 62px
    }
}

.blog-completa b.data {
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    padding: 10px 0
}

.blog-completa .imagem-noticia {
    margin-bottom: 10px
}

.comentarios {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.comentarios .b1 {
    flex-basis: 100%
}

.comentarios .b2 {
    flex-basis: 49%;
    position: relative
}

@media only screen and (max-width:1023px) {
    .comentarios .b2 {
        width: 100%;
        flex-basis: 100%
    }
}

.comentarios img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    padding: 9px
}

.comentarios input[type=submit] {
    float: right;
    width: 100%;
    font-family: 'Work Sans';
    font-weight: 700
}

.form-comentario {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 55px;
    padding: 35px 0px;
    border-top-color: #999;
    border-top-width: 1px;
    border-top-style: dotted;
    float: left
}

@media only screen and (max-width:1023px) {
    .form-comentario {
        padding: 35px 0
    }
}

.form-comentario h3 {
    font-size: 25px;
    color: #006699
}

@media only screen and (max-width:1023px) {
    .form-comentario h3 {
        font-size: 22px
    }
}

.form-comentario img {
    border: none
}

.mensagens {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    float: left
}

.mensagens h4 {
    font-size: 25px;
    font-weight: 700;
    border-bottom-color: #006699;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #006699;
    margin: 0;
    text-align: left;
    padding-bottom: 10px
}

@media only screen and (max-width:480px) {
    .mensagens h4 {
        font-size: 22px
    }
}

.mensagens h4 b {
    font-size: 25px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-color: #006699;
    border-width: 2px;
    border-style: solid;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    margin: 0 5px 10px 0
}

@media only screen and (max-width:480px) {
    .mensagens h4 b {
        font-size: 22px
    }
}

.box-comentario {
    margin: 25px 0 25px 3%;
    padding: 5px 0 0 38px;
    border-left-color: #aaa;
    border-left-width: 1px;
    border-left-style: solid;
    width: 95%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: right
}

@media only screen and (max-width:768px) {
    .box-comentario {
        width: 95%
    }
}

@media only screen and (max-width:480px) {
    .box-comentario {
        width: 90%
    }
}

.box-comentario i {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: -25px;
    z-index: 0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-color: #666;
    border-width: 2px;
    border-style: solid;
    color: #666;
    background-color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 50px
}

.box-comentario span {
    font-size: 18px;
    font-weight: 500;
    display: block
}

.box-comentario em {
    font-size: 13px;
    font-style: normal;
    color: #ccc
}

.texto-comentario {
    width: 100%;
    float: left;
    padding: 15px 0 0 0
}

.box-novo-comentario {
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #333;
    background-color: #f1f1f1
}

.box-novo-comentario h3 {
    color: #F58634
}

.coment-center {
    margin: 0 auto 0;
    max-width: 700px;
    width: 100%
}

#newsletter {
    position: relative;
    float: left;
    width: 100%;
    font-size: 15px
}

#newsletter form {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #CCC;
    padding: 4px 4px 4px 60px
}

#newsletter i {
    position: absolute;
    bottom: 13px;
    left: 13px;
    z-index: 0;
    font-size: 33px
}

#newsletter input[type=text] {
    background: none;
    border: none;
    float: left;
    width: 60%;
    height: 33px;
    padding: 0;
    font-size: 15px;
    font-family: Tahoma, Arial, Helvetica, sans-serif
}

#newsletter input[type=submit] {
    width: 40%;
    height: 33px;
    font-size: 25px;
    color: #fff;
    float: left;
    border: none
}

#newsletter .obrigado {
    margin: 0 auto 0;
    background: #ccc;
    padding: 15px;
    font-family: Montserrat;
    font-size: 18px
}

.texto-erro {
    font-weight: bolder;
    color: #c00;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.cnt-contato {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    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
}

.cnt-contato .formulario {
    display: flex;
    flex-direction: column;
    width: 100%
}

.cnt-contato .formulario p {
    position: relative;
    margin-bottom: 15px
}

.cnt-contato .formulario .b2 {
    flex-basis: 49%
}

.cnt-contato .formulario .b3 {
    flex-basis: 32%
}

.cnt-contato .formulario .b4 {
    flex-basis: 24%
}

.cnt-contato .formulario .b5 {
    flex-basis: 19%
}

.cnt-contato .contato-form {
    width: 65%
}

.cnt-contato .localizacao {
    width: 30%;
    margin-top: 170px
}

.cnt-contato .localizacao h3 {
    font-size: 40px
}

.cnt-contato .localizacao li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 60px;
    margin-bottom: 15px;
    padding-bottom: 30px;
    position: relative
}

.cnt-contato .localizacao li i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-color: #006699;
    border-width: 1px;
    border-style: solid;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-size: 26px;
    color: #006699;
    float: left;
    width: 45px;
    height: 45px
}

.cnt-contato .localizacao li strong {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 3px
}

.cnt-contato .localizacao ul {
    padding-top: 0;
    text-align: left
}

.cnt-contato .redes {
    justify-content: flex-start;
    flex-wrap: wrap
}

.cnt-contato .redes span {
    display: flex
}

.cnt-contato .redes strong {
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px
}

.cnt-contato .redes i {
    margin-right: 10px
}

.cnt-contato [type=submit] {
    float: left
}

@media only screen and (max-width:1279px) {
    .cnt-contato .contato-form {
        width: 55%
    }

    .cnt-contato .localizacao {
        width: 40%
    }
}

@media only screen and (max-width:1023px) {
    .cnt-contato {
        flex-wrap: wrap
    }

    .cnt-contato .contato-form {
        width: 100%
    }

    .cnt-contato .formulario {
        margin: 0 auto 0
    }

    .cnt-contato .formulario .b2 {
        flex-basis: 100%
    }

    .cnt-contato .formulario .b3 {
        flex-basis: 100%
    }

    .cnt-contato .formulario .b4 {
        flex-basis: 100%
    }

    .cnt-contato .formulario .b5 {
        flex-basis: 100%
    }

    .cnt-contato .localizacao {
        width: 100%;
        margin-top: 60px
    }

    .cnt-contato .localizacao ul {
        display: flex;
        flex-wrap: wrap
    }

    .cnt-contato .localizacao li {
        width: 50%;
        margin: 0 auto 0;
        text-align: center;
        padding-left: 0
    }

    .cnt-contato .localizacao li i {
        float: none;
        margin: 0 auto 5px;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .cnt-contato [type=submit] {
        float: none;
        margin: 0 auto 0
    }

    .cnt-contato .redes strong {
        text-align: center
    }

    .cnt-contato .redes span {
        margin: 0 auto 0
    }

    .cnt-contato .redes i {
        margin: 0 5px
    }
}

@media only screen and (max-width:600px) {
    .cnt-contato .localizacao li {
        width: 100%
    }
}

.obrigado {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left
}

.obrigado big {
    font-family: Montserrat;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    color: #006699;
    font-size: 22px;
    padding-bottom: 10px
}

.obrigado b {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    padding-bottom: 5px
}

.obrigado a {
    font-family: Montserrat;
    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: #006699;
    color: #fff;
    margin-top: 30px;
    font-size: 12px
}

.obrigado a:hover {
    background: #157d47
}

.obrigatorio {
    float: left;
    width: 100%;
    font-size: 13px;
    padding-bottom: 15px
}

.obrigatorio span {
    color: #d80000
}

[type=text],
[type=password],
[type=email],
[type=number],
[type=date] {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: Montserrat;
    border: 1px solid #CECEBF;
    background: #fff;
    font-size: 14px;
    color: #333;
    height: 50px;
    padding: 10px 35px 10px 10px
}

[type=submit] {
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    width: 250px;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-family: Montserrat;
    background: #006699;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px
}

[type=submit]:hover {
    background: #157d47
}

select {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: Montserrat;
    border: 1px solid #CECEBF;
    background: #fff;
    font-size: 14px;
    color: #333;
    height: 50px;
    padding: 10px
}

textarea {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: Montserrat;
    border: 1px solid #CECEBF;
    background: #fff;
    font-size: 14px;
    color: #333;
    height: 100px;
    padding: 10px;
    resize: none
}

.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
}

.formulario p.title-form b {
    font-size: 25px;
    padding-bottom: 0;
    color: #006699
}

.formulario p.form2 {
    margin-bottom: 25px
}

.formulario p.form2 b {
    font-size: 17px;
    display: block;
    margin-bottom: 5px
}

.formulario p.form2 b span {
    font-size: 14px;
    font-weight: normal
}

.formulario p.form2 label {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 35px;
    position: relative;
    margin-bottom: 6px
}

.formulario p.form2 label input[type=radio],
.formulario p.form2 label input[type=checkbox] {
    width: 20px;
    height: 20px;
    appearance: auto !important;
    margin-right: 15px;
    border-color: #006699;
    border-width: 2px;
    border-style: solid;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.formulario strong {
    width: 100%;
    padding-bottom: 5px;
    display: none
}

.formulario label {
    width: 100%
}

input[name=nome],
input[name=email],
input[name=telefone] {
    border-right: 5px solid #d80000
}

label.error {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    text-align: center;
    background: #d80000;
    color: #fff
}

label.error:after {
    text-align: center;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-family: serif;
    content: '!';
    font-size: 18px;
    font-weight: bolder
}

.mapa {
    width: 100%;
    float: left;
    position: relative
}

.mapa form {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 0;
    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: #fff
}

.mapa input[type=text] {
    width: 57%;
    margin: 0 3% 0 0
}

.mapa input[type=submit] {
    width: 40%;
    padding: 0
}

.mapa iframe {
    width: 100%;
    float: left
}

.scrolloff {
    pointer-events: none
}

.form-ancora {
    margin-top: -70px;
    float: left
}

@media only screen and (max-width:1024px) {
    select {
        -webkit-appearance: none;
        background-image: url("../../images/padrao/bg-select.png") !important;
        background-repeat: no-repeat !important;
        background-position: center right !important
    }
}

@media only screen and (max-width:480px) {
    .mapa form {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        float: left;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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: 15px;
        background: none
    }
}

.info-lateral {
    display: none
}

.ico-fone-responsivo {
    display: none
}

@media only screen and (min-width:1024px) {
    .menu {
        transform: translate(0) !important
    }

    .info-compartilhar .icon-whatsapp {
        display: none
    }
}

@media only screen and (max-width:1023px) {

    html,
    body {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden
    }

    html {
        height: 100%
    }

    .bloco-3,
    .bloco-4,
    .bloco-5 {
        width: 50%
    }

    .ico-fone-responsivo {
        display: block;
        float: right;
        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;
        padding: 10px;
        color: #006699;
        font-size: 30px;
        margin: 10px 10px 0 0
    }

    .ico-fone-responsivo.on {
        background: #006699;
        color: #fff
    }

    .info-lateral {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: absolute;
        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%;
        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: #006699;
        border: 1px solid #fff
    }

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

    .info-lateral a {
        color: #FFF
    }

    .info-lateral .whatsapp {
        color: #fff
    }

    .info-lateral .whatsapp:before {
        content: 'WhatsApp';
        font-size: 11px;
        color: rgba(255, 255, 255, 0.5);
        font-family: Montserrat;
        display: block
    }

    .info-lateral .redes {
        float: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0 auto 0;
        display: table;
        padding: 25px 10px
    }

    .info-lateral .redes span {
        font-size: 11px;
        color: rgba(255, 255, 255, 0.5);
        font-family: Montserrat;
        float: left;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-bottom: 20px
    }

    .info-lateral .redes a {
        float: none;
        display: inline-block
    }

    .info-lateral .telefone-lateral {
        width: 100%;
        float: left;
        font-family: Montserrat;
        padding: 5px 0 15px;
        font-size: 20px;
        border-bottom: 1px solid #006699
    }

    .info-lateral .email-lateral {
        width: 100%;
        float: left;
        padding: 12px 0;
        font-size: 14px;
        border-bottom: 1px solid #006699
    }

    .info-lateral .formulario-contato {
        width: 100%;
        float: left;
        height: 35px;
        line-height: 35px;
        display: block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        font-family: Montserrat;
        font-size: 15px;
        color: #000000;
        background: #FFFFFF
    }

    #mainBlock {
        padding-top: 71px;
        display: block
    }

    .rodape {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 15px
    }

    .copyright {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        text-align: center;
        padding: 15px;
        font-size: 11px
    }

    .copyright span {
        flex-direction: column
    }

    .copyright a {
        float: none;
        display: block
    }

    .imagem-esquerda {
        width: 40%
    }

    .imagem-esquerda img {
        max-width: 100%;
        height: auto
    }

    .texto-direita {
        width: 57%
    }

    .imagem-direita {
        width: 40%
    }

    .imagem-direita img {
        max-width: 100%;
        height: auto
    }

    .texto-esquerda {
        width: 57%
    }

    .link-artigo {
        justify-content: space-around
    }

    .teaser-2 article {
        flex-basis: 610px
    }

    .teaser-3 article {
        flex-basis: auto;
        width: 100%
    }

    .teaser-4 article {
        flex-basis: auto
    }

    .tracar-rota input::placeholder {
        font-size: 11px
    }
}

@media only screen and (max-width:600px) {
    h1 {
        font-size: 30px/1.2;
        margin-bottom: 15px
    }

    .titulo1 {
        font-size: 16px
    }

    .titulo2 {
        font-size: 15px
    }

    .titulo3 {
        font-size: 14px
    }

    .titulo4 {
        font-size: 13px
    }

    .imagem-esquerda,
    .imagem-direita {
        margin: 0 auto 25px;
        width: 100%;
        text-align: center
    }

    .imagem-esquerda img,
    .imagem-direita img {
        float: none
    }

    .texto-direita,
    .texto-esquerda {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .teaser-1 article img {
        margin: 0 auto 0;
        float: none;
        display: table
    }

    .teaser-1 article h2 {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        text-align: center
    }

    .teaser-3 img {
        margin: 0 auto 0;
        float: none;
        display: table
    }

    .teaser-3 h2 {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        text-align: center
    }

    .teaser-4 article {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .info-compartilhar {
        float: none;
        margin: 0 auto 0;
        display: table;
        padding: 15px 0 0 0;
        min-width: 100px
    }

    .tags strong {
        width: 100%;
        float: left;
        display: block
    }
}

.whats-fixo {
    position: fixed;
    bottom: 95px;
    right: 20px;
    z-index: 999
}

.whats-fixo:hover:before {
    display: none
}

.whats-fixo:hover:after {
    display: none
}

.whats-fixo:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: #0EC143;
    position: absolute;
    top: -19px;
    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 2s both;
    animation: ping 1s ease-in-out infinite 2s both
}

.whats-fixo:after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: #0EC143;
    position: absolute;
    bottom: -14px;
    left: -12px;
    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
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        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
    }
}

.whats-fixo p {
    display: flex;
    background-color: #0EC143;
    border-bottom-color: #009688;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    align-items: center;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    -ms-box-shadow: 0 0 5px #000;
    transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-animation: slide-in-blurred-bottom .5s cubic-bezier(.23, 1, .32, 1) both;
    animation: slide-in-blurred-bottom .5s cubic-bezier(.23, 1, .32, 1) both
}

.whats-fixo p:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: #0EC143;
    position: absolute;
    top: -12px;
    right: -10px;
    z-index: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-animation: ping 1s ease-in-out 1.4s infinite both;
    animation: ping 1s ease-in-out 1.4s infinite both
}

.whats-fixo p:after {
    content: '1';
    width: 15px;
    height: 13px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #f60;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    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
}

@media only screen and (max-width:1023px) {}

@-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
    }
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

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

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

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

@media only screen and (max-width:768px) {
    .whats-fixo p {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%
    }
}

.whats-fixo p: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;
    filter: brightness(1.1)
}

.whats-fixo p:hover:before {
    content: "Clique para Atendimento por WhatsApp";
    display: flex;
    background-color: #E5DDD5;
    background-image: url("../../images/bg-whats.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    box-shadow: 0 0 10px -3px #000;
    -moz-box-shadow: 0 0 10px -3px #000;
    -webkit-box-shadow: 0 0 10px -3px #000;
    -ms-box-shadow: 0 0 10px -3px #000;
    width: 150px;
    height: 100px;
    position: absolute;
    top: -170px;
    left: -160px;
    z-index: 3;
    padding: 50px 30px 10px;
    color: #616161;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    text-align: center;
    -webkit-animation: rotate-in-2-br-cw .2s cubic-bezier(.25, .46, .45, .94) .6s both;
    animation: rotate-in-2-br-cw .2s cubic-bezier(.25, .46, .45, .94) .6s both
}

@-webkit-keyframes rotate-in-2-br-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

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

@keyframes rotate-in-2-br-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

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

@media only screen and (max-width:1023px) {
    .whats-fixo p:hover:before {
        display: none
    }
}

.whats-fixo p:hover:after {
    content: "\e906";
    display: flex;
    width: 200px;
    height: 36px;
    background-color: #009688;
    font-family: icomoon, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    font-weight: normal;
    position: absolute;
    top: -164px;
    left: -155px;
    z-index: 3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    justify-content: center;
    color: #fff;
    align-items: center;
    -webkit-animation: flip-in-hor-bottom .2s cubic-bezier(.25, .46, .45, .94) .8s both;
    animation: flip-in-hor-bottom .2s cubic-bezier(.25, .46, .45, .94) .8s both
}

@-webkit-keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0
    }

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

@keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0
    }

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

@media only screen and (max-width:1023px) {
    .whats-fixo p:hover:after {
        display: none
    }
}

.whats-fixo p a {
    color: #fff;
    font-size: 0;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 60px;
    position: relative;
    text-align: right;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%
}

.whats-fixo p a:hover:before {
    content: "\e920";
    -webkit-animation: slide-in-bl .3s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bl .3s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-in-bl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }

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

@keyframes slide-in-bl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }

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

.whats-fixo p a:hover:after {
    -webkit-animation: slide-in-bck-tr .6s cubic-bezier(.25, .46, .45, .94) reverse both;
    animation: slide-in-bck-tr .6s cubic-bezier(.25, .46, .45, .94) reverse both;
    content: "\e906";
    display: flex;
    width: 35px;
    height: 35px;
    font-family: icomoon;
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 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
}

@-webkit-keyframes slide-in-bck-tr {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
        transform: translateZ(700px) translateY(-300px) translateX(400px);
        opacity: 0
    }

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

@keyframes slide-in-bck-tr {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
        transform: translateZ(700px) translateY(-300px) translateX(400px);
        opacity: 0
    }

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

.whats-fixo p a:before {
    content: "\e906";
    display: flex;
    width: 35px;
    height: 35px;
    font-family: icomoon;
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: initial;
    left: 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
}