/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@charset "utf-8";
/* CSS Document */


/* ---------------- RESET ---------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h4,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th,
td {
    text-align: left;
    font-weight: normal;
}

img,
iframe {
    border: none;
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

input,
textarea,
select,
button {
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

select {
    margin: inherit;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

/**-------------------- INICIO STYLES -------------------------*/

html {
    background: #FFF;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: 'Raleway', sans-serif;
    font-size: 62.5%;
    color: #717171;
    font-weight: 400;
    letter-spacing: 1.2px;
    background: #FFF;
    height: auto;
}

b {
    font-weight: bold
}

a:hover {
    -webkit-text-decoration: ;
    text-decoration: ;
}

a {
    -webkit-tap-highlight-color: transparent !important;
 }

section {
    width: 100%;
    position: relative;
    float: left;
}

/*  EFEITO SMOTH  */
.smoth {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/*  ROW  */
.row_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0 !important;
    width: 100% !important;
}

.row {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1260px;
}
.infos-header-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* responsive image */
img {
    max-width: 100%;
    height: auto;
}

@media \0screen {
    img {
        width: auto;
        /* for ie 8 */
    }
}

.active {
    background: #FFF;
    cursor: default;
    /* top: 15px; */
    /* left: -30px */
}

.menu_phone.active {
    left: -70px;
    top: 7px;
}

a#nav-toggle.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*background: #0c6dbc;*/
    background-image: -o-linear-gradient(#0c6dbc, #0c6dbc, #0c6dbc00);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0c6dbc), color-stop(#0c6dbc), to(#0c6dbc00));
    background-image: linear-gradient(#0c6dbc, #0c6dbc, #0c6dbc00);
    height: 125px;
}

/*  box-sizing  */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.desactiveScroll {
    overflow: hidden;
}


/* ---------------- SPRITES ---------------- */

.sprites {
    background: url(../img/viop-sprite.png);
}

.sprites.logo-header {
    background-position: -36px -30px;
}

.sprites.logo-header-footer {
    background-position: -40px -202px;
}

.sprites.icon {
    float: left;
    width: 30px;
    height: 29px;
    background-color: ;
}

.sprites.icon.phone {
    background-position: -347px -45px;
}

.sprites.icon.busca {
    background-position: -399px -45px;
}

.sprites.icon.acessibilidade {
    background-position: -448px -45px;
}

.sprites.icon.localidade {
    background-position: -499px -45px;
}

.sprites.icon.avatar {
    background-position: -555px -45px;
}

.sprites.select {
    background-position: -612px -56px;
    float: left;
    width: 11px;
    height: 8px;
    margin: 12px 7px 0
}


.calender {
    background-image: url(../img/calender.png);
    background-repeat: no-repeat;
    background-position: 90% center;
}




/* ---------------- RESET END ---------------- */
/* Pop-up formulário de contato */

div.Admin_formContato_pop-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-left: 6px solid #ffd400;
    padding: 20px 10px;
    border-radius: 4px;
    background: #4391c9;
    -webkit-box-shadow: 0px 2px 5px 0px #999;
    box-shadow: 0px 2px 5px 0px #999;
}

p.Admin_FormularioResposta_txt {
    text-align: left;
    color: #FFF !important;
    line-height: 1.0;
    margin: 0px;
    padding: 10px 0px;
}

/* FIM Pop-up formulário de contato */


/*
==============================  
==========  HEADER   ==========
============================== 
*/



/* ---------------- HEADER ---------------- */

header {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0;
    position: relative;
    z-index: 9
}

header#desktop {
    display: ;
}

header#mobile {
    display: none !important;
}

/* ---------------- HEADER DESKTOP ---------------- */

header#desktop .top {
    background: #f1f1f1;
    float: left;
    width: 100%;
    margin-top: 10px;
}

header#desktop .top .left {
    float: left;
}

header#desktop .top .left a {
    float: left;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #717171
}

header#desktop .top .left a:hover {
    background: #f7f7f7;
}


header#desktop .top .left {
    float: left;
    margin: 0;
    background-position: 100px 0;
}

header#desktop .top .left .links {
    float: left;
    margin: 0;
}

header#desktop .top .left .menir {
    float: left;
    padding: 16px 19px 15px;
    font-size: 1.1em;
    color: #717171;
    text-transform: uppercase;
    position: relative;
}
.btn-fidel{
    background-color: #4391c8;
    color: #ffffff!important;
    padding: 0.5rem 0.8rem !important;
    margin: 0.48rem 1rem;
    font-weight: 600;
    border-radius: 4px;
 }
.btn-fidel:hover{
    background: #ffd400 !important;
    color: #ffffff !important;
}

header#desktop .top .left .menir:hover {
    background: #f7f7f7
}

header#desktop .top .left .menir p {
    float: left;
}

header#desktop .top .left .menir:hover>.sub-menu {
    display: block;
}

header#desktop .top .left .menir .sub-menu {
    display: none;
    -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.19);
    margin-top: 43px;
    color: #666;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

header#desktop .top .left .menir .sub-menu .top {
    width: auto;
    margin-top: -44px;
    height: 44px;
    cursor: default;
    float: left;
    background: #fff;
    font-size: ;
    font-weight: 700;
    background: ;
    color: #179fc0;
    padding: 1.5em 0;
    text-transform: uppercase;
    position: relative;
}

header#desktop .top .left .menir .sub-menu .top p {
    padding: 0 1.65em;
    text-decoration: none;
}

header#desktop .top .left .menir .sub-menu .content {
    float: left;
    width: 100%;
    background: #f9f9f9;
    height: auto;
    position: relative;
}

header#desktop .top .left .menir .sub-menu .left-content {
    float: left;
    width: 270px;
    height: auto;
    background: #f1f1f1
}

header#desktop .top .left .menir .sub-menu .left-content .meriar {
    font-weight: 400;
    text-transform: none;
    font-size: 1.1em;
    float: left;
    width: 270px;
    height: auto;
    background: #FFF;
    margin-bottom: 1px;
    color: #179fc0
}

header#desktop .top .left .menir .sub-menu .left-content .meriar a.first {
    text-transform: none;
    color: #179fc0;
    padding: 0;
    text-decoration: none;
    padding: 1.1em 0 1.0em 30px;
    float: left;
    width: 100%
}

header#desktop .top .left .menir .sub-menu .left-content .meriar:first-child {
    margin-top: 1px
}

header#desktop .top .left .menir .sub-menu .left-content .meriar a.first:hover {
    font-weight: 700;
}

header#desktop .top .left .menir .sub-menu .left-content .meriar:hover>.right-content {
    display: none;
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content {
    display: none;
    margin-left: 270px;
    width: 560px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f7f7f7;
    padding: 40px 70px
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content h2 {
    float: left;
    font-size: 1.8em;
    color: #666;
    text-transform: uppercase;
    font-weight: 300
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content .video {
    width: 100%;
    height: 165px;
    float: left;
    background: ;
    position: relative;
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content .video img {
    width: 100%;
    height: 100%;
    float: left;
    background: ;
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content .video .btn {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 62px 0 0 -85px
}

header#desktop .top .left .menir .sub-menu .left-content .meriar .right-content .video p {
    float: left;
    color: #666;
    font-size: 0.9em;
    margin: 1em 0
}


/* ==== BUSCA ==== */
#busca-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

#busca-box form {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
    margin: 10% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
}

#busca-box form label {
    width: 100%;
    float: left;
    position: relative;
    margin: 5% 0;
}

#busca-box form label svg {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 23px 14px;
}

#busca-box form label svg path {
    fill: #4391c8;
}

#busca-box form label input {
    /* width: 100%; */
    width: 80%;
    padding-left: 100px;
    border: 0;
    height: 116px;
    border-bottom: 3px solid #DADADA;
    font-size: 3em;
    font-style: italic;
    font-weight: 300;
    position: relative;
    z-index: 2;
    padding-right: 20px;
}

#busca-box form label input:focus {
    -webkit-box-shadow: 5px 5px 80px #999;
    box-shadow: 5px 5px 80px #999;
    border-bottom: 7px solid #DADADA;
}

#busca-box form label button {
    border: 0;
    cursor: pointer;
    font-size: 2em;
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 26px; */
    z-index: 3;
    /* padding: 19px 2em; */
    padding: 46px 0;
    background: #4391c8;
    color: #FFF;
    text-transform: uppercase;
    width: 20%;
}

#busca-box form label button:hover {
    background: #65a6d4;
    ;
}

#busca-box .close {
    -ms-flex-item-align: end;
        align-self: flex-end;
    z-index: 3;
    cursor: pointer;
}

#busca-box .close svg {
    height: 45px;
    width: 45px;
}

#busca-box .close svg path {
    fill: #FFF;
}


#busca-box .close:hover {
    opacity: 0.8
}

#busca-box .black {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.8;
}

#busca-box.busca-on {
    display: block;
}

#busca-box.busca-off {
    display: none;
}


/* ---------------- ICONE DOTS SVG ---------------- */
header#mobile .top .right .redes_sociais {
    padding: 17px 10px 11px;
}

header#mobile .top .right .redes_sociais svg {
    height: 30px;
    width: 30px;
}

header#mobile .top .right .redes_sociais svg path {
    fill: #949494;
}

/* MODAL ICONES REDES SOCIAIS */

#modal-redes-sociais {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#modal-redes-sociais .modal-box {
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
}

#modal-redes-sociais .modal-box .modal-box_conteudo {
    height: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -27px;
}

#modal-redes-sociais .modal-box .modal-box_conteudo a {
    padding: 0px 10px;
}

#modal-redes-sociais .modal-box .modal-box_conteudo a svg {
   height: 40px;
   width: 40px;
}

#modal-redes-sociais .modal-box .modal-box_conteudo .facebook-icon svg path  {
    fill: #4267b2;
}

#modal-redes-sociais .modal-box .modal-box_conteudo .linkdein-icon svg path {
    fill: #0077b5;
}

#modal-redes-sociais .modal-box .modal-box_conteudo .youtube-icon svg path {
    fill: #ff0000;
}

#modal-redes-sociais .close {
    cursor: pointer;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding: 10px 10px 0px 0px;
    z-index: 3;
}

#modal-redes-sociais .close svg {
    height: 15px;
    width: 15px;
}

#modal-redes-sociais .close svg path {
    fill: #949494;    
}

#modal-redes-sociais .close:hover {
    opacity: 0.8
}

#modal-redes-sociais .black {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.8;
}

#modal-redes-sociais.modal-on {
    display: block;
}

#modal-redes-sociais.modal-off {
    display: none;
}

/* FIM MODAL REDES SOCIAIS =================== */


/* MODAL TELEFONES PARA CONTATO */
#modal_telefone_contato {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#modal_telefone_contato .modal-telefone {
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
}

#modal_telefone_contato .modal-telefone .modal-telefone_conteudo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column;
                    flex-flow: column;
    margin-top: -27px;
}

#modal_telefone_contato .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* margin: 15px 0px; */
    padding: 15px 0px;
}

#modal_telefone_contato .top .sprites.select {
    margin: 0px 5px 0;
}

#modal_telefone_contato .hover {
    padding: 10px;
}

#modal_telefone_contato .hover .title {
    padding: 10px;
    margin-bottom: 5px;
    background: #ffd504;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    font-size: 1.2em;
} 

#modal_telefone_contato .hover a p {
    margin-bottom: 10px;
}

#modal_telefone_contato .close {
    padding: 10px 10px 0px 0px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    z-index: 3;
    cursor: pointer;
}

#modal_telefone_contato .close svg {
    height: 15px;
    width: 15px;
}

#modal_telefone_contato .close svg path {
    fill: #949494;    
}

#modal_telefone_contato .close:hover {
    opacity: 0.8
}

#modal_telefone_contato .black {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.8;
}

#modal_telefone_contato.telefone-on {
    display: block;
}

#modal_telefone_contato.telefone-off {
    display: none;
}
/* FIM MODAL TELEFONES PARA CONTATO =================== */


/* MODAL FAÇA O SEU LOGIN */
#modal_faca_login {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#modal_faca_login .modal-login {
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
}

#modal_faca_login .modal-login .modal-login_conteudo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column;
                    flex-flow: column;
    margin-top: -27px;
}

#modal_faca_login .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* margin: 15px 0px; */
    padding: 15px 0px;
}

#modal_faca_login .top i {
    margin-right: 5px;
}

#modal_faca_login .top .sprites.select {
    margin: 0px 5px 0;
}

#modal_faca_login .hover {
    padding: 10px;
}


#modal_faca_login .hover .title {
    padding: 10px;
    margin-bottom: 5px;
    background: #ffd504;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    font-size: 1.2em;
    padding-right: 73px;
} 

#modal_faca_login .hover a p {
    margin-bottom: 10px;
}

#modal_faca_login .close {
    padding: 10px 10px 0px 0px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    z-index: 3;
    cursor: pointer;
}

#modal_faca_login .close svg {
    height: 15px;
    width: 15px;
}

#modal_faca_login .close svg path {
    fill: #949494;    
}


#modal_faca_login .close:hover {
    opacity: 0.8
}

