@-webkit-keyframes scrollMe {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(-35px);
        transform: translateX(-35px)
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@keyframes scrollMe {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(-35px);
        transform: translateX(-35px)
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
header.main-header {
    -webkit-box-shadow: 0px 9px 11px -6px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 9px 11px -6px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 9px 11px -6px rgba(0, 0, 0, 0.45);
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 999;
    width: 100%;
    background: #619EC8
}
header.main-header .header.container {
    height: 45px;
    padding: 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (max-width:1024px) {
    header.main-header .header.container {
        padding: 10px
    }
}
header.main-header .header.container figure.logo-wrap img {
    width: auto;
    height: 45px
}
header.main-header .header.container figure.logo-wrap img#header-logo {
    display: none
}
header.main-header .header.container figure.logo-wrap img#header-logo-mobile {
    display: block
}
@media (min-width:720px) {
    header.main-header .header.container figure.logo-wrap img {
        height: 45px
    }
    header.main-header .header.container figure.logo-wrap img#header-logo-mobile {
        display: none
    }
    header.main-header .header.container figure.logo-wrap img#header-logo {
        display: block
    }
}
header.main-header .header.container figure.logo-wrap-noticia {
    display: none
}
header.main-header .header.container .page-title {
    display: none
}
header.main-header .header.container .date {
    width: 100%;
    padding: 0px 15px;
    text-align: right;
    color: #FFFFFF;
    font-family: Libre Franklin, sans-serif;
    font-size: 16px;
    line-height: 24px
}
header.main-header .header.container .form-busca__wrap {
    width: 0%;
    position: relative
}
header.main-header .header.container .form-busca__wrap form.form-busca {
    float: right;
    width: 0%;
    margin-left: 0%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}
header.main-header .header.container .form-busca__wrap form.form-busca input {
    display: none;
    width: calc(100% - 52px);
    padding: 6px 16px;
    border: 2px solid #D9D9D9;
    color: #A5A5A5;
    font-family: Libre Franklin, sans-serif;
    font-size: 14px
}
header.main-header .header.container .form-busca__wrap form.form-busca input::-webkit-input-placeholder {
    color: #A5A5A5
}
header.main-header .header.container .form-busca__wrap form.form-busca input:-ms-input-placeholder {
    color: #A5A5A5
}
header.main-header .header.container .form-busca__wrap form.form-busca input::-ms-input-placeholder {
    color: #A5A5A5
}
header.main-header .header.container .form-busca__wrap form.form-busca input::placeholder {
    color: #A5A5A5
}
header.main-header .header.container .form-busca__wrap form.form-busca input:focus {
    outline: none
}
header.main-header .header.container .form-busca__wrap button {
    display: none;
    position: absolute;
    right: 34px;
    top: 8px;
    color: #619EC8;
    font-family: Libre Franklin, sans-serif;
    font-size: 14px;
    font-weight: 500
}
header.main-header .header.container .form-busca__wrap.active {
    width: 80%;
    padding-left: 0px
}
@media (min-width:720px) {
    header.main-header .header.container .form-busca__wrap.active {
        padding-left: 20px;
        width: 60%
    }
}
header.main-header .header.container .form-busca__wrap.active form.form-busca {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}
header.main-header .header.container .form-busca__wrap.active form.form-busca input {
    display: block
}
header.main-header .header.container .form-busca__wrap.active button {
    display: block;
    background-color: #FFFFFF;
    padding-left: 12px
}
header.main-header .header.container .icons {
    white-space: nowrap
}
header.main-header .header.container .icons i {
    color: #619EC8;
    font-size: 26px;
    padding: 0px 10px
}
header.main-header .header.container .icons i.close {
    display: none
}
header.main-header .subheader {
    background: #205982
}
@media (max-width:1024px) {
    header.main-header .subheader {
        padding: 5px 10px
    }
}
header.main-header .subheader .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow-x: auto
}
@media (max-width:720px) {
    header.main-header .subheader .item-list {
        -webkit-animation: scrollMe 4s 2;
        animation: scrollMe 4s 2
    }
}
header.main-header .subheader .item-list::-webkit-scrollbar {
    height: 0px
}
header.main-header .subheader .item-list .item {
    white-space: nowrap;
    font-family: "Playfair Display", serif;
    height: 100%;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 45px;
    font-size: 20px;
    padding: 10px 0px;
    font-weight: bold
}
header.main-header .subheader .item-list .item.selected {
    border-bottom: 5px solid #FFFFFF
}
header.main-header.noticia {
    background: #205982
}
header.main-header.noticia .header.container .logo-wrap {
    display: none
}
header.main-header.noticia .header.container .logo-wrap-noticia {
    display: block
}
header.main-header.noticia .header.container .logo-wrap-noticia img {
    height: 93px;
    width: 93px
}
@media (max-width:1024px) {
    header.main-header.noticia .header.container .logo-wrap-noticia img {
        height: 81px;
        width: 81px;
        margin-left: -15px
    }
}
header.main-header.noticia .header.container .page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
header.main-header.noticia .header.container .page-title .title {
    font-family: "Playfair Display", serif;
    color: #FFFFFF;
    font-size: 26px
}
@media (max-width:1024px) {
    header.main-header.noticia .header.container .page-title .title {
        font-size: 22px
    }
}
header.main-header.noticia .header.container .icons i {
    color: #FFFFFF
}
header.main-header.noticia .subheader {
    background: #FFFFFF
}
header.main-header.noticia .subheader .container .item-list .item {
    color: #205982
}
header.main-header.noticia .subheader .container .item-list .item.selected {
    border-bottom: 5px solid #205982
}
header.main-header .top-bar__r-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
header.main-header .top-bar__r-nav .top-bar__busca-btn i {
    margin-right: 16px;
    color: #619EC8;
    font-size: 24px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}
