/* RESET */
html,body,div,aside,section,p,img,figure,ul,h2,h1,h3,article{ 
    margin:0; padding: 0; box-sizing: border-box;font-family: 'Roboto Slab', serif;}
@font-face { font-family: 'Arial'; src: url('../fonts/Arial.ttf');}
body{
	position: relative;
}
ul{ list-style: none;}
a{ text-decoration:none; border:none; outline: none;}
.img-out{display: none;}
.incopiavel{
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none;
    -ms-user-select: none;user-select: none;
}
.container{ width: 77.4%; margin: 0 auto; display:flex; }
/* HEADER */
header .top-publicity{
    padding-bottom: 5px; position: relative; background: #f8f8f8; 
}
header .top-publicity .pub-circle__arrow{
    position: absolute; display: flex; width: 50px; height: 50px; cursor: pointer;
    background:#282828; align-items: center; justify-content: center; top:-20px; border-radius: 50%;
}
header .top-publicity .pub-circle__arrow span{
    font-weight: 700; color:#f7a500; font-size: 1.3em;padding-top: 12px;
}
header .top-publicity .top-publicity__body{
    position: relative; max-height: 300px; width: 100%; 
}
header .top-publicity .items-publicity__body img{
    width: 100%; height:100%;
}
.up-header {padding: 5px 0 10px 0; background: #f8f8f8; border-bottom: 1px solid #ddd;}
.up-header .last-news__slide { display: inline-block; width: 50%;}
.up-header .last-news__slide .last-news{
    padding:4px 7px; background: #FF6825; color: #555; font-size: .72rem; font-weight: 800; line-height: 12px; 
    position: relative; margin-right: 4px; margin-top:8px; display: inline-block; width: 18%;
}
.up-header .last-news__slide .last-news::after{
    left: 100%;top: 36%; border: solid transparent;content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
    border-color: rgba(194,225,245,0);border-left-color: #FF6825; border-width: 4px; 
}
.up-header .last-news__slide > div{ display:block;height: 20px; width: 75%; float: right; top:10px; }
.up-header .last-news__slide > div .ns_items{font-family: arial; font-size: 13px; color:#777; }
.up-header .pub-logo{ width: 30%;padding:10px 0 2px 0;}
.small-search__lang{display: inline-block; width: 50%; text-align: right;}
.small-search__lang .search-div{ display: inline-block; width: 60%; padding-right: 20px;}
.search-div .form-search{ width: 100%;}
.search-div .form-search input{ padding: 9px 5px; width: 90%; border: 1px solid  #ddd; outline: none; font-size: .91rem; border-right: 0;} 
.search-div .form-search button{ 
    transition: all 0.3s ease-in;position: absolute; width: 38px; height: 36px; border:0; background:#FFA624;cursor:pointer;
    outline: none; 
}
.search-div .form-search button i{display: block;height: 20px;width: 20px;}
.search-div .form-search button span{
    display: block; background: #000; position:absolute; width:100%; height:100%; top:0;left: 0; opacity: 0;  transition: all 0.3s ease-in;
}
.small-search__lang .lang-div{ display: inline-block; width:22%;}
.search-absolute{position:absolute;top:38px; right:130px; display: none; z-index: 9999;}

.lang-div li{ list-style: none; display: inline-block; }
.lang-div li a{ position: relative; top:12px;}
.lang-div li:last-of-type a{ margin-left: -4px;}
.lang-menu{display:flex;position: relative;}
.down-header{ 
    background-color: #e8e8e8;padding-bottom: 5px; border-top:2px solid #f7a500; width: 100%; position: relative;
}
.top-fixed{ margin:0; position: fixed; top:0; z-index: 10000; }
.down-header .main-menu{ display: flex; background-color: #e8e8e8;}
.down-header .main-menu li{ padding:3px 0;}
.down-header .main-menu li .link-menu {padding:6px 22px; width:100%;    color: #7f6026; font-size: 14px;}
.down-header .main-menu li .link-menu span{ font-size: .56rem; font-weight: 600;}
.down-header .main-menu li .link-menu:hover{background: #ffa500; color:#fff;}
.down-header .main-menu li .active-menu{background: #ffa500; color:#fff;}
.down-header .main-menu li .active-menu a{ color:#fff;}
.down-header .input{ display: none;}


.pub_modal{
position: fixed;
width: 728px;
height: 90px;
left: 50%;
transform: translateX(-50%);
z-index: 10000;
bottom:2px;
display: none;
}
.pub_modal .icon_close{
position: absolute;
right: 0; top: 0;
font-size: .7rem;
padding: 3px 5px;
font-weight: 800;
z-index: 100002;
background: #f0f0f0;
color: #555;
font-family: 'Roboto Slab', sans-serif;
cursor: pointer;
}

/* SUB-MENU*/
.mega-content{
    position: absolute; z-index: 101; left: 0; width: 100%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.4);
    top: 23px; border-bottom:5px solid #ffa500; margin-top: 6px; visibility: hidden;opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.mega-content.active{visibility: visible; opacity: 1;}
.mega-menu{ padding:25px; display: flex; width: 100%;}
.mega-menu .mega-article{ width: 22%; text-align: center; padding: 20px 10px 40px 0px;}
.mega-back{ top:11px !important; right:10px !important; border-radius: 50%; padding: 6px !important; text-align: center;}
.mega-next{ left: auto !important; right: 36px !important; border-radius: 50%; padding: 6px !important; top:11px !important; text-align: center; }
.mega-back:hover{color:#ffa500; }
.mega-next:hover{color:#ffa500; }
.mega-menu .mega-article .mega-date{font-size: .85rem; font-weight: 600; color: #777; padding-top: 9px;}
.mega-menu .mega-article img{ width: 100%; height: 120px;}
.mega-menu .mega-article p{ padding:3px 0;}
.mega-menu .mega-article a{padding:0 !important;text-align: center;color:#444 !important; font-size: 1.01rem !important;}
.mega-menu .mega-article a:hover{  color:#FFA624 !important;}
.mega-menu .mega-image{  width: 100%; height: 120px;}
.back-view{
    position: absolute; top: 48%; right: 0px;padding: 12px 12px; background:#666; color:#fff; cursor:pointer; 
    font-weight: 600; font-size:.8rem;
}
.next-view{
    position: absolute; top: 48%; left:0px;padding: 12px 12px;z-index: 100; background:#666; color:#fff; 
    cursor:pointer; font-weight: 600; font-size:.8rem;
}
.op-menu .mega-menu .mega-article{ width: 32%; border-right: 1px solid #ddd; padding:0 20px 20px 0;}
.op-menu .mega-menu .mega-article:last-child{border:none; padding-left: 20px; text-align: left;}
.world .mega-menu .mega-article{ width: 40%; border-right: 1px solid #ddd; padding:0 20px 20px 20px;text-align: left; }
.world .mega-menu .mega-article:last-child{border:none; padding-left: 20px; text-align: left; width: 20%;}
.world .mega-menu .mega-article ul li span{
    font-size:.5rem; font-weight: 600; color:#888; padding-right: 6px;
}
.world .mega-menu .mega-article ul li a{ font-size: .84rem !important; padding:8px 25px 8px 6px !important;}
.world .mega-menu .mega-article ul li a:hover{ color:#fff !important; background: #3377bb;}
.world .mega-menu .mega-article ul li a:hover span{ color:#fff;}

/* BANNER */
main .banner{ height:336px; background:#FBBB5A; }
main .banner .banner-slide{ margin:0 17px; width:63%; }
main .banner .banner-slide img{ width: 100%;height: 318px;}
.slide__items .text-sector{
    position:absolute;background: rgba(0,0,0,0.7);padding:14px 13px; width:100%;bottom: 0px; font-size: 13px;
}
.slide__items .text-sector a{ text-transform: uppercase; font-weight: 100; font-size: 14px; line-height:28px; color:#fff;}
.slide__items .text-sector a:hover{ color:#f7a500;}
.text-sector .descriptions{color:#fff; font-size: 14px;  font-weight:600;}
main .banner .aside-direito{width: 310px; }
main .banner .aside-direito img { width: 100%; height: 130px; filter: grayscale(100%); }
main .banner .aside-direito:hover img { filter: none;}
main .banner .aside-direito a{ padding-bottom: 10px;}
main .banner .aside-direito a:hover{color:#666}
.aside-direito .as-item{width: 100%; height: 160px; margin-bottom: 5px;}
.aside-direito .as-item a{ padding:5px 0; color:#333;}
/* CONTEUDO */
.content { position: relative; display: block; height: auto;  width: 100%; padding-bottom:35px;}
.content .container{ justify-content: space-between;}
.content .content-60{width: 71%;}
.content .content-40{width: 27%; padding-left: 5px; }
.large-content{ width: 100%;}
.content-60 .content-item,.content-40 .content-item,.large-content .content-item{ border-top:3px solid #ffa500; margin-top:10px;}
.content-60 .content-item .intern-content{ display: flex; flex-wrap: wrap;}
.large-content .content-item h2, .content-40 .content-item h2, .content-60 .content-item h2{
    font-size: .98rem; padding:10px 0 5px 0; border-bottom: 1px solid #ccc; margin-bottom:17px; color:#555;
}
.content-item article{ width: 31.2%; margin-top:6px; margin-right: 3.2%;}
.content-item article:nth-of-type(3n){ margin-right: 0%;}
.content-item article figure img{ width: 100%; height: 100%;filter:none; }
.content-item article figure:hover img{filter: grayscale(60%);}
.content-item article figure{ height: 150px;}
.content-item article .item-asset{padding:10px;margin-top:0px; background:#fff;}
.content-item article .item-asset ul{ display:flex; justify-content:space-between}
.category .article-itens .itens-content h3,.content-item article .content-resumo h3{font-weight: 300;}
.content-item article .item-asset ul span{ font-size: .8rem; font-weight: 600; color: #888;}
.category .article-itens .itens-content,.content-item article .content-resumo{ 
    padding:15px 2px 22px 2px; font-size: .89rem; font-weight: 400; 
}
.category .article-itens .itens-content a, .content-item article .content-resumo a{
    color:#555;     line-height: 1.2em; word-spacing: 2px;
}
.content-item article .content-resumo a:hover{ color: #FFA624;}
.opion article{width: 25%; padding-bottom: 35px;margin-left: 0%; margin-right: 0%;}
.opion article .div-border{ 
    border:1px solid #dedede; background-image:url('images/padrao5.jpg'); background-repeat:no-repeat; background-size:cover;
}
.opion .div-border .img-sector{ width: 80%; height: 160px; margin: 13px auto 0 auto;}
.large-content .opion .div-border .img-sector {
    width: 86%;
    height: 160px;
    margin: 13px auto 0 auto;
}
.opion article .content-resumo{ text-align: center;}
.opion article .content-resumo .title{ 
    font-weight: 600;font-weight: 600; margin: -2px 0 5px 0px; position: relative;  display: block; color:#333;
    text-transform: uppercase; font-size: .7rem;
}
.opion article .content-resumo .title:hover{ text-decoration: underline;}
.other article:first-child{ width: 35%;margin-right: 2.7%;}
.other article:last-child{width: 62%; margin-right:0;}
.category article .content-resumo, .other article:last-child .content-resumo{
    width:60%; padding-left:15px; padding-top: 0; padding-bottom: 0;
}
.category .div-user__header{
    margin:1px 0 20px 0; border:1px solid #ddd; border-radius: 5px; padding:10px 15px; display: flex; flex-wrap: wrap;
}
.profile-op .foto img ,.div-user__header .foto img { width: 100px; height: auto; background: #fff; border-radius:50%;}
.profile-op h3, .div-user__header h3{font-size: .985rem; color: #f7a500}
.profile-op .title-desc ,.div-user__header .title-desc{font-size: .9rem; color:#666;}
.other article:last-child .img-sector{width: 32%; height: 100px;}
.category .article-itens .itens-content a:hover{color:#FFA624;} 
.category article .img-sector img,.other article:last-child .img-sector img{width: 100%; height: 100%;}
.category article{width: 100%; margin-right:0;}
.category article .img-sector{width: 40%; height: 220px;}
.category .article-itens{display:flex; flex-wrap: wrap; }
.category .article-itens .div-itens{ width: 30%; margin-bottom: 2%; margin-right: 3%; }
.category .article-itens .div-itens .itens-img{ width: 100%; height: 120px;}
.category .article-itens .div-itens .edit-img{ height: 330px;}
.pg-opinion .article-itens .div-itens  .itens-img {width: 190px; height: 190px; margin: auto;}
.pg-opinion .article-itens .div-itens { margin-right: 3.33%;}
.pg-opinion  .itens-img img{height: 100%;border-radius: 50%; box-shadow: 0 0px 6px #888; }
.paginator{ margin: 20px 0;  width: 100%;}
.paginator { display: table; margin:0 auto;}
.paginator li{ display: inline-block;margin:0 1px;}
.paginator li:first-child a{ border-radius: 4px 0 0 4px;}
.paginator li:last-child a{ border-radius: 0 4px 4px 0px;}
.paginator li a{padding:8px 18px; display: block;color: #555;border: none; background: #ddd; font-size: .9rem;}
.paginator li a:hover{ background: #FBBB5A; color:#fff;}
.paginator .active span{ background: #FBBB5A; color:#fff; padding:8px 18px;}
.other-title{display:block; padding:4px 0; color: #FFA624; font-size: .82rem;}
.opion article .div-border .img-sector img{width: 100%; height: 100%; border-radius: 50%;}
.content-40 .content-item .item-desc{ display: flex; justify-content: space-around;}
.content-40 .content-item .item-desc span{width: 150px;}
.content-40 .content-item .item-desc span img{ width: 100%; }
.content-40 .content-item .data-edicao{
    margin-top:-10px; text-align: right; color:#777;font-weight: 600; font-size:.85rem;padding-bottom:5px;padding-right: 3px;
}
.content-40  .data-buttom a{
    display: block; padding: 8px 10px; background: #ffa500; font-weight: 700; color: #fff; border-radius: 5px;
    font-size: .827rem; width: 80%; margin: 10px auto; text-align: center; 
}
.content-40 .content-item .video-body{ width: 100%;}
.video-body .slide_videos{ display: block; width: 108%;}
.slide_videos .itens { position: relative; width: 33%; margin:0 1px; height:70px;float: left; display: inline-block;}
.slide_videos .itens img{ width: 100%; height: 100%;}
.slide_videos .itens .post-hover{
    left: 0;top: 0; width: 100%; height: 100%; position: absolute;background: url(../images/pattern-hover.png) repeat;
}
.content-40  .data-buttom a:hover{background: rgba(168, 112, 7, 0.65) }
.most-views__comment{ display: flex; margin-bottom: 20px; }
.most-views__comment .foto{ width: 35%; height: 85px; position: relative}
.most-views__comment .foto img{ width: 100%; height: 100%;}
.most-views__comment .most-view__title{padding-left:10px;width: 65%;}
.p_last__news, .most-views__comment .most-view__title h3{ font-weight: lighter;  font-size: 1.04rem;margin-bottom: 10px;}
.p_last__news a,.most-views__comment .most-view__title h3 a{color:#444; font-size: .99rem;font-weight: 400;}
.p_last__news a:hover, .most-views__comment .most-view__title h3 a:hover{color: #FFA624; line-height:1.2rem;}
.most-views__comment .foto span{
    background-color: rgba(0,0,0,0.45);height: 100%;left: 0;opacity: 0;transform: scale(0);
    position: absolute;top: 0;transition: all 0.5s ease-in-out 0s;width: 100%;z-index: 1;
}
.most-views__comment .foto:hover span{transform: scale(1);opacity: 1;}
footer{ padding:40px 0 0 0; background: #666666;color:#fafaf9;}
footer .v_eco{width: 25%;padding-right: 40px;}
footer .v_eco h2{font-size: 1.042rem; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom:15px;}
footer .v_eco p{ font-size: .9rem; line-height: 1.5;}
footer .v_eco .new-form input{
    display:block; width: 95%; margin:0 auto 10px auto; border:none; outline: none; padding:10px 5px; border-radius:2px;
}
footer .v_eco .new-form button{
    display:block; width: 88%; margin:0 auto 10px auto; border:none; outline: none; padding:8px 5px; border-radius:2px;
    font-size: .91rem; font-weight: 600; cursor: pointer; color: #fff; background: #FFA624;
}
footer .v_eco ul li{ 
    list-style:square; margin-left: 20px; transition: all 0.5s ease-in; padding: 3px 0; color: rgba(255, 165, 0, 0.5);
}
footer .v_eco ul li a{  color:#fafaf9; font-size: .9rem;}
footer .v_eco ul li a:hover{ color: rgba(255, 165, 0, 0.5); font-size: .9rem;}
footer .last-footer{ background:#444; margin-top:15px; padding:18px 0; text-align: center;}
.v-contactos p{ margin-bottom: 10px;}
.v-contactos p span { padding-right: 5px;}
.co-terminal{ margin-top:-9px;}
footer .v_eco h3{ font-size: .941rem; padding-bottom: 10px;}
.xt-letter a{  color:#666;margin-bottom: 20px;}
.xt-letter a:hover{  color:#FFA624;  }
.large-content article{ margin-bottom: 15px; width: 16.666%; }
.large-content .intern-content{ display:flex; flex-wrap: wrap;}
.read-news{
    background-color: rgba(255,255,255,0.8); margin-top: 10px;  box-shadow: 2px 2px 18px #CCC;  padding-left: 30px;
    padding-bottom: 25px; padding-top: 20px; padding-right:30px;
}
footer form{
    position: relative;
}
footer .alert p{
    font-size: .8em;
    text-align: center;
    padding: 6px;
}
footer .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    margin-bottom: 10px;
    border-radius: 3px;
}
footer .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin-bottom: 10px;
    border-radius: 3px;
}
footer .form_loader{
    display: none; 
    position: absolute;
    top: 85px;
    left: 35%;
    width: 50px;
}
.read-news .ant-title{ font-weight: 300; color:#333; font-size: .9rem;}
.read-news .assets{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.read-news .assets .spn{ margin-right: 20px; font-size: .8rem; color:#777;}
.read-news .assets .spn span{padding-right: 8px; color:#222;}
.read-news .assets .assets-2 a{padding-right: 5px; color:#222; position: relative; top: 3px;}
.read-news .assets .assets-2 a:hover{color:#FFA624;}
.read-news img { width: 100%; margin-top:6px;}
.read-news .resumo{ color:#555;}
.read-news p{ margin:20px 0 10px 0; color:#444;}
.read-news .div-share{
    margin:15px 0; border:1px solid #ddd; border-radius: 2px; background: #EFEFEF; display: flex; padding:4px;
}
.read-news .div-share a{  
    width: 100px; height: 25px; background-size: 130%; border-radius: 3px;background-position: 1px center; margin-right: 2px;
}
.read-news .destaque{
    padding:5px 10px; position: absolute; background:#FFA624; border-radius: 3px 0 0 3px;  right: 0; color:#fff;
}
.user-side{
    box-shadow:none;background:transparent;padding-left: 0px; padding-bottom: 25px; padding-top: 0px; padding-right:10px;
}
.user-side p{ color:#444;}
.user-side .div-read-buttom a{
    position: relative; line-height: 35px; padding:8px 15px; background:#ddd; color:#666;  font-weight: 600; font-size: 14px;
}
.user-side .div-read-buttom span{
    padding: 7px 12px; background: #ffa500; line-height: 15px; right: -15px; color: #fff; 
    display: flex; align-items: center; position: absolute; font-size: 18px;  top: 0;  opacity: 0;
    bottom: 0;transition: all 0.2s ease-out;  font-weight: 600;border-radius:0 2px 2px 0 ;
}
.user-side .div-read-buttom a:hover{ color:#fff; background: #FBBB5B;}
.user-side .div-read-buttom a:hover span {opacity:1; right: -35px; transition: all 0.2s ease-out;}
.profile-op{margin:20px -30px 40px -30px;display: flex; background: #F0F0F0; border-top:1px solid #ddd;padding:15px 10px ;}
.profile-op a{ color:#444;}
.other-ops h2{
    font-size:1.01rem; text-transform: uppercase; margin-top: 20px; color:#555; padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.other-ops ul{ margin-top: 15px;}
.other-ops ul li{ padding-bottom: 6px;}
.other-ops ul li span{font-size: .68rem; padding-right: 6px; font-weight: 600;}
.other-ops ul li a{color: #555; font-size: .9rem; }
.other-ops ul li a:hover{ color: #f7a500;}
.search h2 span{
    font-size: .92rem; padding:3px 15px; background: #3377bb; color:#fff; position: relative; top:-2px; border-radius: 2px;
}
.search h2 span:first-child{ background: #3377bb;}
.search h2 span:last-child{background: #f7a500; }
.search-items{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.search-items p{ font-size: 1.012rem; }
.search-items p a{ color:#444; font-weight: 600;}
.search-items p a:hover{ color: #f7a500;}
.search-items span:first-child{font-size: 1.112rem;}
.search-items span{ font-size: .9rem; color:#333; }
.nt-found{width:60%; position:relative; margin:60px auto; text-align:center;}
.nt-found h2{font-weight:400; font-size:2rem; color:#555;}
.nt-found p a { padding:9px 20px; background:#f7a500; color:#fff; border-radius: 5px;}
.nt-found p a:hover { background:#388B1B }
.backtotop {
    background-color: #555;width: 45px;bottom: 20px; right: 10px; min-height: 42px; overflow: hidden; z-index: 40;
    position: fixed;display: block; text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; cursor:pointer;
}
.backtotop:hover { background-color: #f7a500;}
.backtotop span{font-size: 26px; margin: 1px 0 0 0 !important;color: #fff;display:inline-block;position:relative; top:2px;}
.backtotop.hidden-top { bottom: -100px;}
.service-modal{
    display:block; top:0; left:0;position: fixed; width:100%; height:100%; background:rgba(0,0,0,.56); z-index:9999999;
    transition: display .85s linear;
}
.modal-fade{  opacity: 1; transition: opacity .85s linear; transition: dislpay .8s linear; }
.closer-modal{ 
    position:absolute; color:#000; top:15px; right:15px; font-size:.75rem; cursor:pointer; padding: 6px;
    background: #fff; border-radius: 50%;
}
.closer-modal:hover{color: #888}
.service-modal .modal-general-body{ position:relative; width:100%; padding:30px;  }
.service-modal .modal-body{ 
    margin:10px auto 0 auto; display:block; position:relative;width:50%; min-height:170px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); overflow: auto; top:70px; padding: 15px;
}
.service-modal .modal-top__body{ background: #FBBB5A ; color:#fff; padding:25px 25px 5px 25px ;}
.service-modal .modal-top__body .congratulation{
    font-size: 3.026rem; text-transform: uppercase; font-weight: 600; text-align: center;
    text-shadow: 0 1px 2px #888; margin-top:10px;
}
.service-modal .modal-top__body .c-name{ font-size: 1.4rem; text-align: center;}
.service-modal .modal-top__body .modal-img{width: 30%; margin:10px auto 0 auto;}
.service-modal .modal-top__body .modal-img img{
    width: 100%;
}
.modal-news__later{
    padding:35px 25px;
}
.modal-news__later .modal-form { width: 90%; margin:auto; text-align: center;}
.modal-news__later .modal-form input{
    border:1px solid #ccc; outline: none; padding:10px 10px; width: 70%; font-size: 1.012rem; color:#555;
}
.modal-news__later .modal-form button{ 
    outline: none; padding:10px 10px; width: 10%; font-size: 1.12rem; color:#fff;position: relative; margin-left: -4px;
    background: #000; border:none; cursor: pointer;
}
.service-modal .modal-header .modal-title{ font-size: 1.23rem; color:#BA2D23; padding: 0 10px; font-weight: 600;}
.service-modal .modal-content p{ padding: 10px; color:#222; text-indent: 30px; text-align: justify; font-size: 1.2rem;}

@media(max-width: 1414px){
    .down-header .main-menu li .link-menu {padding:6px 17px; font-size: 14px;}
}
@media(max-width: 1288px){
    .down-header .main-menu li .link-menu {padding:6px 10px; font-size: 14px;}
    .container{ width: 89.4%; margin: 0 auto; display:flex; }
}
@media(max-width: 1058px){
    .large-content .opion .div-border .img-sector {
        width: 86%;
        height: 160px;
        margin: 13px auto 0 auto;
    }
    .down-header .main-menu li .link-menu {padding:6px 17px; font-size: 11px;}
    .container{ width: 93.4%; margin: 0 auto; display:flex; }
    .pg-opinion .article-itens .div-itens { width: 45%;margin-right: 0%; margin-bottom: 3%; }
}
@media(max-width: 968px){
    .down-header .input
    {
        display: block; width: 40px; height: 32px; position: absolute;top: -7px;left: -5px; cursor: pointer; opacity: 0; 
        z-index: 2; -webkit-touch-callout: none;
    }
    .down-header label{ cursor:pointer;display:inline-block; position: relative; top:10px; margin-left: 10px;}
    .down-header label > span
    {
        display: block;width: 33px; height: 4px; margin-bottom: 5px; position: relative;background: #7f6026;border-radius: 3px;
        z-index: 1; transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;
    }
    .down-header label > span:first-child {   transform-origin: 0% 0%; } 
    .down-header label > span:nth-last-child(2) {   transform-origin: 0% 100%; }
    .down-header input:checked ~ label > span { 
        top:-5px; opacity: 1;   transform: rotate(45deg) translate(-6px, -9px);   background: #7f6026; 
    }
    .down-header input:checked ~ label > span:nth-last-child(3){ opacity: 0;  transform: rotate(0deg) scale(0.2, 0.2); } 
    .down-header input:checked ~ label > span:nth-last-child(2)
    { transform: rotate(-45deg) translate(-10px, 14px);background: #7f6026; }
    .down-header .main-menu li { padding-top:15px;}
    .down-header .main-menu li .ti-angle-down{ display: none;}
    .down-header .main-menu li .link-menu {padding:6px 17px; font-size: 18px; margin-top:10px;}
    .down-header .main-menu{ 
        display: none; flex-direction: column;position: absolute;top:43px; z-index: 10000;
        background: #EFEFEF; left: -28px; width: 50%; height: 100vh; align-items: center; padding:30px 20px}
    .search-absolute {   position:relative; top:0; display: block;right:0px; width: 80%; margin-top: 4px; margin-left: 15px; }
    .search-btn{display: none; }
    .large-content article { margin-bottom: 15px; width: 33.3%; }
    .large-content .opion .div-border .img-sector {
        width: 60%;
        height: 160px;
        margin: 13px auto 0 auto;
    }
}
@media(max-width: 935px){
    .up-header .container{flex-direction: column; margin-bottom: 10px; }
    .up-header  .last-news__slide{ width: 80%; margin:0 auto 10px auto;}
    .up-header .small-search__lang{ width: 80% !important; margin: 0 auto; }
    .up-header .last-news__slide .last-news{ width: 20%;
    }
    .up-header .last-news__slide > div{width: 70%;  }
    .pub-logo{ text-align: center;}    
}
@media(max-width: 848px){
    .banner .container{flex-direction: column; }
    main .banner {  height: auto; background: #FBBB5A; }
    .img-out{ display:block; margin:10px auto; border-radius: 5px;}
    .img-in{ display:none;}
    main .banner .banner-slide{ margin:0px; width:100%; }
    main .banner .aside-direito {width: 100%; margin-top:20px;}
    .aside-direito .as-item { width: 100%; height: 260px; margin-bottom: 5px; }
    main .banner .aside-direito img { height: 230px; filter: grayscale(100%); }
    .content .container {justify-content: space-between; flex-direction: column;}
    .content .content-60 { width: 100%;}
    .content .content-40 { width: 60%;  margin:0 auto;}
    footer .container{flex-wrap: wrap;}
    footer .v_eco { width: 50%; padding-right: 40px;
    }
    footer .v_eco ul li{list-style: none; }
    .large-content article { margin-bottom: 15px; width: 50%; }
    .large-content .opion .div-border .img-sector {
        width: 50%;
        height: 160px;
        margin: 13px auto 0 auto;
    }
    .opion .div-border .img-sector {
        width: 80%;
        height: 130px;
        margin: 13px auto 0 auto;
    }
}
@media(max-width: 645px){
    .content-60 .content-item, .content-40 .content-item, .large-content .content-item {
        margin-top: 30px;
    }
    .pg-opinion .itens-img img{ width: 45% !important; height: 190px !important; }
    .up-header .last-news__slide .last-news{ width: 20%; }
    .up-header .last-news__slide > div{width: 70%;  }
    .down-header .main-menu{  width: 100%;}
    .up-header .container{flex-direction: column; margin-bottom: 10px; }
    .up-header  .last-news__slide{ width: 100%; margin:0 auto 10px auto;}
    .up-header .small-search__lang{ width: 100% !important; margin:0 auto 0px auto; }
    .opion article {width: 50%;padding-bottom: 35px; margin-left: 0%; margin-right: 0%; }
    .opion .div-border .img-sector { width: 80%;height: 200px; margin: 13px auto 0 auto;  }
    .category .article-itens .div-itens {
        width: 90%;   margin-bottom: 2%; margin-right:auto; margin-left: auto;  text-align: center;
    }
    .category .article-itens .div-itens .itens-img { width: 100%;height: 220px; }
    .category .div-user__header { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
    .content .content-40 { width: 100%;  margin:0 auto;}
    .large-content .opion .div-border .img-sector {
        width: 60%;
        height: 160px;
        margin: 13px auto 0 auto;
    }
}
@media(max-width: 545px){
    .large-content .opion .div-border .img-sector{ width: 40%; height: 160px; }
    .category article .img-sector { width: 40%; height: 160px; margin-bottom: 10px; }
    .content-item article { width: 100%; margin-top: 6px; margin-right:0;}
    .opion .div-border .img-sector { width: 40%; height: 160px; margin: 13px auto 0 auto;}
    .other article:first-child {width: 100%; margin-right:0%;}
    .content .content-60 { text-align: center;}
    .content .content-40 { width: 96%;  margin:0 auto; text-align: center; padding-right: 0;}
    .other article:last-child {width: 100%;margin-right: 0;}
    footer .v_eco { width: 100%; text-align: center;padding-right: 0px; margin-bottom: 20px;}
    .content-item article figure { height: 220px;}
    .category article .content-resumo, .other article:last-child .content-resumo {
        width: 100%; padding-left: 0; padding-top: 10px; padding-bottom: 0;
    }
    .read-news .assets {flex-direction: column;}
    .read-news .assets-1 {display:flex;flex-direction: column; }
    .read-news .assets .spn {margin-bottom: 10px;}
    .read-news .ant-title {display: inline-block; margin-top: 50px; }
}

/*** HTML CHARS CONFIG ****/
.htmlchars{
    display: block;
    width: 100%;
}

.htmlchars h3{display: block; font-size: 2em; font-weight: 300; margin-bottom: 30px}
.htmlchars h4{display: block; font-size: 1.8em; font-weight: 300; margin-bottom: 30px}
.htmlchars h5{display: block; font-size: 1.6em; font-weight: 300; margin-bottom: 30px}
.htmlchars p{margin-bottom: 20px; font-size: 1em;}
.htmlchars p strong{font-weight: 600;}
.htmlchars iframe{width: 100%; border: none;}
.htmlchars img{width: 100% !important; border: none;}
.htmlchars ul{list-style: circle; margin: 20px 30px;}
.htmlchars ol{margin: 20px 30px;}
.htmlchars form{padding: 30px; background: #fbfbfb; margin: 20px 0; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form label{display: block; margin-bottom: 15px; font-size: 0.9em; text-transform: uppercase;}
.htmlchars form input,
.htmlchars form textarea{border: 1px solid #ccc; display: block; margin-top: 15px; font-size: 1em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button,
.htmlchars form input[type="submit"]{display: block; border: 0; color: #fff; text-shadow: 0 1px #000; cursor: pointer; padding: 15px 30px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background: #00B494; border-bottom: 5px solid #008068; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button:hover,
.htmlchars form input[type="submit"]:hover{background-color: #008068; border-color: #0B5747;}
.htmlchars a{color: #0E96E5; text-decoration: none;}
.htmlchars a:hover{text-decoration: underline;}
.htmlchars pre{margin-bottom: 30px; font-size: 0.8em;}
.htmlchars .btn{display: block; color: #fff;}
.htmlchars .btn:hover{text-decoration: none !Important;}
.credits_legends{
    display:flex;
	padding:10px 0;
}
.credits_legends div{
    font-size:.8rem;
    text-transform:uppercase;
	margin-right:10px;
	padding-right:6px;
	color:#777;
}
.credits_legends div span{
	display:inline-block;
	padding:0 6px
}