#modal_faca_login .black {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.8;
}

#modal_faca_login.login-on {
    display: block;
}

#modal_faca_login.login-off {
    display: none;
}
/* FIM MODAL LOGIN  =================== */

header#desktop .top .right {
    float: right
}

header#desktop .top .right a {
    float: left;
    padding: 7px 13px 8px;
    cursor: pointer;
}

header#desktop .top .right a:hover {
    background: #f7f7f7
}

header#desktop .top .right a.active:hover {
    background: #fbfbfb
}

header#desktop .top .right a p {
    float: left;
    color: #717171;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 8px 7px 0
}

header#desktop .midle {
    background: #FFF;
    float: left;
    width: 100%;
    height: 120px;
    position: relative;
    z-index: 2;
}

header#desktop .midle h6 {
    float: left;
}

header#desktop .midle h6 a {
    float: left;
    width: 261px;
    height: 61px;
    margin: 30px 0
}

header#desktop .midle h6 p {
    float: left;
    display: none;
}

header#desktop .midle .right {
    float: right;
    margin: 39px 0 0
}

header#desktop .midle .right.social { padding: 7px 35px; }
header#desktop .midle .right.social a { margin-right: 5px; }
header#desktop .social a.insta svg:last-child { display: none; }

header#desktop .social a:hover .facebook-icon path { fill: #4267b2; }
header#desktop .social a.insta:hover svg:first-child { display: none; }
header#desktop .social a.insta:hover svg:last-child { display: inline; }
header#desktop .social a:hover .linkedin-icon path { fill: #0077b5; }
header#desktop .social a:hover .youtube-icon path { fill: #ff0000; }

header#desktop .midle .right .box {
    width: 242px;
    float: left;
    padding: 7px 13px;
    border: 1px solid transparent;
    /* height: 42px; */
    height: 55px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

header#desktop .midle .right .box.flyout {
    width: 259px
}

/* Construtiva */
header#desktop .midle .right .box:hover {
    border: 1px solid #f5f5f5;
    height: auto;
    background: #FFF;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10)
}

header#desktop .midle .right .box p {
    float: left;
    color: #717171;
    font-size: 1.1em;
    padding: 8px 7px 0
}

header#desktop .midle .right .box .top {
    float: left;
    width: 100%;
    background: #FFF;
}

header#desktop .midle .right .box .hover {
    float: left;
    width: 100%;
    background: ;
    margin: 10px 0 0;
    font-size: .9em
}

header#desktop .midle .right .box .hover {
    float: left;
    width: 100%;
    background: ;
    margin: 10px 0 0
}

header#desktop .midle .right .box .hover .title {
    float: left;
    width: 100%;
    padding: 10px 0 10px 10px;
    margin: 0 0 5px 0;
    background: #4290c8;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    font-size: 1.2em;
}

header#desktop .midle .right .box .hover a {
    float: left;
    width: 100%;
    cursor: pointer;
}

header#desktop .midle .right .box .hover a:hover p {
    text-decoration: underline;
}

header#desktop .midle .right .box .hover p {
    font-size: 1.3em;
    padding: 5px 0 5px 10px;
}

section .midle .right {
    float: right;
    margin: 12px 0;
}

section .midle .right .box {
    width: 242px;
    float: left;
    padding: 7px 13px;
    border: 1px solid transparent;
    height: 42px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

section .midle .right .box.flyout {
    width: 259px
}

/* Construtiva */
section .midle .right .box:hover {
    border: 1px solid #f5f5f5;
    height: auto;
    background: #FFF;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10)
}

section .midle .right .box p {
    float: left;
    color: #717171;
    font-size: 1.1em;
    padding: 8px 7px 0
}

section .midle .right .box .top {
    float: left;
    width: 100%;
    background: #FFF;
}

section .midle .right .box .hover {
    float: left;
    width: 100%;
    background: ;
    margin: 10px 0 0;
    font-size: .9em
}

section .midle .right .box .hover {
    float: left;
    width: 100%;
    background: ;
    margin: 10px 0 0
}

section .midle .right .box .hover .title {
    float: left;
    width: 100%;
    padding: 10px 0 10px 10px;
    margin: 0 0 5px 0;
    background: #ffd504;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    font-size: 1.2em;
}

section .midle .right .box .hover a {
    float: left;
    width: 100%;
    cursor: pointer;
}

section .midle .right .box .hover a:hover p {
    text-decoration: underline;
}

section .midle .right .box .hover p {
    font-size: 1.3em;
    padding: 5px 0 5px 10px;
}

header#desktop .bottom {
    float: left;
    background: #f7f7f7;
    width: 100%;
    padding: 25px 0 25px;
    position: relative;
}

header#desktop .bottom ul {
    float: left;
    padding: 0 30px 0 0
}

header#desktop .bottom ul:last-child {
    padding: 0;
}

header#desktop .bottom ul:last-child {
    padding: 0;
}

header ul li p,
header ul li input {
    text-transform: uppercase;
    color: #4390c8;
    font-size: 1.3em;
    font-weight: 500;
}

header ul li label p {
    padding: 0 0 8px 0;
}

header ul li p {
    padding: 0 0 6px 0;
}

header ul li input {
    width: 100%;
    float: left;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #e8e8e8
}

header ul li input.down {
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    margin: -2px 0 0 0
}

header ul li button {
    width: 100%;
    height: 50px;
    background: #ffd400;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2em;
    color: #FFF;
    border: 0;
    cursor: pointer;
}

header ul li button:hover {
    background: rgba(255, 212, 0, 0.62)
}

header ul.big {
    width: 30%;
}

header ul.big li input {
    padding-left: 5%;
}

header ul.small {
    width: 15%
}

header ul.small li input {
    padding-left: 10%;
}

header ul.smaller {
    width: 10%
}

header ul.smaller li button {
    margin: 22px 0 0 0
}






/* ---------------- HEADER MOBILE ---------------- */
header#mobile {
    position: relative;
    z-index: 999;
    border-bottom: 1px solid #f7f7f7;
    background: #FFF;
    padding: 0;
}

header#mobile .sup {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
}

header#mobile .top {
    /* float: left; */
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 5%;
}

header#mobile .top .left {
    float: left;
}

header#mobile .top .left a {
    float: left;
    padding: 15px 20px;
    font-size: 1.1em;
    color: #717171
}

header#mobile .top .left a:hover {
    background: #DDD
}

header#mobile .top .right {
    float: right;
    padding-top: 7px;
}

header#mobile .top .right a {
    float: left;
    padding: 17px 14px 16px;
    cursor: pointer;
}
/* 
header#mobile .top .right .box:hover a {
    background: #FFF
} */

header#mobile .top .right a p {
    display: none;
    float: left;
    color: #717171;
    font-size: 1.1em;
    padding: 8px 7px 0
}

/* header#mobile .top .right .box:hover a p {
    display: block;
} */

header#mobile .top .right a.border {
    border-right: 1px solid #f7f7f7;
    /* padding: 17px 9px 16px 14px; */
    padding: 17px 9px 16px 10px;
}

header#mobile .top .right a.border.total {
    width: 100%;
}

header#mobile .top .right .box {
    float: left;
    height: 62px;
    cursor: pointer;
    width: 80px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

/* header#mobile .top .right .box:hover {
    height: auto;
    width: 255px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10)
} */

/* header#mobile .top .right .box:hover .hover {
    position: absolute;
    top: 50px;
    z-index: 100;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10)
} */

header#mobile .top .right .box div.top {
    display: none;
}

header#mobile .top .right .box .hover {
    float: left;
    margin: 10px 0 0;
    font-size: .9em;
    width: 255px;
    padding: 0 10px 10px;
    background: #fff;
}

header#mobile .top .right .box .hover .title {
    float: left;
    width: 100%;
    padding: 10px 0 10px 10px;
    margin: 0 0 0px 0;
    background: #ffd504;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
    font-size: 1.2em;
}

header#mobile .top .right .box .hover a {
    width: 100%;
    padding: 0
}

header#mobile .top .right .box .hover a:hover p {
    text-decoration: underline;
}

header#mobile .top .right .box .hover p {
    font-size: 1.3em;
    padding: 5px 0 5px 10px;
    background: #fff;
    width: 100%;
}

header#mobile .top .right .box p {
    float: left;
    color: #717171;
    font-size: 1.1em;
    padding: 8px 7px 0;
}

header#mobile .bottom {
    float: left;
    width: 100%;
    /* padding: 30px 0 25px; */
    padding: 30px 0 50px;
    position: relative;
}

header#mobile .bottom h6 {
    float: left;
    width: 17%;
    margin: 0 3% 0 0;
}

header#mobile .bottom h6 a {
    float: left;
    width: 100%;
    height: auto;
}

header#mobile .bottom h6 p {
    float: left;
    display: none;
}

header#mobile .bottom form {
    float: left;
    width: 80%
}

header#mobile .bottom ul {
    float: left;
    padding: 0 15px 0 0
}

header#mobile .bottom ul:last-child {
    padding: 0;
}

header#mobile .bottom ul:last-child {
    padding: 0;
}

header#mobile ul.smaller li button {
    font-size: 1.1em;
    margin: 0 0 0 0
}

header#mobile ul li input {
    text-transform: uppercase;
    font-size: 1.1em;
    border-bottom: 2px solid #e8e8e8;
    background-color: #F7F7F7
}

header#mobile ul li input.down {
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    margin: 0 0 0 0
}

header#mobile ul li input::-webkit-input-placeholder {
    color: #4390c8;
}

header#mobile ul li input:-moz-placeholder {
    color: #4390c8;
}

header#mobile ul li input::-moz-placeholder {
    color: #4390c8;
}

header#mobile ul li input:-ms-input-placeholder {
    color: #4390c8;
}




/* ==== MENU MOBILE ==== */
header#mobile .header-fixo {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none
}

header#mobile #menu {}

header#mobile .black {
    width: 105%;
    height: 100%;
    margin: 0 0 0 -5%;
    position: fixed;
    z-index: 1;
    background: #0c6dbc;
}

header#mobile .menu_phone {
    display: block;
    /* position: absolute; */
    z-index: 999997;
    width: 75px;
    height: auto;
    cursor: pointer;
    padding: 34px 10px;
    /* padding: 40px 25px; */
    margin-top: 10px;
    margin-left: 5%;
}

header#mobile .on-swift {
    /* background: #FFF; */
    background: transparent;
    /* border-right: 1px solid #f7f7f7 */
}

header#mobile .on-swift:hover {
    /* background: #F7F7F7 */
    background: transparent;
}

header#mobile .off-swift {
    background: #0c6dbc00;
    height: 20px;
}

header#mobile .header-fixo #menu {
    margin: 0;
    font-size: 2.0em;
    float: left;
    width: 100%;
    height: auto;
    background: ;
    position: relative;
    z-index: 3;
}

header#mobile .header-fixo #menu .big {
    margin: 80px 0;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
}

header#mobile .header-fixo #menu .big a {
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 998;
    float: left;
    color: #FFF;
    margin: 0 0 0 0;
    padding: 5% 0%;
    cursor: pointer;
    border-left: 10px solid transparent;
    font-weight: 300;
}

header#mobile .header-fixo #menu .big .modales>a {
    border-left: 0px solid transparent;
    padding: 0;
}

header#mobile .header-fixo #menu .big .modales a {
    width: 60%;
}

header#mobile .header-fixo #menu .big a:hover {
    font-weight: 900
}

header#mobile .header-fixo #menu .big .modales {
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 998;
    float: left;
    color: #FFF;
    margin: 0 0 0 0;
    padding: 1em 2em;
    cursor: pointer;
    border-left: 10px solid transparent;
    font-weight: 300;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    font-size: 140%;
}

.menu-mobile-icon{ padding-left: 80%; }

header#mobile .header-fixo #menu .big .modales:hover {
    border-left: 25px solid #FFF;
    font-weight: 900;
    background: #0c6dbc;
}

header#mobile .header-fixo #menu .big .modales div a {
    clear: both;
    font-size: 95%;
    width: auto;
    opacity: 0.75;
    padding: 2em 8% 0 3%;
    display: none;
}

header#mobile .header-fixo #menu .big .modales div a:hover {
    border-left: 10px solid transparent;
    /*text-decoration: underline;*/
    opacity: 1;
}

header#mobile .header-fixo #menu .big .modales:hover>div a {
    display: block;
}


/*BOTAO COMPRE SUA PASSAGEM*/
header#mobile .midle .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

header#mobile .midle .row h6 {
    width: 20%;
}

header#mobile .midle .row .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px 0;
    margin-left: 5.4%;
}

header#mobile .midle .row .right .divContato {
    position: relative;
    display: inline-block;
    clear: both;
    width: 260px;
    height: 50px;
}

header#mobile .midle .row .right .divContato .box {
    margin-top: 0;
    position: absolute;
}

header#mobile .midle .row .right .boxHeaderComprarPassagem {
    padding: 8px 10px;
    margin: 0;
    background-color: #014886;
    width: 42%;
    margin-left: 5%;
}