header.main-header .top-bar__r-nav .top-bar__busca-btn i:hover {
    color: #7CC6FE
}
header.main-header .top-bar__r-nav .top-bar__stories {
    margin-right: 16px;
    display: none
}
@media (min-width:720px) {
    header.main-header .top-bar__r-nav .top-bar__stories {
        display: block
    }
}
header.main-header .top-bar__r-nav .top-bar__stories span.icone-stories {
    display: block;
    width: 47px;
    height: 47px;
    background-image: url("https://assets.agazeta.com.br/agazeta/release-0.25.145/assets/img/ico_stories.png");
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}
header.main-header .top-bar__r-nav .top-bar__stories span.icone-stories:hover {
    background-image: url("https://assets.agazeta.com.br/agazeta/release-0.25.145/assets/img/ico_stories_over.png")
}
header.main-header .top-bar__r-nav .top-bar__usuario {
    position: relative
}
header.main-header .top-bar__r-nav .top-bar__usuario i {
    margin-right: 16px;
    color: #D9D9D9;
    font-size: 24px;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}
header.main-header .top-bar__r-nav .top-bar__usuario i:hover {
    color: #7CC6FE
}
header.main-header .top-bar__r-nav .top-bar__usuario .dropdown {
    display: none
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active i {
    color: #619EC8
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active i:hover {
    color: #7CC6FE
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active .dropdown {
    position: absolute;
    margin-top: 5px;
    right: 15px;
    background-color: #FFFFFF;
    padding: 18px 15px;
    color: #619EC8;
    font-family: Libre Franklin, sans-serif;
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    z-index: 1;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.13)
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active .dropdown ul li {
    white-space: nowrap;
    margin-bottom: 10px
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active .dropdown ul li:last-child {
    margin-bottom: 0
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active .dropdown ul li:hover {
    text-decoration: underline
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active .dropdown:before {
    content: "";
    position: absolute;
    width: 160px;
    height: 130px;
    background-color: transparent;
    top: -30px;
    left: -30px;
    z-index: -1
}
header.main-header .top-bar__r-nav .top-bar__usuario.user-login--active:hover .dropdown {
    display: block
}
header.main-header .top-bar__r-nav .top-bar__usuario .notification-badge {
    display: none;
    width: 15px;
    height: 15px;
    background: #FFC31A;
    border-radius: 100%;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 15px
}
header.main-header .top-bar__r-nav .top-bar__usuario .notification-badge.active {
    display: block;
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite
}
header.main-header .top-bar__r-nav .top-bar__usuario .notification-badge-b {
    display: none;
    width: 10px;
    height: 10px;
    background: #FFC31A;
    border-radius: 100%;
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    right: 5px
}
header.main-header .top-bar__r-nav .top-bar__usuario .notification-badge-b.active {
    display: block
}
header.main-header .top-bar__r-nav .top-bar__assine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 47px;
    margin-right: -16px;
    padding: 0px 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FFC31A;
    color: #FFFFFF;
    font-family: Libre Franklin, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
header.main-header .top-bar__r-nav .top-bar__assine:hover {
    background-color: #FFE563
}
@media (min-width:720px) {
    header.main-header .top-bar__r-nav .top-bar__assine {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        padding: 0px 41px
    }
}
header.main-header .top-bar__r-nav.active-form-busca {
    width: inherit
}
@media (max-width:720px) {
    header.main-header .top-bar__r-nav.active-form-busca .top-bar__assine {
        display: none
    }
}
@media (max-width:720px) {
    header.main-header .top-bar__r-nav.active-form-busca .top-bar__stories {
        display: none
    }
}