header#mobile.superiorInterna .midle .row .right .boxHeaderComprarPassagem {
    padding: 8px 10px;
    margin: 0;
    background-color: #014886;
    width: 43%;
    margin-left: 1%;
}

header#mobile .midle .row .right .boxHeaderComprarPassagem .imgComprarPassagem {
    width: 60px;
    vertical-align: middle;
    display: inline-block;
}

header#mobile .midle .row .right .boxHeaderComprarPassagem h2 {
    color: #FFD301;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 18px;
}

section#header-fixed .midle .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section#header-fixed .midle .row h6 {
    width: 20%;
}

section#header-fixed .midle .row .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5.4%;
}

section#header-fixed .midle .row .right .divContato {
    position: relative;
    display: inline-block;
    clear: both;
    width: 260px;
    height: 50px;
}

section#header-fixed .midle .row .right .divContato .box {
    margin-top: 0;
    position: absolute;
}

section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
    padding: 10px 10px;
    margin: 0;
    background-color: #014886;
    width: 45%;
    margin-left: 2%;
}

section#header-fixed .midle .row .right .boxHeaderComprarPassagem .imgComprarPassagem {
    width: 50px;
    vertical-align: middle;
    display: inline-block;
}

section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2 {
    color: #FFD301;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 18px;
}

header#desktop .midle.btnCompraPassagem .row h6 {
    width: 20%;
}

header#desktop .midle.btnCompraPassagem .row .right {
    float: right;
    margin-top: 0;
    margin-left: 7.4%;
    width: 100%;
}

header#desktop .midle.btnCompraPassagem .row .right .divContato {
    position: relative;
    display: inline-block;
    clear: both;
    width: 260px;
    height: 50px;
}

header#desktop .midle.btnCompraPassagem .row .right .divContato .box {
    margin-top: 0;
    position: absolute;
}

header#desktop .midle.frame-responsive .row-form {
    display: flex; 
    align-items: center;
}

header#desktop .midle.frame-responsive .row-form iframe {
    position: absolute; 
    top: -13px;
}

header#desktop .midle.frame-responsive .row .right .boxHeaderComprarPassagem {
    padding: 8px 10px;
    margin: 0;
    background-color: #014886;
    width: 35%;
    margin-left: 2%;
}

header#desktop .midle.frame-responsive .boxHeaderComprarPassagem .boxHeader-h2 {
    margin:10px 0;
}

.boxHeader-h2.ucase.blue.adjust-font .header-imagem-livelo { width: 35px !important; transform: translateY(10px); }

header#desktop .midle.btnCompraPassagem .row .right .boxHeaderComprarPassagem .imgComprarPassagem {
    width: 50px;
    vertical-align: middle;
    display: inline-block;
}

header#desktop .btnCompraPassagem .row .right .boxHeaderComprarPassagem h2 {
    color: #FFD301;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 16px;
}

div.btnCompraPassagem {
    background-image: url(../../../images/bg_cabecalho.png) !important;
    clear: both;
    background-color: #f6f6f6;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 22% !important;
    padding: 17px 0;
}

.midle .btnCompraPassagem.frame-responsive {
    height: 130px;
}

header#desktop div.btnCompraPassagem {
    background-color: #f6f6f6;
    z-index: 1;
    height: auto;
}

#header-fixed div.btnCompraPassagem {
    height: auto;
    padding: 15px 0 5px;
}

section#header-fixed .midle.btnCompraPassagem .row .right {
    display: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    width: 95%;
    margin: 0;
    text-align: center;
}

#header-fixed .btnCompraPassagem .row .right div.divFormasPgto img {
    margin-left: 24px;
}

#header-fixed div.divFormasPgto p {
    margin-left: 25px;
}

section#header-fixed .midle.btnCompraPassagem .row .right div.divFormasPgto {
    margin-right: 0;
}

#header-fixed div.btnCompraPassagem {
    background-size: contain !important;
    background-color: #fff;
    background-image: none !important;
    background-position: 50% !important;
}

.infos-compra-passagem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 0 20px 0;
    width: 100%;
}
@media( max-width: 1155px ) { .infos-compra-passagem { padding-top: 10px; } }

.infos-compra-passagem .boxHeader-h2 a {
    position: relative;
    z-index: 999;
}

.infos-compra-passagem h2 img {
    width: 22px !important;
    margin: 0 2px -2px;
}
 
div.divFormasPgto {
    width: 400px;
    min-width: 300px;
    text-align: left;
}

div.divFormasPgto p {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    text-align: left;
}

div.divFormasPgto img {
    margin-left: 10px;
    margin-top: 10px;
}

header#mobile .midle .row .right.compraPassagem {
    width: 95%;
    display: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    text-align: center;
}

header#mobile .midle.btnCompraPassagem {
    background-color: #fff !important;
    background-position: 57% !important;
    padding: 10px 0;
}



/* === ICON MENU ANIMATED  === */
header#mobile #nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    height: 2px;
    width: 35px;
    background: #999999;
    position: absolute;
    display: block;
    content: '';
}

header#mobile #nav-toggle span:before {
    top: -12px;
}

header#mobile #nav-toggle span:after {
    bottom: -12px;
}

header#mobile #nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

header#mobile #nav-toggle.active span {
    background-color: transparent;
}

header#mobile #nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

header#mobile #nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #FFF
}

header#mobile #nav-toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #FFF
}





#estados {
    width: 100%;
    height: 0;
    padding: 0;
    display: block;
    background: url(../img/map/map2.png) no-repeat #4290c8;
    float: left;
    background-position: 0 5% !important;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#estados .box {
    width: 45%;
    height: ;
    background: ;
    float: left;
}

#estados .box h3 {
    width: ;
    height: ;
    float: left;
    font-size: 3.5em;
    color: #ffd400;
    font-weight: 700;
    padding: 55px 0 0 0;
}

#estados .box p {
    width: ;
    height: ;
    float: left;
    font-size: 1.7em;
    color: #FFF;
    padding: 0 0 0 0
}

#estados ul {
    width: 55%;
    height: ;
    float: right;
    margin: 22px 0
}

#estados ul li {
    width: ;
    height: auto;
    margin: 0 15px 15px 0;
    border: 1px solid #f4f4f4;
    text-align: center;
    float: left;
    text-transform: uppercase;
}

#estados ul li a {
    color: #FFF;
    float: left;
    padding: 20px;
}

#estados ul li:hover {
    background: white
}

#estados ul li:hover a {
    color: #4290c8
}



#estados.activeted {
    height: 271px;
    padding: 2.5% 0;
    margin-bottom: -10px;
}

.on-regiao {
    background: #4290c8;
}

.on-regiao:hover {
    background: #5699ca !important;
}

.on-regiao p {
    color: #FFF !important
}

.on-regiao .sprites.icon.localidade {
    background-position: -499px -195px;
}

.on-regiao .sprites.select {
    background-position: -612px -206px;
    width: 12px
}

/* ---------------- HEADER MOBILE ---------------- */
#header-fixed {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #FFF;
    display: none
}

.fix-header {
    display: block !important;
}

#header-fixed .bottom {
    float: left;
    width: 100%;
    padding: 20px 0 18px;
    border-bottom: 2px solid #f7f7f7;
    position: relative;
}

#header-fixed .bottom h6 {
    float: left;
    width: 17%;
    margin: 0 1% 0 0;
}

#header-fixed .bottom h6 a {
    float: left;
    width: 100%;
    height: auto;
}

#header-fixed .bottom h6 p {
    float: left;
    display: none;
}

#header-fixed ul li input {
    width: 100%;
    float: left;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #e8e8e8
}

#header-fixed ul li input.down {
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    margin: -2px 0 0 0
}

#header-fixed ul li button {
    width: 100%;
    height: 50px;
    background: #ffd400;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2em;
    color: #FFF;
    border: 0;
    cursor: pointer;
}

#header-fixed ul li button:hover {
    background: rgba(255, 212, 0, 0.62)
}

#header-fixed ul.big {
    width: 30%;
}

#header-fixed ul.big li input {
    padding-left: 5%;
}

#header-fixed ul.small {
    width: 15%
}

#header-fixed ul.small li input {
    padding-left: 10%;
}

#header-fixed ul.smaller {
    width: 10%
}

#header-fixed ul.smaller li button {
    margin: 22px 0 0 0
}



#header-fixed .bottom form {
    float: left;
    width: 80%
}

#header-fixed .bottom ul {
    float: left;
    padding: 0 15px 0 0
}

#header-fixed .bottom ul:last-child {
    padding: 0;
}

#header-fixed .bottom ul:last-child {
    padding: 0;
}

#header-fixed ul.smaller li button {
    font-size: 1.1em;
    margin: 0 0 0 0
}

#header-fixed ul li input {
    text-transform: uppercase;
    font-size: 1.1em;
    border-bottom: 2px solid #e8e8e8;
    background-color: #F7F7F7
}

#header-fixed ul li input.down {
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    margin: 0 0 0 0
}

#header-fixed ul li input::-webkit-input-placeholder {
    color: #4390c8;
}

#header-fixed ul li input:-moz-placeholder {
    color: #4390c8;
}

#header-fixed ul li input::-moz-placeholder {
    color: #4390c8;
}

#header-fixed ul li input:-ms-input-placeholder {
    color: #4390c8;
}


#exception header#desktop {
    display: none !important;
}

#exception header#mobile {
    display: block !important;
}




/*
==============================  
==========  HOME   ===========
============================== 
*/



/* ---------------- SETOR  ---------------- */
.setor {
    width: 100%;
    height: auto;
    position: relative;
    background: #F7F7F7;
    float: left;
    z-index: 1;
    padding:0px 0 2rem 0;
}

.setor .top h2 {
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
    line-height: 100%;
    height: auto;
    margin-bottom: 1rem;
}

#setor1 {
    width: 100%;
    height: auto;
    position: relative;
    background: #F7F7F7;
    float: left;
    z-index: 1;
    padding:0px 0 2rem 0;
}

#setor1 .banner-top {
    position: relative;
    z-index: 1
}

#setor1 ul.banner-bottom {
    width: 100%;
    float: left;
    margin: -37px 0 0 0;
    position: relative;
    z-index: 2
}

#setor1 ul.banner-bottom li {
    width: 100%;
    height: 188px;
    background-position: 55% 0 !important;
}




/* ---------------- SETOR  ---------------- */
#setor2 {
    width: 100%;
    height: auto;
    padding: 0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

#setor2 .top {
    float: left;
    width: 100%;
    padding: 2% 0;
    padding-left: 2%;
}

#setor2 .top h1 {
    float: left;
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

#setor2 .top .right {
    float: right;
    font-size: 1.3em;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
}

#setor2 .top .right i {
    float: left;
    margin: 7px 0 0 0
}

#setor2 .top .right p {
    float: left;
    padding: 14px 1em 0 1em;
}

#setor2 .top .right select {
    float: left;
    padding: 1em 2em 1em 1em;
    border: 0;
    color: #717171;
    text-transform: uppercase;
    font-weight: 700
}

#setor2 .content {
    float: left;
    width: 100%;
}

#setor2 .content a.box {
    float: left;
    width: 21%;
    height: 220px;
    background-size: cover !important;
    background-position: center !important;
    margin: 2%;
}

#setor2 .content a.box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-flow: column;
           flex-flow: column;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
    width: 100%;
    height: 100%;
    color: #FFF;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.35);
}

#setor2 .content a.box li:hover {
    background: rgba(0, 0, 0, 0.75);
}

#setor2 .content a.box li h3 {
    /* float: left; */
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.9em;
    padding: 2.2em 2.2em 0;
    margin-bottom: 1.2em;
}

#setor2 .content a.box li p {
    /* float: left; */
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 2.6em;
}

#setor2 .content a.box li p.apartir {
    font-size: 1.6em;
}

#setor2 .content:last-child p {
    float: left;
    font-style: italic;
    font-size: 1.4em;
    /*margin: 5% 0 0;*/
    margin: 0 2% 0px;
}

#setor2 .content:last-child a {
    float: right;
    font-size: 1.4em;
    margin: 5% 0 0;
    text-decoration: underline;
    color: #4390c8;
}

#setor2 .content:last-child a:hover {
    text-decoration: none
}





/* ---------------- SETOR  ---------------- */
#setor3 {
    width: 100%;
    height: auto;
    padding: 0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

#setor3 #video {
    float: left;
    width: 100%;
    padding: 0 0;
}

#setor3 #video .box {
    float: left;
    width: ;
    background: rgba(0, 96, 163, 0.7);
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    padding: 13em 0 10.3em 0;
}

#setor3 #video .box i {
    font-size: 7em;
    line-height: 0;
}

#setor3 #video .box h3 {
    font-size: 4.5em;
    line-height: 3;
}

#setor3 #video .box a {
    font-size: 1.9em;
    line-height: 3;
    border: 1px solid #FFF;
    padding: 1em 2em;
    color: #FFF;
    font-weight: 400
}

#setor3 #video .box a:hover {
    color: rgba(0, 96, 163, 1);
    background: #FFF
}

#setor3 .last {
    float: left;
    position: absolute;
    bottom: 7.5%;
    right: 3%;
    color: #FFF;
    font-size: 1.05em
}

#setor3 a.last p {
    float: left;
    text-decoration: underline;
    margin: 6px 1em 0 0
}

#setor3 a.last i {
    float: left;
    font-size: 2.4em;
}

#setor3 a.last:hover p {
    text-decoration: none;
}






/* ---------------- SETOR  ---------------- */
#setor4 {
    width: 100%;
    height: auto;
    padding: 0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

#setor4 .left {
    width: 50%;
    height: 406px;
    position: relative;
    background-position: -380% center;
    float: left
}

#setor4 .left .box {
    width: 100%;
    padding: 5%;
    height: 100%;
    background: #ffd400;
    position: absolute;
    top: 0;
    left: 0;
}

#setor4 .left .box h2 {
    float: left;
    color: #666;
    font-size: 2.6em;
    text-transform: uppercase;
    font-weight: 300;
    height: auto;
}

#setor4 .left .box p {
    float: left;
    color: #666;
    font-size: 1.2em;
    line-height: 1.7;
    margin: 1em 0 0;
    font-weight: 400
}

#setor4 .left .box p a {
    color: #666;
    text-decoration: underline;
}

#setor4 .left .box p a:hover {
    text-decoration: none;
}


#setor4 .right {
    width: 50%;
    height: 100%;
    position: relative;
    background: #115CA0;
    float: left
}

#setor4 .right img {
    height: 203px;
    float: left;
    position: relative;
}

#setor4 .right img.medio {
    width: 100%
}

#setor4 .right img.pequeno1 {
    width: 50%
}

/* Construtiva */
#setor4 .right img.pequeno2 {
    width: 50%
}

/* Construtiva */







/* ---------------- SETOR  ---------------- */
#noticias-lista {
    width: 100%;
    height: auto;
    padding: 0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

#noticias-lista .top {
    float: left;
    width: 100%;
    padding: 0 0 5% 0;
}

/* Construtiva */
#noticias-lista .top h2 {
    float: left;
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

#noticias-lista .top .right {
    float: left;
    font-size: 1.3em;
    font-weight: 500;
    color: #666;
}

#noticias-lista .top .right a {
    float: left;
    padding: 16px 1em 0 3em;
    color: #666;
    text-decoration: underline;
}

#noticias-lista .top .right a:hover {
    text-decoration: none;
}

#noticias-lista .content {
    float: left;
    width: 100%;
}

#noticias-lista .content li {
    float: left;
    width: 31.3%;
    margin: 0 3% 0 0;
    background: ;
    padding: 2% 4%;
    color: #666;
    font-size: 1.4em;
    font-style: italic;
    border-bottom: 2px solid #e8e8e8
}

#noticias-lista .content li:last-child {
    margin: 0
}

#noticias-lista .content li:hover {
    background: #FFF
}

#noticias-lista .content li p {
    /*float: left;*/
    display: block;
}

#noticias-lista .content li h3 {
    /*float: left;*/
    display: inline-block;
    font-weight: 700;
    padding: 2% 0
}

#noticias-lista .content li a {
    /*float: left;*/
    display: block;
    color: #666;
    text-decoration: underline;
}

#noticias-lista .content li a:hover {
    text-decoration: none;
}


/* ---------------- CARROSSEL NOTICIAS  ---------------- */

#carrossel-noticias {
    width: 100%;
    height: auto;
    padding: 0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    z-index: 1;
}

#carrossel-noticias .top h2 {
    float: left;
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

#carrossel-noticias .top .right {
    float: left;
    font-size: 1.3em;
    font-weight: 500;
    color: #666;
}

#carrossel-noticias .top .right a {
    float: left;
    padding: 16px 1em 0 3em;
    color: #666;
    text-decoration: underline;
}

#carrossel-noticias .top .right a:hover {
    text-decoration: none;
}


#carrossel-noticias .owl-carousel {
    clear: both;
    width: calc(100% - 100px);
    margin: 0 auto;
}

#carrossel-noticias .owl-item {
    background: transparent !important;
    background-color: transparent !important;
    padding: 20px;
}

#carrossel-noticias .data {
    font-size: 13px;
    margin-top: 6px;
}

#carrossel-noticias img {
    display: block;
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    background: #FFF;
}

#carrossel-noticias h3 {
    font-size: 18px !important;
    font-weight: 700;
    color: #061B65;
    min-height: 45px;
    text-align: center;
    margin-bottom: 5px;
}

#carrossel-noticias p {
    font-size: 1.6em;
    font-weight: 400;
    color: #666;
    line-height: 1.7;
    text-align: center;
}

#carrossel-noticias .owl-carousel .owl-nav button.owl-next,
#carrossel-noticias .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 45%;
    width: 50px;
    height: 70px;
    opacity: 0;
}
#carrossel-noticias .owl-carousel .owl-nav button.owl-prev { left: -50px; }
#carrossel-noticias .owl-carousel .owl-nav button.owl-next { right: -50px; }

#carrossel-noticias .svg-prev,
#carrossel-noticias .svg-next {
    width: 50px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

#carrossel-noticias .owl-carousel .owl-nav button.owl-prev { left: -50px; }
#carrossel-noticias .owl-carousel .owl-nav button.owl-next { right: -50px; }

#carrossel-noticias .svg-next { right: 0; }

@media ( max-width: 1370px ) {
    #carrossel-noticias img { height: calc(100vw / 8.5) !important; }
}

@media ( max-width: 1200px ) {

    #carrossel-noticias img { height: calc(100vw / 5.5) !important; }
    
    #carrossel-noticias .owl-carousel { width: calc(100% - 80px); }
    
    #carrossel-noticias .svg-prev,
    #carrossel-noticias .svg-next { width: 40px; }

    #carrossel-noticias .owl-carousel .owl-nav button.owl-prev { left: -40px; }
    #carrossel-noticias .owl-carousel .owl-nav button.owl-next { right: -40px; }

}

@media ( max-width: 768px ) {

    #carrossel-noticias img { height: calc(100vw / 2.9) !important; }
    
    #carrossel-noticias .owl-carousel { width: calc(100% - 60px); }
    
    #carrossel-noticias .svg-prev,
    #carrossel-noticias .svg-next { width: 30px; }

    #carrossel-noticias .owl-carousel .owl-nav button.owl-prev { left: -30px; }
    #carrossel-noticias .owl-carousel .owl-nav button.owl-next { right: -30px; }

}
/* ---------------- END CARROSSEL NOTICIAS  ---------------- */






/* ---------------- SETOR  ---------------- */
#setor5 {
    width: 100%;
    height: auto;
    padding:0px 0 2rem 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

/* Construtiva */

#setor5 .left {
    float: left;
    width: 46.5%
}

#setor5 .right {
    float: right;
    width: 46.5%
}

#setor5 .box {
    float: left;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 490px;
    padding: 7.5%;
    position: relative;
    background: #FFF;
    border-bottom: 2px solid #e8e8e8;
}

#setor5 .box h2 {
    float: left;
    font-size: 2.6em;
    text-transform: uppercase;
    font-weight: 300
}

#setor5 .box p {
    clear: both;
    float: left;
    margin: 1em 0 0 0;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 400
}

#setor5 .box input {
    width: 100%;
    height: 50px;
    margin: 1em 0 0 0;
    padding: 0 3.5%;
    float: left;
    clear: both;
    border: 0;
    font-size: 1.6em;
    font-style: italic;
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    background: #F7F7F7
}

#setor5 .box input::-webkit-input-placeholder {
    color: #666;
}

#setor5 .box input:-moz-placeholder {
    color: #666;
}

#setor5 .box input::-moz-placeholder {
    color: #666;
}

#setor5 .box input:-ms-input-placeholder {
    color: #666;
}

#setor5 .box select {
    width: 100%;
    height: 50px;
    margin: 1em 0 0 0;
    padding: 0 3.5%;
    float: left;
    clear: both;
    border: 0;
    font-size: 1.6em;
    font-style: italic;
    border-top: 2px solid #e8e8e8;
    border-bottom: 0;
    background: #F7F7F7;
    color: #666;
}

#setor5 .box button {
    width: auto;
    clear: both;
    float: left;
    margin: 1.5em 0 0 0;
    padding: 0 4em;
    height: 50px;
    background: #4391c8;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2em;
    color: #FFF;
    border: 0;
    cursor: pointer;
}

#setor5 .box button:hover {
    background: rgba(67, 145, 200, 0.66)
}

#setor5 .right .box button {
    margin-top: 280px;
    float: right;
}

/* Construtiva */
#setor5 .right .box {
    background-position: bottom right;
    background-repeat: no-repeat;
}

#setor5 .right img {
    height: auto;
    width: 59%;
    margin: 3rem auto 0;
}
@media( max-width: 1200px ) { #setor5 .right img { width: 70%; } }
@media( max-width: 1024px ) { #setor5 .right img { width: 80%; } }
@media( max-width:  800px ) { #setor5 .right img { width: auto; height: 80%; } }
@media( max-width:  500px ) { #setor5 .right img { width: 90%;  height: auto; } }
/* Construtiva */

/*
=======================================  
==========  INTERNA PADRAO   ==========
======================================= 
*/


/* ---------------- BREADCAMPS  ---------------- */

#BreadCamps {
    display: ;
    width: 100%;
    height: auto;
    padding: 30px 0 26px;
    color: #999;
    font-size: 1.3em;
    background: #FFF;
    float: left;
    z-index: 1;
    font-weight: 400
}

#BreadCamps i {
    float: left;
    width: 15px;
    height: 15px;
    background-position: -483px -112px;
    margin: 1px 15px 0 0
}

#BreadCamps a {
    float: left;
    color: #28a6ff;
    text-decoration: underline;
}

#BreadCamps a:hover {
    text-decoration: none;
}

#BreadCamps p {
    float: left;
    font-style: italic;
}

#BreadCamps span {
    float: left;
    margin: -3px 13px 0;
    font-size: 1.4em;
    opacity: .3
}


/* ---------------- SETOR  ---------------- */
#InternaSetor1 {
    width: 100%;
    height: auto;
    padding: 0 0 5% 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    z-index: 1
}

#InternaSetor1 .top {
    float: left;
    width: 100%;
    padding: 5% 0;
}

#InternaSetor1 .top .left {
    float: left;
}

#InternaSetor1 .top .left h2 {
    float: left;
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

#InternaSetor1 .top .left p {
    float: left;
    clear: both;
    font-size: 1.6em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    margin: 15px 0 0 0;
}

/* Construtiva */

#InternaSetor1 .top .right {
    float: right;
    font-size: 1.3em;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
}

#InternaSetor1 .top .right i {
    float: left;
    margin: 7px 0 0 0
}

#InternaSetor1 .top .right p {
    float: left;
    padding: 14px 1em 0 1em;
}

#InternaSetor1 .top .right select {
    float: left;
    padding: 1em 2em 1em 1em;
    border: 0;
    color: #717171;
    text-transform: uppercase;
    font-weight: 700
}

#InternaSetor1 .content {
    float: left;
    width: 100%;
    padding: ;
}

#InternaSetor1 .content .all {
    width: 100%;
    padding-bottom: 5%;
    float: left;
    height: ;
    background: ;
}

#InternaSetor1 .content .left {
    width: 65%;
    padding-bottom: 10%;
    float: left;
    height: ;
    background: ;
}

#InternaSetor1 .content .right {
    width: 25%;
    padding-bottom: 10%;
    float: right;
    height: ;
    background: ;
}

/*#InternaSetor1 .content article h1 { clear: both; font-size: 2.3em; padding: 0 0 0.7em 0; font-weight: 700; color: #666; } /* Construtiva */
#InternaSetor1 .content article h1 {
    clear: both;
    font-size: 25px;
    padding: 0 0 0.4em 0;
    font-weight: 700;
    color: #061B65;
}

/* Construtiva */
/*#InternaSetor1 .content article h2 { clear: both; font-size: 1.6em; padding: 0 0 1.8em 0; font-weight: 700; color: #666; } /* Construtiva */
#InternaSetor1 .content article h2 {
    clear: both;
    font-size: 20px;
    padding: 0 0 1.8em 0;
    font-weight: 700;
    color: #4591CA;
    cursor: pointer;
}

/* Construtiva */
#InternaSetor1 .content article .top .left h2 {
    clear: both;
    font-size: 20px;
    padding: 0 0 1.8em 0;
    font-weight: 700;
    color: #4591CA;
}

#InternaSetor1 .content article h3 {
    float: left;
    clear: both;
    font-size: 2.3em;
    padding: 0 0 0.7em 0;
    font-weight: 700;
    color: #666;
}

#InternaSetor1 .content article h4 {
    float: left;
    clear: both;
    font-size: 1.6em;
    padding: 0 0 1.8em 0;
    font-weight: 700;
    color: #666;
}

#InternaSetor1 .content article p {
    float: left;
    clear: both;
    font-size: 1.6em;
    padding: 0 0 1.7em 0;
    font-weight: 400;
    color: #666;
    line-height: 1.7;
    padding-top: 10px;
}

#InternaSetor1 .content article p small {
    font-size: 0.85em;
}

#InternaSetor1 .content article p a {
    color: #179fc0;
    font-weight: 700;
    text-decoration: underline;
}

#InternaSetor1 .content article p a:hover {
    text-decoration: none;
}

/*  #InternaSetor1 .content article img {  width: 100%; float: left; margin: 30px 0 0 } */
/* Construtiva */
#InternaSetor1 .content article img {
    float: left;
    margin: 30px 30px 0 0;
}

/* Construtiva */


#InternaSetor1 .content .right p small {
    font-style: italic;
}

#InternaSetor1 .content .menu {
    width: 100%;
    float: left;
    padding-top: 10px
}

#InternaSetor1 .content .menu li {
    width: 90%;
    float: left;
    padding: 20px 0 20px 5%;
    color: #666;
    font-size: 1.3em;
    background: transparent;
    border-bottom: 2px solid #e8e8e8;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}

#InternaSetor1 .content .menu li:hover {
    border-top: 2px solid #f4f4f4;
    background: #f4f4f4
}

#InternaSetor1 .content .menu li.active {
    background: #FFF;
    margin: -2px 0 0 0
}

#InternaSetor1 .content .menu li.active:hover {
    border-top: 0
}

#InternaSetor1 .content .menu li i {
    display: none;
    width: 10px;
    height: 62px;
    background-position: -540px -101px;
    position: absolute;
    top: -3px;
    left: -10px;
}

#InternaSetor1 .content .menu li:hover i {
    display: block;
    background-position: -530px -101px;
    top: -5px;
}

#InternaSetor1 .content .menu li.active i {
    display: block
}

#InternaSetor1 .content .menu li.active:hover i {
    background-position: -540px -101px;
    top: -3px;
}

#InternaSetor1 .content .menu li .subs {
    width: 90%;
    float: left;
    padding: 20px 0 20px 5%;
    font-size: 0.9em;
    background: transparent;
    font-weight: 400;
    position: relative;
}

#InternaSetor1 .content .menu li .subs a {
    float: left;
    width: 100%;
    color: #666;
    text-transform: none;
    margin: 0 0 0.5em 0
}

#InternaSetor1 .content .menu li .subs a.active {
    font-weight: 700;
    background: transparent !important;
}

#InternaSetor1 .content .menu li .subs a.active:hover {
    text-decoration: none;
    background: transparent !important;
}

#InternaSetor1 .content .menu li .subs a:hover {
    text-decoration: underline;
}


#InternaSetor1 form.menuMobile {
    display: none;
    width: auto;
    float: left;
    margin: 5% 0 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#InternaSetor1 form.menuMobile select {
    float: left;
    padding: 1em 2em 1em 1em;
    border: 0;
    color: #717171;
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 700
}



#InternaSetor1.contato .boxContato {}

#InternaSetor1.contato .boxContato a {
    width: 22%;
    margin: 0 4% 0 0;
    float: left;
    height: 330px;
    background: #4391c8;
    cursor: pointer;
}

#InternaSetor1.contato .boxContato a:hover {
    opacity: 0.8;
}

#InternaSetor1.contato .boxContato a:last-child {
    margin: 0
}

#InternaSetor1.contato .boxContato a i {
    width: 131px;
    height: 115px;
    float: left;
    position: relative;
    top: 0;
    left: 50%;
    margin: 50px 0 0 -64px;
}

#InternaSetor1.contato .boxContato a.formulario i {
    background-position: -43px -298px;
}

#InternaSetor1.contato .boxContato a.achados {
    background: #ffd400
}

#InternaSetor1.contato .boxContato a.achados i {
    background-position: -721px -285px;
    margin-top: 33px;
    height: 129px;
}

#InternaSetor1.contato .boxContato a.achados p {
    color: #000
}

#InternaSetor1.contato .boxContato a.trabalhe i {
    background-position: -383px -298px;
    margin-top: 50px
}

#InternaSetor1.contato .boxContato a.solicitacao {
    background: #ffd400
}

#InternaSetor1.contato .boxContato a.solicitacao i {
    background-position: -554px -298px;
    margin-top: 63px;
    margin-bottom: -12px;
}

#InternaSetor1.contato .boxContato a.solicitacao p {
    color: #000
}


#InternaSetor1.contato .boxContato a h3 {
    width: 80%;
    margin: 5% 10%;
    color: #FFF;
    font-size: 1.6em;
    float: left;
    font-weight: 700
}

#InternaSetor1.contato .boxContato a p {
    width: 80%;
    margin: 0 10% 10%;
    color: #FFF;
    font-size: 1.3em;
    float: left;
    opacity: 0.5;
    line-height: 1.6
}

#InternaSetor1.contato .btn {
    width: auto;
    clear: both;
    float: right;
    margin: 1em 0 0 0;
    padding: 1em 2em;
    height: 50px;
    background: #4391c8;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2em;
    color: #FFF;
    border: 0;
    cursor: pointer;
}

#InternaSetor1.contato .btn:hover {
    background: rgba(67, 145, 200, 0.66)
}

#InternaSetor1.contato .mapaBrasil {
    float: left;
}

#InternaSetor1.contato .mapaBrasil h3 {
    font-size: 1.4em;
    font-weight: 700
}

#InternaSetor1.contato .mapaBrasil p {
    font-size: 1.1em;
}

#InternaSetor1.contato .BoxWhite {
    float: left;
    background: white;
    padding: 5em;
    margin: 3% 0 0 6%
}

/* Construtiva */
#InternaSetor1.contato .BoxWhite form {
    clear: both;
    float: left;
}

#InternaSetor1.contato .BoxWhite form label {
    clear: both;
    float: left;
    margin: 0 0 7.5% 0
}

#InternaSetor1.contato .BoxWhite form label p {
    clear: both;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}

/* Construtiva */
#InternaSetor1.contato .BoxWhite form label select {
    width: 250px !important;
    clear: both;
    height: 50px;
    color: #666;
    padding: 0 0 0 5%;
    background: #f7f7f7;
    border: 0;
    border-bottom: 2px solid #e8e8e8;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
    margin: 4.5% 0 0 0
}

#InternaSetor1.contato .BoxWhite form .resultado {
    width: 250px;
    clear: both;
    float: left;
}

#InternaSetor1.contato .BoxWhite form .resultado p {
    clear: both;
    float: left;
    font-size: 1.3em;
    line-height: 1.6;
    margin: 20px 0 0 0;
}

/* Construtiva */
#InternaSetor1.contato .BoxWhite form .resultado a {
    clear: both;
    height: auto;
    margin: 0 0 0 0
}

/* ======= MAPA ======= */
#map_canvas {
    width: 100%;
    height: 400px;
    float: right;
    margin: 0;
    position: relative;
    z-index: 1
}

/* -- INFO MAP  -- */
.gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 300px !important;
    height: 110px !important;
    padding: 0 0 -50px 0 !important;
    bottom: 0 !important;
    background: ;
    position: relative !important;
}

#conteudo-mapa {
    width: 300px;
    height: 100% !important;
    color: #ccc;
    background: ;
    padding: 0;
    margin: 0
}

#conteudo-mapa .left {
    width: 20% !important;
    height: 100% !important;
    float: left;
    padding: 0 !important;
}

#conteudo-mapa .left i {
    font-size: 2em;
    color: #000;
    margin: 40% !important;
}

#conteudo-mapa .right {
    width: 80% !important;
    height: 100% !important;
    float: left;
    padding: 0 !important;
}

#conteudo-mapa .right p {
    font-size: 1.0em !important;
    color: #000;
    margin: 10% 0 0 2%;
    line-height: 1.5
}

#conteudo-mapa .right a {
    color: #000;
    text-decoration: none;
}

#conteudo-mapa .right a.lk {
    font-size: 0.8em;
    color: #000;
    padding: 0;
    text-decoration: underline;
}

#conteudo-mapa .right a.lk:hover {
    text-decoration: none;
}


/* ---------------- LANDINGS  ---------------- */

#LandingsViopValeOnline {
    width: 100%;
    height: auto;
    position: relative;
    background: #F7F7F7;
    float: left;
    z-index: 1
}

#LandingsViopValeOnline .banner-top {
    position: relative;
    z-index: 1
}


#LandingsViopValeOnline .carousel {
    background: #3587da;
}

#LandingsViopValeOnline .carousel-cell {
    height: 720px;
    background-position: center center !important;
    background-size: 1920px 550px !important;
    background-repeat: no-repeat !important;
}

@media (max-width:1170px) {
    #LandingsViopValeOnline .carousel-cell {
        height: auto;
        margin-right: 0;
    }

    #LandingsViopValeOnline .carousel-cell img {
        width: 100%;
        display: block !important;
        float: left;
        z-index: 9
    }

    .midle .row .right .boxHeaderComprarPassagem img {
        width: 28px !important;
    }

    .midle .row .right .boxHeaderComprarPassagem {
        padding: 17px 5px !important;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 13px;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem.boxHeader-yellow h2 {
        font-size: 12px !important;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem.boxHeader-yellow {
        padding: 17px 5px !important;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    header#desktop .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
        margin-left: 8%;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
        margin-left: 1%;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2.blue {
        font-size: 13px !important;
    }
}

@media (max-width:1060px) {
    section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
        width: 48%
            /**/
        ;
        padding: 8px 8px;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }
}

@media (max-width:980px) {
    section#header-fixed .midle .row .right .divContato {
        display: none;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
        width: 48%
            /**/
             !important;
        padding: 10px 10px;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem.boxHeader-yellow h2 {
        font-size: 11px !important
    }

    section#header-fixed .midle .row h6 {
        width: 30% !important;
    }

    div.divFormasPgto p {
        font-size: 13px;
    }

    header#mobile .midle .row .right .divContato {
        display: none;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem {
        width: 48%
            /**/
             !important;
        padding: 17px 2px;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    header .midle .row .right .boxHeaderComprarPassagem img {
        width: 25px !important;
    }

    .midle .row .right .boxHeaderComprarPassagem img {
        width: 28px;
    }

    header#mobile .midle .row h6 {
        width: 30% !important;
    }

    header#desktop .midle .row .right .divContato {
        display: none;
    }

    header#desktop .midle .row .right .boxHeaderComprarPassagem {
        width: 45%
            /**/
             !important;
        padding: 10px 10px;
    }

    header#desktop .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    header#desktop .midle .row h6 {
        width: 30% !important;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2.blue {
        font-size: 10.7px !important;
    }

    section#header-fixed div.boxHeader-yellow {
        padding: 18.5px 5px !important;
    }
}

@media (max-width:560px) {
    section#header-fixed .midle .row .right .divContato {
        display: none;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem {
        width: 52%
            /**/
             !important;
        padding: 10px 10px;
    }

    section#header-fixed .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    section#header-fixed .midle .row h6 {
        width: 30% !important;
    }

    header#mobile .midle .row .right .divContato {
        display: none;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem {
        width: 48%
            /**/
             !important;
        padding: 10px 5px !important;
    }

    header#mobile .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 12px;
    }

    header#mobile .midle .row h6 {
        width: 30% !important;
    }

    header#desktop .midle .row .right .divContato {
        display: none;
    }

    header#desktop .midle .row .right .boxHeaderComprarPassagem {
        width: 52% !important;
        padding: 10px 10px;
    }

    header#desktop .midle .row .right .boxHeaderComprarPassagem h2 {
        font-size: 14px;
    }

    header#desktop .midle .row h6 {
        width: 30% !important;
    }
}

/* ---------------- FOOTER  ---------------- */
.footer {
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    position: relative;
    background: #f7f7f7;
    float: left;
    padding-top: 4em;
    background: #0c6dbc;
    clear: both;
}

.footer > .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 65% 2rem 35%;
    grid-template-columns: 65% 35%;
    grid-gap: 2rem;
}

.footer .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.footer .footer-menu .footer-col {
    width: 25%;
}

.footer h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.3em;
    text-transform: uppercase;
}

.footer .footer-menu ul {
    padding: 0 !important;
}

.footer .footer-menu li {
    padding: 0 5em 1.2em 0;
}

.footer .footer-menu a {
    color: #d1ecff;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.4;
}

.footer .footer-menu a:hover {
    text-decoration: underline;
}

.footer .footer-contact {
    border-left: 1px solid #FFFFFF5c;
    padding-left: 2.5rem;
}

.footer .footer-contact li:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.footer .footer-contact li {
    margin-bottom: 2rem;
}

.footer .footer-contact i {
    width: 26px;
    height: 26px;
    margin-right: 1rem;
}

.footer .footer-contact h2,
.footer .footer-contact h3 {
    font-size: 1rem;
    color: #FFF;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}

.footer .footer-contact h3 {
    font-size: .95rem;
}

.footer .footer-contact a {
    color: #FFF;
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 10px;
}

.footer .footer-contact p {
    color: #FFF;
    font-size: .8rem;
}


.footer .links .last-links {
    float: left;
    width: 100%;
    background: #ffd400;
    color: #0c6dbc;
    padding: 0.5em 0 0.5em 0;
    margin: 4em 0 0
}

.footer .links .last-links .left {
    float: left;
    text-transform: uppercase;
    margin: 5px 0 0;
}

.footer .links .last-links .left a {
    float: left;
    font-size: 1.1em;
    color: #0c6dbc;
    margin: 1.5em 1.5em;
}

.footer .links .last-links .left a:first-child {
    margin: 1.5em 0;
}

.footer .links .last-links .left a:hover {
    text-decoration: underline;
}

.footer .links .last-links .left a p {
    font-weight: 500;
    margin-right: -7px;
}

.footer .links .last-links .right {
    float: right;
}

.footer .links .last-links .right p {
    float: left;
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 20px;
}

.footer .links .last-links .right figure {
    float: left;
    width: 100px;
    height: 70px;
    background-position: -350px -115px;
    padding: 0;
    margin: -15px 0 0 10px;
}

.footer .links .last-links .right a {
    float: left;
}

.footer .links .last-links .right a:hover {
    opacity: .7
}

.footer .links .last-links .right a svg {
    float: left;
    margin: 13px 5px;
}

.footer .links .bottom {
    float: left;
    width: 100%;
    color: #FFF;
    opacity: .5;
    font-size: 1.1em;
    font-style: italic;
    padding: 2em 0
}

.footer .links .bottom .left {
    float: left;
}

.footer .links .bottom .right {
    float: right;
}

a.rodape {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none
}

a.rodape:hover {
	font-size: 10px;
	font-weight: bold;
	color: White;
	text-decoration: none
}

/* ---------------- MAPA DO PONTO DE VENDAS  ---------------- */

ul#map {
    display: block;
    margin: 0;
    padding: 0;
    width: 570px;
    height: 585px;
    background-image: url('../img/map/map.png');
    float: left
}

ul#map li {
    display: block;
    padding: 0;
    position: absolute;
}

li#crs {
    margin-top: 485px;
    margin-left: 237px;
}

li#csc {
    margin-top: 467px;
    margin-left: 292px;
}

li#cpr {
    margin-top: 416px;
    margin-left: 281px;
}

li#csp {
    margin-top: 375px;
    margin-left: 303px;
    z-index: 9999;
}

li#cms {
    margin-top: 336px;
    margin-left: 229px;
}

li#crj {
    margin-top: 390px;
    margin-left: 422px;
    z-index: 9999;
}

li#ces {
    margin-top: 347px;
    margin-left: 467px;
    z-index: 9999;
}

li#cmg {
    margin-top: 292px;
    margin-left: 333px;
    z-index: 9998;
}

li#cgo {
    margin-top: 264px;
    margin-left: 301px;
    z-index: 9999;
}

li#cdf {
    margin-top: 311px;
    margin-left: 373px;
    z-index: 9999;
}

li#cba {
    margin-top: 207px;
    margin-left: 397px;
}

li#cmt {
    margin-top: 189px;
    margin-left: 180px;
}

li#cro {
    margin-top: 199px;
    margin-left: 104px;
    z-index: 9998;
}

li#cac {
    margin-top: 185px;
    margin-left: 0px;
}

li#cam {
    margin-top: 46px;
    margin-left: 3px;
}

li#crr {
    margin-top: 0;
    margin-left: 133px;
}

li#cpa {
    margin-top: 40px;
    margin-left: 219px;
}

li#cap {
    margin-top: 13px;
    margin-left: 278px;
}

li#cma {
    margin-top: 94px;
    margin-left: 366px;
    z-index: 9999;
}

li#cto {
    margin-top: 156px;
    margin-left: 338px;
}

li#cse {
    margin-top: 221px;
    margin-left: 519px;
    z-index: 9998;
}

li#cal {
    margin-top: 211px;
    margin-left: 518px;
    z-index: 9999;
}

li#cpe {
    margin-top: 188px;
    margin-left: 473px;
}

li#cpb {
    margin-top: 169px;
    margin-left: 511px;
    z-index: 9999;
}

li#crn {
    margin-top: 151px;
    margin-left: 514px;
}

li#cce {
    margin-top: 121px;
    margin-left: 473px;
}

li#cpi {
    margin-top: 120px;
    margin-left: 406px;
    z-index: 9997;
}

ul#map li a {
    display: block;
    text-decoration: none;
    position: absolute;
}

a#rs {
    width: 116px;
    height: 101px;
}

a#sc {
    width: 81px;
    height: 53px;
}

a#pr {
    width: 97px;
    height: 64px;
}

a#sp {
    width: 131px;
    height: 84px;
}

a#ms {
    width: 106px;
    height: 104px;
}

a#rj {
    width: 58px;
    height: 40px;
}

a#es {
    width: 33px;
    height: 51px;
}

a#mg {
    width: 163px;
    height: 131px;
}

a#go {
    width: 108px;
    height: 108px;
}

a#df {
    width: 16px;
    height: 9px;
}

a#ba {
    width: 136px;
    height: 148px;
}

a#mt {
    width: 166px;
    height: 161px;
}

a#ro {
    width: 104px;
    height: 87px;
}

a#ac {
    width: 108px;
    height: 62px;
}

a#am {
    width: 258px;
    height: 181px;
}

a#rr {
    width: 87px;
    height: 103px;
}

a#pa {
    width: 188px;
    height: 187px;
}

a#ap {
    width: 73px;
    height: 85px;
}

a#ma {
    width: 102px;
    height: 139px;
}

a#to {
    width: 74px;
    height: 125px;
}

a#se {
    width: 28px;
    height: 32px;
}

a#al {
    width: 46px;
    height: 27px;
}

a#pe {
    width: 97px;
    height: 34px;
}

a#pb {
    width: 59px;
    height: 35px;
}

a#rn {
    width: 53px;
    height: 33px;
}

a#ce {
    width: 61px;
    height: 76px;
}

a#pi {
    width: 83px;
    height: 124px;
}

/* Código pronto via http://css.spritegen.com (com alterações nos seletores) */

a#pa:hover,
a#pa:active,
a#am:hover,
a#am:active,
a#mt:hover,
a#mt:active,
a#ba:hover,
a#ba:active,
a#ma:hover,
a#ma:active,
a#mg:hover,
a#mg:active,
a#to:hover,
a#to:active,
a#pi:hover,
a#pi:active,
a#go:hover,
a#go:active,
a#ms:hover,
a#ms:active,
a#rr:hover,
a#rr:active,
a#rs:hover,
a#rs:active,
a#ro:hover,
a#ro:active,
a#ap:hover,
a#ap:active,
a#sp:hover,
a#sp:active,
a#ce:hover,
a#ce:active,
a#pr:hover,
a#pr:active,
a#ac:hover,
a#ac:active,
a#sc:hover,
a#sc:active,
a#es:hover,
a#es:active,
a#rj:hover,
a#rj:active,
a#pb:hover,
a#pb:active,
a#pe:hover,
a#pe:active,
a#rn:hover,
a#rn:active,
a#se:hover,
a#se:active,
a#al:hover,
a#al:active,
a#df:hover,
a#df:active {
    display: block;
    background: url('../img/map/sprite.png') no-repeat;
}

a#pa:hover,
a#pa:active {
    background-position: -10px -0px;
    width: 188px;
    height: 187px;
}

a#am:hover,
a#am:active {
    background-position: -10px -197px;
    width: 258px;
    height: 181px;
}

a#mt:hover,
a#mt:active {
    background-position: -10px -388px;
    width: 166px;
    height: 161px;
}

a#ba:hover,
a#ba:active {
    background-position: -10px -559px;
    width: 136px;
    height: 148px;
}

a#ma:hover,
a#ma:active {
    background-position: -156px -559px;
    width: 102px;
    height: 139px;
}

a#mg:hover,
a#mg:active {
    background-position: -10px -717px;
    width: 163px;
    height: 131px;
}

a#to:hover,
a#to:active {
    background-position: -183px -717px;
    width: 74px;
    height: 125px;
}

a#pi:hover,
a#pi:active {
    background-position: -10px -858px;
    width: 83px;
    height: 124px;
}

a#go:hover,
a#go:active {
    background-position: -103px -858px;
    width: 108px;
    height: 108px;
}

a#ms:hover,
a#ms:active {
    background-position: -103px -976px;
    width: 106px;
    height: 104px;
}

a#rr:hover,
a#rr:active {
    background-position: -10px -992px;
    width: 87px;
    height: 103px;
}

a#rs:hover,
a#rs:active {
    background-position: -107px -1090px;
    width: 116px;
    height: 101px;
}

a#ro:hover,
a#ro:active {
    background-position: -10px -1201px;
    width: 104px;
    height: 87px;
}

a#ap:hover,
a#ap:active {
    background-position: -10px -1105px;
    width: 73px;
    height: 85px;
}

a#sp:hover,
a#sp:active {
    background-position: -124px -1201px;
    width: 131px;
    height: 84px;
}

a#ce:hover,
a#ce:active {
    background-position: -186px -388px;
    width: 61px;
    height: 76px;
}

a#pr:hover,
a#pr:active {
    background-position: -124px -1295px;
    width: 97px;
    height: 64px;
}

a#ac:hover,
a#ac:active {
    background-position: -10px -1298px;
    width: 108px;
    height: 62px;
}

a#sc:hover,
a#sc:active {
    background-position: -128px -1369px;
    width: 81px;
    height: 53px;
}

a#es:hover,
a#es:active {
    background-position: -208px -0px;
    width: 33px;
    height: 51px;
}

a#rj:hover,
a#rj:active {
    background-position: -186px -474px;
    width: 58px;
    height: 40px;
}

a#pb:hover,
a#pb:active {
    background-position: -10px -1370px;
    width: 59px;
    height: 35px;
}

a#pe:hover,
a#pe:active {
    background-position: -10px -1415px;
    width: 97px;
    height: 34px;
}

a#rn:hover,
a#rn:active {
    background-position: -186px -524px;
    width: 53px;
    height: 33px;
}

a#se:hover,
a#se:active {
    background-position: -208px -61px;
    width: 28px;
    height: 32px;
}

a#al:hover,
a#al:active {
    background-position: -208px -103px;
    width: 46px;
    height: 27px;
}

a#df:hover,
a#df:active {
    background-position: -208px -140px;
    width: 16px;
    height: 9px;
}

/* Fim sprite */

ul#map li a img {
    border: 0;
    width: inherit;
    height: inherit;
}

.timeline {
    float: left;
    clear: both;
    margin-top: 15px;
    margin-bottom: 100px;
}

.layout-info-kids {
    float: left;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 30px auto;
}

.layout-info-kids-left {
    float: left;
    width: 40%;
}

.layout-info-kids-right {
    float: right;
    width: 54%;
}

.scrollTop {
    display: none;
    background: none;
    cursor: pointer;
    border: none;
    background-repeat: no-repeat;
    width: 40px;
    height: auto;
    position: fixed;
    right: 25px;
    bottom: 8.5%;
    z-index: 20;
}

.active-nav-icon {
    display: block !important;
}

.spacingIcons {
    padding-bottom: 5px;
}

.text-default {
    color: #5996c9;
    margin-top: 1.2em;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.color-text {
    color: #3d3d3d !important;
}

#zoom {
    position: relative;
    float: left;
}

.mapa {
    position: relative;
    float: left;
}



.boxHeader {
    margin: 0 20px;
    display: inline-block;
    text-align: center;
}

.fixed-boxHeader {
    margin: 0 20px;
    display: inline-block;
    text-align: center;
    width: 30%;
}

.boxHeader-Intermunicipal {
    background: #014886;
    color: #fff;
    padding: 15px 40px;
    margin-left: 40px;
    cursor: pointer;
    margin-top: 20px;
}

.boxHeader-h2 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    height: auto;
}

.boxHeader-Interestadual {
    background: #ffd400;
    color: #001862;
    padding: 12px 40px;
    cursor: pointer;
}

.boxHeader-h2-Estadual {
    color: #001862;
    font-size: 15px;
    font-weight: bold;
    height: auto;
}

.boxHeader-titulo {
    margin-left: 0;
    width: 35%;
}

.arrowBig-boxHeader {
    width: 40px;
    height: 48px;
    background-position: -575px -208px;
    display: inline-block;
}

.boxHeader-h1-titulo {
    color: #666;
    font-size: 20px;
    width: auto !important;
}


/* Safari 6.1+ (10.0 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .boxHeader {
            vertical-align: top;
        }

        .boxHeader .boxHeader-titulo div {
            display: inline-block;
        }

        .boxHeader-h1-Titulo {
            width: 80% !important;
            display: inline-block;
        }

        .arrowBig-boxHeader {
            margin-left: 20px;
            float: right;
        }
    }
}


/*-- MODAL --*/
.modalFAQ {
    display: none;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modal Content/Box */
.modalFAQ .modal-content {
    background-color: #fefefe;
    margin: 7% auto;
    padding: 3.5% 3.5% 3.5% 3.5%;
    border: 1px solid #888;
    max-width: 630px;
    overflow: auto;
    border-left: 5px solid #18416a;
    text-align: center;
    position: relative;
}

/* The Close Button */
.modalFAQ .close {
    color: #aaa;
    font-size: 20px;
    float: right;
    background: #fff;
    font-weight: bold;
    padding: 5px;
    width: 28px;
    border-radius: 23px;
}

.modalFAQ .close:hover,
.modalFAQ .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modalFAQ .display-none {
    display: none !important;
}

.modalFAQ .conteudo-ativo {
    display: block;
}

.modalFAQ .title-modal {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #026C9E;
}

.modalFAQ .modal-container {
    margin: 10% auto;
    margin-top: 3%;
    width: 85%;
}

.modalFAQ .input-duvida {
    font-size: 1.2em;
    padding: 17px;
    width: 95%;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}


.modalFAQ .botao-menu-modal {
    font-size: 1.4em;
    color: #026C9E;
    padding: 7px;
    margin-right: 20px;
    font-weight: bold;
}

.modalFAQ .botao-menu-modal:hover {
    cursor: pointer;
    background-color: #F6FF4E;
}

.modalFAQ .title-active {
    background-color: #F6FF4E;
    cursor: pointer;
}

.modalFAQ .title-FAQ {
    font-size: 1.6em;
    color: #666;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: bold;
}

.modalFAQ .title-FAQ:hover {
    text-decoration: underline;
}

.modalFAQ .modal-container .conteudo-modal ul {
    text-align: inherit;
    float: left;
    width: 100%;
}

.modalFAQ .modal-container .conteudo-modal ul li {
    display: inline-block;
    padding-bottom: 15px;
    width: 45%;
    margin-left: 0;
    vertical-align: top;
    min-height: 48px;
    margin-right: 3.4%;
    padding-right: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.modalFAQ .text-FAQ {
    font-size: 2em;
    color: #444444;
}

/*END MODAL*/

/*MODAL ESTADOS*/
.modal-estados {
    padding: 0 5%;
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
}
/*END MODAL ESTADOS*/


div.boxHeader-yellow {
    background: transparent !important;
    padding: 14px 6% 0 20px !important;
    vertical-align: top;
}

div.boxHeader-yellow h2.blue {
    font-size: 14px !important;
    color: #014886 !important;
}

#header-fixed div.boxHeader-yellow {
    padding: 16px 5px !important;
}

/*MODAL FLY*/

/*-- MODAL --*/
.modalFly {
    padding: 0 5%;
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}

/* Modal Content/Box */
.modalFly .modal-content {
    background-color: #fefefe;
    margin: 7% auto;
    border: 1px solid #FFF;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto !important;
    overflow: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.modalFly a {
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}

.modalFly a > img { margin-bottom: -3px; } 

.fechaFly {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border-radius: 100%;
    padding: 8px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

@media (max-width: 1140px) {
    .modalFly .modal-content {
        width: 600px;
        height: 300px;
    }

    .fechaFly {
        right: 3px;
        top: 3px;
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 800px) {
    .modalFly .modal-content {
        width: 355px;
        height: 178px;
    }
}
/*END MODAL FLY*/

/* FAQ HOME */
    .box-faq{
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 15px;
    }
    .box-faq__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 225px;
    }
    .box-faq__title {
        color: white;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        white-space: pre-wrap;
    }
   .box-faq__img {
        width: 100%;
        height: auto;
        background: #FFF;
    }
/* END FAQ HOME */



/* PRINCIPAIS DESTINOS */
div.grid-2col-destinos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1rem;
    grid-auto-rows: auto;
    margin-top: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
    .col-destinos{
        display: -ms-grid;
        display: grid;

    }
    .filtro-regiao {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1rem minmax(150px,455px);
        grid-template-columns: auto minmax(150px,455px);
        gap: 0rem 1rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 1.5rem;
        text-align: center;
        color: #A6AAAE;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
        .filtro-regiao select{
            border: none;
            padding: 0.5rem;
            color: #A3A3A3;
            text-transform: uppercase;
            font-weight: 700;
            cursor: pointer;
        }

    .list-destinos{
        display: -ms-grid;
        display: grid;
        border-top: 1px solid #DBDBDB;
        margin-top: 0.7rem;
    }

    .list-destinos .destino {
        border-bottom: 1px solid #DBDBDB;
        padding: 1rem 5px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;   
    }
    .list-destinos .destino:first-child {
        border-top: 1px solid #DBDBDB;
        margin-top: 2rem;
    }
    .list-destinos .destino:last-child {
        border-bottom:none;
        margin-bottom: 1.5rem;
    }
        .destino-infos {
            margin-top: -0.1rem;
        }
        .destino-infos h2,.destino-infos p span{
            font-size: 1.2rem;
            font-weight: 900;
            color: #2263A5;
            height: auto;
        }
        .destino-infos p {
            color: #2263A5;
            font-size:0.8rem;
            font-weight: 600;
        }
        .wrapper-btn-comprar-destino{
            -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            justify-self: flex-end;
        }
        .wrapper-btn-comprar-destino .btn-comprar-destino{
            background-color: #EFD715;
            padding: 0.8rem;
            border-radius: 4px;
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 900;
            color: #2263A5;
            letter-spacing: 0.1px;
            cursor: pointer;
        }
        div#antt-saibamais{
            margin-top: 2rem;
        }
        div#antt-saibamais .mais-destinos-btn{
            background-color: #4391c8;
        }
        div#antt-saibamais h2{
            text-align: center;
            color: #ffffff;
        }
        div.mais-destinos-btn{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            padding:1.5rem 0.5rem;
            background-color: #182E71;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;

        }
        div.mais-destinos-btn h2{
            color: #EFD715;
            font-weight: 900;
            text-transform: uppercase;
            font-size: 1.8rem;
            height: auto;
            -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            
        }
        h1.title-principais-destinos{
            font-size: 2.4em;
            font-weight: 300;
            color: #666;
            margin: 2rem 0rem 2rem 0rem;
            text-transform: uppercase; 
         }
        @media(min-width:1680px){
            div.banner-destino:first-child div.destino-titulo h3 {
                font-size: 2rem;
            }
            div.destino-titulo h3 {
                font-size: 1.5rem;
            }
            div.preco-destino p.bold-me {
                font-size: 1.3rem;
            }
        } 
        
        @media(min-width:1380px){
    
            div.grid-banners-destinos,div.grid-2col-destinos {
                grid-template-columns: repeat(auto-fit,minmax(316px,calc(1260px/2 - 0.5rem )));
            }
        }
/* PRINCIPAIS DESTINOS END */

/* CARROSSEL PRINCIPAL */
.main-carousel {
	overflow: hidden;
	background: var(--azul-escuro)
}

.main-carousel .flickity-viewport {
	height: 375px !important
}

.main-carousel .flickity-slider {
	z-index: 0
}

.main-carousel .carousel-cell {
	width: 100%;
	height: 375px !important;
	background-color: (--azul-escuro)
}

.main-carousel .carousel-cell img {
	width: auto !important;
	height: 375px !important;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	margin: 0 auto;
	display: block;
	background-color: var(--azul-escuro)
}

.main-carousel .flickity-button {
	background: 0 0 !important;
	opacity: .1;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.main-carousel .flickity-button:hover {
	background: 0 0 !important;
	opacity: 1;
	cursor: pointer
}

.main-carousel .flickity-button-icon {
	fill: #fff
}

.main-carousel .flickity-prev-next-button {
	top: 50%;
	width: 10%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background: 0 0 !important;
}

.main-carousel .flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	top: 0;
	width: 35%;
	height: 100%;
	color: #fff
}

.main-carousel .flickity-page-dots {
	bottom: 10px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	left: 50%;
	display: block
}

.main-carousel .flickity-page-dots .dot {
	width: 14px;
	height: 14px;
	opacity: 1;
	background: #fff;
	border: 2px solid #fff
}

.main-carousel .flickity-page-dots .dot.is-selected {
	background: 0 0
}

@media(max-width:1200px) {
	.main-carousel .flickity-viewport {
		height: calc(100vw / 3.8) !important
	}

	.main-carousel .carousel-cell {
		height: calc(100vw / 3.8) !important
	}

	.main-carousel .carousel-cell img {
		height: calc(100vw / 3.8) !important
	}
}

@media(max-width:800px) {

	.main-carousel .flickity-viewport {
		height: calc(100vw / 1.6) !important
	}

	.main-carousel .carousel-cell {
		height: calc(100vw / 1.6) !important
	}

	.main-carousel .carousel-cell img {
		height: calc(100vw / 1.6) !important
	}
}

@media(max-width:768px) {
	.main-carousel .flickity-page-dots {
		display: block
	}
}
/* CARROSSEL PRINCIPAL END */


/* CARROSSEL DE COMENTARIOS */
.coments {
	background: #f7f7f7;
    z-index: -1;
}

.coments .top {
    font-size: 2.4em;
    padding: 7px 0 2rem 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

.coments-carousel { 
    z-index: 500; 
    margin-bottom: 4rem;
}

.coments-carousel .flickity-viewport { z-index: 400; } 

.coments-carousel .carousel-cell { 
    width: 100%;
}

.coments-carousel .carousel-cell p { min-height: 60px; } 

.coments-carousel .carousel-cell p, 
.coments-carousel .carousel-cell span { 
    font-size: 1.6em;
    color: #666;
    padding: 0 4rem;
    font-style: italic;
}

.coments-carousel .carousel-cell span {
    margin-left: auto;
    display: block;
    width: 100%;
    text-align: right;
    padding-top: .5rem;
}

.coments-carousel .flickity-page-dots .dot { background: #666; }

.coments-carousel .flickity-prev-next-button { display: none; }

@media ( max-width: 700px ) {
    .coments-carousel .carousel-cell p, 
    .coments-carousel .carousel-cell span { padding: 0; }
    .coments-carousel .carousel-cell span { padding-top: .5rem; }
}
/* CARROSSEL PRINCIPAL END */


/* CARDS TEXTOS DIFERÊNCIAIS */
.cards-texto {
    background: #f7f7f7;
    padding-bottom: 2rem;
}

.cards-texto .top h2 { 
    font-size: 2.4em;
    padding: 7px 0 0 0;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
}

.cards-texto_wrapper { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    margin-top: 2rem;
}

.cards-texto_wrapper a {
    min-width: 150px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    margin: 10px;
    padding: 10px;
    text-align: center;
    background: white;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}
.cards-texto_wrapper a:first-child { margin-left: 0; }
.cards-texto_wrapper a:last-child { margin-right: 0; }
.cards-texto_wrapper a:hover { -webkit-box-shadow: 0 1px 4px 0px #00000029; box-shadow: 0 1px 4px 0px #00000029; }

.cards-texto_wrapper img {
    max-height: 100px;
    min-height: 80px;
}

.cards-texto_wrapper h2 {
    font-size: 18px !important;
    margin: .5rem 0;
    font-weight: 700;
    color: #061B65;
    min-height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cards-texto_wrapper .texto {
    font-size: 1.6em;
    padding: 0 0 1.7em 0;
    font-weight: 400;
    color: #666;
    line-height: 1.7;
    padding-top: 10px;
}

/* CARDS TEXTOS DIFERÊNCIAIS END */


        /*  ==== MODAL REDES SOCIAIS, TELEFONES E LOGIN =============================================== */
        @media(max-width: 1280px){ .cards-texto_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } }
        @media(min-width: 1025px) and (max-width: 1280px){
            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 60%;
                margin: 0 auto;
            }
            #modal_telefone_contato .top p, #modal_faca_login .top p {
                font-size: 1.2rem;
            }
            #modal_telefone_contato .hover .title, #modal_faca_login .hover .title {
                font-size: 1.6rem;
            }
            #modal_telefone_contato .hover .numero_telefone {
                font-size: 1.2rem;
            }
            #modal_telefone_contato .hover a p, #modal_faca_login .hover a p{
                font-size: 1.1rem;
            }
            #modal-redes-sociais .row_redes_sociais {
                /* width: 50%; */
                width: 40%;
                margin: 0 auto;
            }
            #modal-redes-sociais .modal-box .modal-box_conteudo a svg {
                width: 70px;
                height: 70px;
            }
        }
        
        @media (min-width:1025px) {
            header#mobile .top .right .redes_sociais {
              display: none !important;
            }
            .fa-ellipsis-h {
              display: none;
            }
          }

             
        @media (max-width: 1024px) {
            header#mobile .row .top .social {
                display: none;
            }
            #modal-redes-sociais .row_redes_sociais {
                width: 50%;
                margin: 0 auto;
            }
            #modal-redes-sociais .modal-box .modal-box_conteudo a svg {
                width: 60px;
                height: 60px;
            }
        }

        @media (min-width: 951px) and (max-width: 1024px) {
            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 60%;
                margin: 0 auto;
            }
            #modal_telefone_contato .top p, #modal_faca_login .top p {
                font-size: 1rem;
            }
            #modal_telefone_contato .hover .title, #modal_faca_login .hover .title {
                font-size: 1.2rem;
            }
            #modal_telefone_contato .hover .numero_telefone {
                font-size: .9rem;
            }
            #modal_telefone_contato .hover a p, #modal_faca_login .hover a p{
                font-size: .9rem;
            }
        }
    
        @media (max-width: 900px) {
            #modal-redes-sociais .row_redes_sociais {
                width: 50%;
                margin: 0 auto;
            }
            #modal-redes-sociais .modal-box .modal-box_conteudo a svg {
                width: 55px;
                height: 55px;
            }
        }

            @media(min-width: 769px) and (max-width: 950px){

            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 60%;
                margin: 0 auto;
            }
            #modal_telefone_contato .top p, #modal_faca_login .top p {
                font-size: 1rem;
            }
            #modal_telefone_contato .hover .title, #modal_faca_login .hover .title {
                font-size: 1.2rem;
            }
            #modal_telefone_contato .hover .numero_telefone {
                font-size: .9rem;
            }
            #modal_telefone_contato .hover a p, #modal_faca_login .hover a p {
                font-size: .9rem;
            }
        }

        @media (min-width: 670px) and (max-width: 768px) {
           
            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 65%;
                margin: 0 auto;
            }
            #modal_telefone_contato .top p, #modal_faca_login .top p {
                font-size: .9rem;
            }
            #modal_telefone_contato .hover .title, #modal_faca_login .hover .title {
                font-size: 1.1rem;
            }
            #modal_telefone_contato .hover .numero_telefone {
                font-size: .8rem;
            }
            #modal_telefone_contato .hover a p, #modal_faca_login .hover a p {
                font-size: .8rem;
            }
        }

        @media (max-width: 768px) {
            #modal-redes-sociais .row_redes_sociais {
                width: 60%;
                margin: 0 auto;
            }
            #modal-redes-sociais .modal-box .modal-box_conteudo a svg {
                width: 50px;
                height: 50px;
            }
        }

        @media (max-width: 669px) {
            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 70%;
                margin: 0 auto;
            }
        }

        @media (max-width: 600px) {
            #modal-redes-sociais .row_redes_sociais {
                width: 60%;
                margin: 0 auto;
            }
        }

        @media (max-width: 500px) {
            #modal_telefone_contato .modal_row, #modal_faca_login .modal_row {
                width: 90%;
                margin: 0 auto;
              }
            #modal-redes-sociais .row_redes_sociais {
                width: 70%;
                margin: 0 auto;
            }
        }

        @media (max-width: 425px) {
            #modal-redes-sociais .row_redes_sociais {
                width: 90%;
                margin: 0 auto;
            }
            #modal-redes-sociais .modal-box .modal-box_conteudo a svg {
                width: 40px;
                height: 40px;
            }
        }
        /* FIM MODAL REDES SOCIAIS, TELEFONES E LOGIN =================================================== */



        @media(max-width:540px){
            h1.title-principais-destinos{
                margin: 1rem 0rem;
                font-size: 2.5em;
            }
            div.mais-destinos-btn{
                margin-bottom: 2rem;
            }
            .filtro-regiao {
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                font-size: 1.4em;
            }
            .filtro-regiao span {
                font-size: 1.2em;
            }
            div.grid-banners-destinos {
                grid-auto-rows: 84px;
            }
        }
/* fim do novo layout de principais destinos */


/* ajuste no bug do iframe na home */
body .principal.rs-view-principal{
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
}
body .principal.rs-view-principal .conteudo{
    overflow: hidden !important;
}
/*fim do ajuste no bug do iframe na home */
@media(max-width:1279px){
    .box-faq{
        -ms-grid-columns: 290px 10px 290px 10px 290px 10px 290px 10px 290px;
        grid-template-columns: repeat(5, 250px);
        overflow: auto;
        white-space: nowrap;
        padding: 10px 0;
        gap: 10px;
    }
    .box-faq-item{
        min-width: 290px;
        max-width: 190px;
    }
    .box-faq::-webkit-scrollbar { height: 5px; background:#dbdbdb; } /* configurando scroll */
    .box-faq::-webkit-scrollbar-track { background: rgba(2, 24, 83, 0.267); }
    .box-faq::-webkit-scrollbar-thumb { border-radius:10px; background:#000d38;  }
}


/* LAYOUT LISTAR TEXTOS CATEGORIAS */
#InternaSetor1 .content article .texto_categorias h2 {
    clear: both;
    font-size: 20px;
    font-weight: 700;
    color: #4591CA;
    cursor: pointer;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 !important;
}

#InternaSetor1 .content article .texto_categorias img {
    margin: 30px 10px 0 0;
}


/* Imagens, Titulo e Descrição */
.grid-promotional-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}

.promotional-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 5%;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.promotional-card:hover img {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 0 4px 11px 0px #00000029;
            box-shadow: 0 4px 11px 0px #00000029;
}

.promotional-card h2 { margin-bottom: 5px; }
            
.promotional-card img {
    width: 90%;
    height: auto;
    max-width: unset;
    float: unset !important;
    margin: unset !important;
    margin-bottom: 1rem !important;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

@media (max-width: 650px) {
    .grid-promotional-cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
.promotional-card h2 { font-size: 20px !important; }
}

/* LISTAGEM DE NOTICIAS */
.divnoticias{
    border-collapse: collapse;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 330px 1fr;
    grid-template-columns: 330px 1fr;
    
}

.divnoticias_texto{
    width:100%;
    border-top: 2px solid #e8e8e8;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: 150px 1fr;
    grid-template-columns: 150px 1fr;
    -ms-grid-rows: 115px;
    grid-template-rows: 115px; 
    padding-left:10px;
}

.divnoticias_texto > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.divnoticias_texto > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.divnoticias_img{
    width:100%;
    float:rigth;
    border-top: 2px solid #e8e8e8;

}
.divnoticias_texto p{
    width:100%;
    height:100%;
    margin-top: 10%;
}

.divnoticias_img img {
    background-size:contain;
    /* height: 90%;
    width: 90%; */
    
}


@media (max-width: 950px) {
    .divnoticias_texto{-ms-grid-columns: 1fr 3fr;grid-template-columns: 1fr 3fr;}

}

@media (max-width: 900px) {
    .divnoticias_texto{-ms-grid-columns: 1fr 3fr;grid-template-columns: 1fr 3fr;}
    

}
@media (max-width: 800px) {
    .divnoticias_texto{ width:100%; height:150px; border-top:2px solid #e8e8e8; display:block;  padding-left:0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }
    .divnoticias_texto p{height: 10px;margin-top:0; }
    .divnoticias {  -ms-grid-rows: auto;  grid-template-rows: auto;}
    

}
@media (max-width: 650px) {
    .divnoticias{ border-collapse: collapse;display: -ms-grid;display: grid;-ms-grid-columns: 250px 1fr;grid-template-columns: 250px 1fr;-ms-grid-rows: 160px;grid-template-rows: 160px;}
    .divnoticias > *:nth-child(1){
        -ms-grid-row: 1;
        -ms-grid-column: 1;}
    .divnoticias > *:nth-child(2){
        -ms-grid-row: 1;
        -ms-grid-column: 2;}
    .divnoticias_img{ max-width:100%; max-height:170px; }   
    .divnoticias_img img {max-height: 170px; max-width: 250px;} 

}
@media (max-width: 600px) {
    .divnoticias { display:-ms-grid; display:grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto;}
    .divnoticias > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;}
    .divnoticias > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;}
    .divnoticias_texto{ margin-bottom: 6%; width:100%; height:auto; border-top:0; display:block;  padding-left:0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }
    .divnoticias_texto p{height: 5px;padding: 0 0 0 0; text-align: center;}
    #InternaSetor1 .content article p {padding: 0 0 0 0;}
    .divnoticias_img{ padding-left:27%;width:100%; height:auto }   
    .divnoticias_img img {min-height: 90%; max-width: 250px;} 
}
@media (max-width: 500px) {
    .divnoticias_img{ padding-left: 23%;width:100%; }  
}
@media (max-width: 450px) {
    .divnoticias_img{ padding-left: 17%;width:100%;}  
}

@media (max-width: 375px) {
    .divnoticias_img{ padding-left: 10%;width:100%; }  
}

/* LISTAGEM DE NOTICIAS - fim*/


/***div principal***/
#div-popup {
	z-index: 9999;	
	position: fixed;
	bottom: 30px;
	right: -300px;
	padding: 10px;
	background-color: #fff;
	-webkit-box-shadow: 12px 17px 43px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 12px 17px 43px -16px rgba(0,0,0,0.75);
	box-shadow: 12px 17px 43px -16px rgba(0,0,0,0.75);

	-webkit-animation: mymove 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    
    animation: mymove 1s;
    animation-fill-mode: forwards;

	-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 
    animation-delay: 1s;
}

@keyframes mymove {
    to {right: 30px;}
}

/***div interna***/
.div-popup-interno {
	width: 520px;
	height: 240px;
	background-image: url(../publicidade/Imagens/BG_POPUP_APP.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
}

/***container titulo***/
.titulo-popup {
	width: 380px;
	height: 100px;
	text-align: left;
	float: right;
	padding-left: 75px;
	padding-top: 20px;
}

/*TIPOGRAFIA POPUP*/
.titulo-popup p {
	font-size: 20px;
	color: white;
	padding-top: 8px;
	font-family: Raleway-SemiBold, Arial, Sans-serif;
}

/***faixa branca***/
.baixe-gratuitamente {
	font-size: 19px;
	background-color: #FFF;
	width: 330px;
	height: 40px;
	float: right;
	font-weight: bold;
	color: #000;
	padding: 5px;
	-ms-transform: skewX(-9deg); /* IE 9 */
    -webkit-transform: skewX(-9deg); /* Safari */
    transform: skewX(-9deg); /* Standard syntax */
	-webkit-box-shadow: -2px 2px 0 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: -2px 2px 0 0 rgba(0,0,0,0.2);
			box-shadow: -2px 2px 0 0 rgba(0,0,0,0.2);

}

/***tipografia faixa branca***/
.texto-baixe-gratuitamente {
	font-family: Raleway-Bold, Arial, Sans-serif;
	padding-top: 4px;
	padding-left: 14px;
	-ms-transform: skewX(9deg); /* IE 9 */
    -webkit-transform: skewX(9deg); /* Safari */
    transform: skewX(9deg); /* Standard syntax */
	width: 330px;
	height: 35px;
	background-color: #FFF;
	letter-spacing: 0px;
	color: #001862;
}

/***btn fechar***/
#btn-fechar {
	text-align: center;
	/*COR 536283*/
	background-color: #fff;
	position: absolute;
	width: 42px;
	height: 42px;
	left: 498px;
	top: -39px;
	padding: 7px;
	padding-top: 11px;
}

#btn-fechar img {
		width: 68%;
}

/***Botões app***/
.google-play {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 121px;
	height: 41px;
	border-radius: 7px;
	float: left;
	position: absolute;
	top: 179px;
	left: 227px;
}
.app-store {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 140px;
	height: 41px;
	border-radius: 7px;
	float: left;
	position: absolute;
	top: 179px;
	left: 375px;
}



/*CONFIG MOBILE*/
@media (max-width: 600px) 
{
	/***div principal***/
	#div-popup {
		padding: 5px;
		bottom: 10px;
	}
	@keyframes mymove {to {right: 10px;}}

    /***div interna***/
    .div-popup-interno {
		width: 327px;
		height: 132px;
		background-image: url(../publicidade/Imagens/BG_POPUP_APP_MOBILE.jpg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 100% 100%;
	}

	/***container titulo***/
	.titulo-popup{display: none;}

	/***faixa branca***/
	.titulo-popup p{font-size: 15px;}
	.baixe-gratuitamente{
		font-size: 18px;
		margin-right: 3px;
		margin-top: 12px;
		width: 191px;
		height: 57px;
	}

	/***tipografia faixa branca***/
	.texto-baixe-gratuitamente {
		padding-top: 3px;
		width: 190px;
		height: 52px;
		padding-left: 16px;
	}

	/***btn fechar***/
	#btn-fechar {
		width: 30px;
		height: 35px;
		left: 307px;
		top: -31px;	
		padding-top: 9px;
		-webkit-box-shadow: 0px -6px 24px -3px rgba(0,0,0,0.2);
		   -moz-box-shadow: 0px -6px 24px -3px rgba(0,0,0,0.2);
				box-shadow: 0px -6px 24px -3px rgba(0,0,0,0.2);
	}
	#btn-fechar img {width: 100%;}

	/***Botões app***/
	.google-play {
		width: 89px;
		height: 29px;
		top: 93px;
		left: 115px;
	}
	.app-store {
		width: 103px;
		height: 30px;
		top: 94px;
		left: 215px;
	}
}

/*
*   VIDEO IFRAME
*/

.video-container{ 
    width: 90%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 52.25%;
    max-width: 1200px;
}

.video-container iframe[width][height] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; 
    max-height: 685px;
}

.limit { max-height: 685px; }

/*
*   CHEGAR BEM
*/
.container-chegarbem{
    position: relative;
    background: #fff;
    margin: 8% 0 16%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.container-chegarbem img{
    margin: 0;
    float: none;
    max-height: 225px;
    margin: 10px 0 !important;
}

.container-chegarbem p{
    float: right;
    width: 63%;
    padding: 3%;
    color: #004687;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.icons-chegarbem{ width: 13%;vertical-align: top; }