/*-----------------------------------------------------------

Theme Name: Broadcast 28Dez2022 - TN V2
Theme URI: http://www.broadcast.com.br;
Description: Corporative Site Broadcast
Author: Agência Estado
Author URI: http://www.broadcast.com.br;
Version: 2.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/*-----------------------------------------------------------------------------------*
/* = Body, Classes Comuns & Wrap
/*-----------------------------------------------------------------------------------*/

@font-face {
    font-family: flamabook;
    src: url('assets/fonts/flama-book-webfont.woff2') format('woff2'),
    url('assets/fonts/flama-book-webfont.woff') format('woff'),
    url(assets/fonts/Flama-Book.otf);
    font-weight: normal;
    font-style: normal;
}

/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/inter/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/inter/inter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/inter/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/inter/inter-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/inter/inter-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/inter/inter-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/inter/inter-v12-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/inter/inter-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/inter/inter-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/inter/inter-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/inter/inter-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/inter/inter-v12-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/poppins/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('assets/fonts/poppins/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/poppins/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/poppins/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/poppins/poppins-v20-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('assets/fonts/poppins/poppins-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/poppins/poppins-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-200.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/poppins/poppins-v20-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/poppins/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('assets/fonts/poppins/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/poppins/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/poppins/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
  }


  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/poppins/poppins-v20-latin-400.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('assets/fonts/poppins/poppins-v20-latin-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/poppins/poppins-v20-latin-400.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-400.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-400.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/poppins/poppins-v20-latin-400.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/poppins/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('assets/fonts/poppins/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/poppins/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/poppins/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/poppins/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
  }

div,
input {
    font-family: "flamabook", Helvetica, sans-serif;
}

body {
    font-family: "flamabook", Arial, sans-serif;
    font-size: 14px !important;
    color: #222;
}



/*
*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
*/

iframe {
    border: 0;
}

.container {
    max-width: 1400px;
}

.advice {
    font-style: italic;
    color: #646464;
    margin-top: 20px;
}

table#tabelaproduto {
    font-size: 12px;
}

table#tabelaproduto tr:nth-child(odd) {
    background-color: #f0f0f0;
}

table#tabelaproduto tr:nth-child(even) {
    background-color: #FFFFFF;
}

table#tabelaproduto tr:hover {
    background-color: #bababa;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

h1.pisca,
h2.pisca,
h3.pisca,
h4.pisca,
h5.pisca,
h6.pisca {
    opacity: 0.8;
}

h1.pisca .fa,
h2.pisca .fa,
h3.pisca .fa,
h4.pisca .fa,
h5.pisca .fa,
h6.pisca .fa {
    font-size: 11px;
}


/* seleção de texto | 80% da cor oficial */

::selection {
    background: none;
    color: #FFF;
}

::-moz-selection {
    background: none;
    color: #FFF;
}

h1 {
    font-size: 2.4em;
}

h2 {
    font-size: 2.0em;
}

h3 {
    font-size: 1.7em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.3em;
}

h6 {
    font-size: 1.1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bolder;
    margin: 10px 0 20px 0;
}

/*

Cores do laranja
#ff6000
#331b0d


*/

.trading-news ::selection {
    background: #ff6000;
    color: #FFF;
}

.politico ::selection {
    background: #fbc136;
    color: #FFF;
}

.politico ::-moz-selection {
    background: #fbc136;
    color: #FFF;
}

.agro ::selection {
    background: #bbd76b;
    color: #FFF;
}

.agro ::-moz-selection {
    background: #bbd76b;
    color: #FFF;
}

.financeiro ::selection {
    background: #33BBFF;
    color: #FFF;
}

.financeiro ::-moz-selection {
    background: #33BBFF;
    color: #FFF;
}

.midia ::selection,
.releases ::selection {
    background: #EF554B;
    color: #FFF;
}

.midia ::-moz-selection,
.releases ::-moz-selection {
    background: #EF554B;
    color: #FFF;
}


/*-----------------------------------------------------------------------------------*
/* = Cores
/*-----------------------------------------------------------------------------------*/

.home a {
    color: #333;
}

.politico a:hover {
    color: #FBC200;
}

.financeiro a:hover {
    color: #00AAFF;
}

.agro a:hover {
    color: #00AAFF;
}

.bancodobrasil a:hover {
    color: #00AAFF;
}

.releases a:hover {
    color: #EF554B;
}

.midia a:hover {
    color: #EF554B;
}




/*-----------------------------------------------------------------------------------*
/* = pag Produtos
/*-----------------------------------------------------------------------------------*/

.post-type-archive-produtos .container-fluid.rodape {
    width: 100% !important;
    max-width: 6000px;
}

.post-type-archive-produtos .container-fluid h4,
.post-type-archive-produtos .container-fluid a {
    color: #003E7E;
}

.post-type-archive-produtos .container-fluid {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.post-type-archive-produtos .container-fluid.broadcast-politico h4,
.post-type-archive-produtos .container-fluid.broadcast-politico a {
    color: #E2A215;
}

.post-type-archive-produtos .container-fluid.broadcast-politico {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.post-type-archive-produtos .container-fluid.broadcast-agro h4,
.post-type-archive-produtos .container-fluid.broadcast-agro a {
    color: #87A537;
}

.post-type-archive-produtos .container-fluid.broadcast-agro {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.post-type-archive-produtos .container-fluid.broadcastplus h4,
.post-type-archive-produtos .container-fluid.broadcast-plus a {
    color: #00AAFF;
}

.post-type-archive-produtos .container-fluid.broadcastplus {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.post-type-archive-produtos .container-fluid.broadcast-datafeed {
    margin: 0 auto 40px;
}

.produtos .downloads a {
    text-decoration: underline;
    color: #333;
}

.sobre .ae,
.produtos .releases,
.produtos .estcont,
.produtos .agro,
.produtos .bdata,
.produtos .bmov,
.produtos .bweb,
.produtos .financeiro,
.produtos .politico {
    margin-top: 80px;
    margin-bottom: 80px;
}

.archive h4 {
    color: #003E7E;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 30px;
}

.archive .thumbnail {
    margin-top: 30px;
}



#myModal {
    z-index: 1700;
}

.sobre .ae h4,
.sobre .ae h5,
.produtos h4,
.produtos h5,
.produtos .bweb h5,
.produtos .bweb h4 {
    color: #003E7E;
}

.produtos .politico h5,
.produtos .politico h4 {
    color: #FAB204;
}

.produtos .agro h5,
.produtos .agro h4 {
    color: #87A537;
}

.produtos .releases h5,
.produtos .releases h4,
.produtos .estcont h5,
.produtos .estcont h4 {
    color: #ef554b;
}

.produtos h4,
.produtos h5 {
    font-size: 1.4em;
    font-weight: bold;
    color: #003E7E;
}

.produtos h5 {
    font-size: 1.1em;
    font-weight: bolder;
}

.single-produtos .btn.disabled {
    background-color: #6c6c6c !important;
}

.fisica {
    display: none;
}


/*-----------------------------------------------------------------------------------*
/* = header
/*-----------------------------------------------------------------------------------*/

header {
    margin-top: 0px;
    margin-bottom: 20px;
}

header .top {
    margin: 60px 0px 0px;
}

header .top img#logo {
    cursor: pointer;
    margin-top: 9px;
}

header .col-md-9 {
    padding: 0;
}

#logo2 {
    cursor: pointer;
    display: none;
    margin: 1px 0 0 20px;
    position: absolute;
    top: -4px;
    width: 150px;
}


/*-----------------------------------------------------------------------------------*
/* = ticker
/*-----------------------------------------------------------------------------------*/


/*** ticker ** */

.ticker .ticker-topo {
    border-bottom: thin dotted #ccc;
    color: #999999;
    font-size: 0.93em;
    margin: 40px 0;
}

/* IMAGES */

.box-media {
    width: 100%;
    box-sizing: border-box;
    /* border: 4px dotted green;  */
}

.box-media .container-fluid {
    /* border: 2px solid lightgreen;  */
    box-sizing: border-box;
    overflow: hidden;
    height: 340px;
    margin-right: 0;
    margin-left: calc(100vw/2 - 8/9*100vw/2 ); 
    /* margin-left: 15%;    */
}

.slideshow {
    width: 950px;
    height: 300px;
    margin: 20px 0;
    position: relative;
    left: 0px;
    padding: 0;
}

.mainmidia #js-arrowL-VD {
    z-index: 1499;    
}
.mainmidia #js-arrowL {
    z-index: 1500;    
}

#imageModal {
    z-index: 1505;      
}

#videoModal {
    z-index: 1506;  
}

#termodeusoModal {
    z-index: 1507;  
}

#haveterm {
    display: none;
}

.mainmidia #js-arrowL-VD,
.mainmidia #js-arrowL
{
    width: 200px;
    height: 100%;
    float:left;
    cursor:pointer;
    position: relative;
    background: linear-gradient(to right, #000000, rgba(208, 208, 208, 0));
    display: none;
    left: -20px;
}

.mainmidia #js-arrowR-VD {
    z-index: 1501;  
}

.mainmidia #js-arrowR {
    z-index: 1502;  
}

.mainmidia #js-arrowR-VD,
.mainmidia #js-arrowR
{
    width: 200px;
    height: 100%;
    float: right;
    cursor:pointer;
    position: relative;  
    background: linear-gradient(to right, rgba(208, 208, 208, 0) , #000000);    
    left: 15px;
}

.mainmidia .fa-chevron-left{
    left: 30px; 
}
.mainmidia .fa-chevron-right {
    right: 30px;
}


.mainmidia .fa-chevron-left,
.mainmidia .fa-chevron-right {
   position: absolute;   
   opacity: 0.75;                
   color: rgba(195, 195, 195, 0.75);   
   -webkit-filter: blur(2px);    
   -moz-filter: blur(2px);
   filter: blur(2px);
}


.mainmidia.imagensdodia .fa-chevron-left,
.mainmidia.imagensdodia .fa-chevron-right {
    top: 140px;
}


.mainmidia.broadcasttv .fa-chevron-left,
.mainmidia.broadcasttv .fa-chevron-right {
    top: 140px;
}


.slideshow > div {
    height: 400px;
    width: 3300px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.slideshow .col-2, 
.slideshow .col-6 { padding: 0; }

.well-big {
    max-height: 301px;
    width: 400px;
    overflow: hidden;
    padding: 0;
    margin: 0 17px 0 0;
    position: relative;    
}

.well-big-vdo {
    max-height: 300px;
    overflow: hidden;
    padding: 0;
    margin: 0 17px 0 10px;
    position: relative;
} 

.well-vdo,
.well {
    overflow: hidden;
    padding: 0;
    margin: 1px;
    position: relative;
    max-height: 149px;
} 

.slideshow .col-2 {   
    margin: 0 10px 0 20px; 
}

.slideshow .well-big-vdo.col-2:first-child {  
    margin-left: 15px;
}

.slideshow .col-2:first-child {   
    margin: 0; 
}

.well-big-vdo,
.well-vdo,
.well,
.well-big
{
    border: 1px solid rgba(51, 187, 255, 0.9);
}

.agro .well-vdo,
.agro .well,
.agro .well-big,
.agro .well-big-vdo 
{
    border: 1px solid rgba(170, 205, 70, 0.9);
}

.politico .well-vdo,
.politico .well,
.politico .well-big,
.politico .well-big-vdo 
{
    border: 1px solid rgba(250, 178, 4, 0.9);
}

.financeiro .well-big-vdo,
.financeiro .well-vdo,
.financeiro .well,
.financeiro .well-big
{
    border: 1px solid rgba(51, 187, 255, 0.9);
}



.well-vdo .overlay,
.well-big-vdo .overlay,
.well-big .overlay,
.well .overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 140, 186, 0.8);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}




.well-vdo .image {
  display: block;
  width: 110%;
  height: auto;
  left: 10px;

}

.well-big .image,
.well .image {
  display: block;
  width: 103%;
  height: auto;
  left: 10px;
}





.financeiro .well-vdo .overlay,
.financeiro .well-big-vdo .overlay,
.financeiro .well-big .overlay,
.financeiro .well .overlay {
  background-color: rgba(0, 140, 186, 0.8);    
}

.politico .well-vdo .overlay,
.politico .well-big-vdo .overlay,
.politico .well-big .overlay,
.politico .well .overlay {
  background-color: rgba(180, 136, 32, 0.56);    
}

.agro .well-vdo .overlay,
.agro .well-big-vdo .overlay,
.agro .well-big .overlay,
.agro .well .overlay {
  background-color: rgba(136, 172, 42, 0.67);    
}



.well-vdo:hover .overlay,
.well-big-vdo:hover .overlay,
.well-big:hover .overlay,
.well:hover .overlay {
  bottom: 0;
  height: 100%;
}

.box-imagem .vertical-text {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transform-origin: 12px;
    -webkit-transform-origin: 117px 35px 0px;
    transform-origin: 117px 35px 0px;
    position: relative;
    float: left;
}

.box-video .vertical-text {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transform-origin: 12px;
    -webkit-transform-origin: 108px 30px 0px;
    transform-origin: 108px 30px 0px;
    position: relative;
    float: left;
}

.well-vdo .text ,
.well-big-vdo .text ,
.well-big .text ,
.well .text {
  color: white;
  font-size: 0.9em;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

 


/*-----------------------------------------------------------------------------------*
/* = navbar
/*-----------------------------------------------------------------------------------*/

.navbar {
    color: #fff;
    min-height: 40px;
    height: 40px;
    background-color: #333;
    padding: 3px;
}

.navbar .dropdown-menu li {
    width: 100%;
    margin-left: 0 !important;
}

.navbar-brand {
    padding: 0px;
    height: 40px;
    line-height: 40px;
}

.navbar .navbar-nav {
    text-transform: uppercase;
    font-size: 0.8em;
}

.navbar .navbar-nav li.nav-item a,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav li.nav-item a:hover,
.navbar .navbar-nav > .nav-item:not(.active) a {
    text-align: center;
    color: #FFF;
    height: 40px;
    padding: 13px 10px 0;
    border-bottom: 3px solid #333;
    background-color: #333;
    opacity: 0.98;
}

.navbar button.navbar-toggler {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    outline: none;
    padding: 0px;
}

div.destaque.topo {
    margin-top: 23px;
}

.releases div.destaque.topo {
    margin-top: 30px;
}

.bannersmobile {
    text-align: center;
    margin: 10px auto 40px;
    display: none;
}


ul.dropdown-menu {
    border: 0px solid #000;
    padding: 0;
    margin: 0;
    border-radius: 0 0 0.25rem 0.25rem;
    font-size: 0.98em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}

.red-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #f00;
}

.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li.active > a:focus,
.navbar .navbar-nav > li.nav-item a:hover,
.navbar .navbar-nav > li.active li.active > a,
.navbar .navbar-nav > li.active li.active > a:hover,
.navbar .navbar-nav > li.active li.active > a:focus,
.navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #006EE6;
    background-color: #003E7E;
}

.broadcastplus .navbar .navbar-nav > li.active > a,
.broadcastplus .navbar .navbar-nav > li.active > a:hover,
.broadcastplus .navbar .navbar-nav > li.active > a:focus,
.broadcastplus .navbar .navbar-nav > li.nav-item a:hover,
.broadcastplus .navbar .navbar-nav > li.active li.active > a,
.broadcastplus .navbar .navbar-nav > li.active li.active > a:hover,
.broadcastplus .navbar .navbar-nav > li.active li.active > a:focus,
.broadcastplus .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #00AAFF;
    background-color: #00314a;
}

.broadcast-agro .navbar .navbar-nav > li.active > a,
.broadcast-agro .navbar .navbar-nav > li.active > a:hover,
.broadcast-agro .navbar .navbar-nav > li.active > a:focus,
.broadcast-agro .navbar .navbar-nav > li.nav-item a:hover,
.broadcast-agro .navbar .navbar-nav > li.active li.active > a,
.broadcast-agro .navbar .navbar-nav > li.active li.active > a:hover,
.broadcast-agro .navbar .navbar-nav > li.active li.active > a:focus,
.broadcast-agro .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #AACD46;
    background-color: #313c14;
}

.broadcast-politico .navbar .navbar-nav > li.active > a,
.broadcast-politico .navbar .navbar-nav > li.active > a:hover,
.broadcast-politico .navbar .navbar-nav > li.active > a:focus,
.broadcast-politico .navbar .navbar-nav > li.nav-item a:hover,
.broadcast-politico .navbar .navbar-nav > li.active li.active > a,
.broadcast-politico .navbar .navbar-nav > li.active li.active > a:hover,
.broadcast-politico .navbar .navbar-nav > li.active li.active > a:focus,
.broadcast-politico .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #FAB204;
    background-color: #4a3501;
}

.bancodobrasil .navbar .navbar-nav > li.active > a,
.bancodobrasil .navbar .navbar-nav > li.active > a:hover,
.bancodobrasil .navbar .navbar-nav > li.active > a:focus,
.bancodobrasil .navbar .navbar-nav > li.active li.active > a,
.bancodobrasil .navbar .navbar-nav > li.active li.active > a:hover,
.bancodobrasil .navbar .navbar-nav > li.active li.active > a:focus,
.bancodobrasil .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #AACD46;
    background-color: #313c14;
}

.estadao-conteudo .navbar .navbar-nav > li.active > a,
.estadao-conteudo .navbar .navbar-nav > li.active > a:hover,
.estadao-conteudo .navbar .navbar-nav > li.active > a:focus,
.estadao-conteudo .navbar .navbar-nav > li.nav-item a:hover,
.estadao-conteudo .navbar .navbar-nav > li.active li.active > a,
.estadao-conteudo .navbar .navbar-nav > li.active li.active > a:hover,
.estadao-conteudo .navbar .navbar-nav > li.active li.active > a:focus,
.estadao-conteudo .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #EF554B;
    background-color: #471A16;
}


.trading-news .navbar .navbar-nav > li.active > a,
.trading-news .navbar .navbar-nav > li.active > a:hover,
.trading-news .navbar .navbar-nav > li.active > a:focus,
.trading-news .navbar .navbar-nav > li.nav-item a:hover,
.trading-news .navbar .navbar-nav > li.active li.active > a,
.trading-news .navbar .navbar-nav > li.active li.active > a:hover,
.trading-news .navbar .navbar-nav > li.active li.active > a:focus,
.trading-news .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #ff6000;
    background-color: #331b0d;
}


/* hambuger no foco */

.navbar .navbar-toggler,
.navbar .navbar-toggler:focus,
.navbar .navbar-toggler:hover {
    background-color: #003E7E;
    border-top: 2px solid #003E7E;
    border-left: 2px solid #003E7E;
    border-right: 2px solid #003E7E;
    border-bottom: 2px solid #006EE6;
    border-radius: 0px;
}



/* HOME BPRO */

.financeiro .navbar .navbar-nav > .active > a,
.financeiro .navbar .navbar-nav > .active > a:hover,
.financeiro .navbar .navbar-nav > .active > a:focus,
.financeiro .navbar .navbar-nav li.nav-item a:hover {
    border-bottom: 3px solid #00AAFF;
    background-color: #00314A;
}

.financeiro .navbar .navbar-toggler,
.financeiro .navbar .navbar-toggler:focus,
.financeiro .navbar .navbar-toggler:hover {
    background-color: #00314A;
    border-top: 2px solid #00314A;
    border-left: 2px solid #00314A;
    border-right: 2px solid #00314A;
    border-bottom: 2px solid #00AAFF;
}

.broadcastplus .navbar .navbar-toggler,
.broadcastplus .navbar .navbar-toggler:focus,
.broadcastplus .navbar .navbar-toggler:hover {
    background-color: #00314A;
    border-top: 2px solid #00314A;
    border-left: 2px solid #00314A;
    border-right: 2px solid #00314A;
    border-bottom: 2px solid #00AAFF;
}


/* HOME BPOL */

.politico .navbar .navbar-nav > .active > a,
.politico .navbar .navbar-nav > .active > a:hover,
.politico .navbar .navbar-nav > .active > a:focus,
.politico .navbar .navbar-nav li.nav-item a:hover {
    border-bottom: 3px solid #FAB204;
    background-color: #4A3501;
}

.politico .navbar .navbar-toggler,
.politico .navbar .navbar-toggler:focus,
.politico .navbar .navbar-toggler:hover {
    background-color: #4A3501;
    border-top: 2px solid #4A3501;
    border-left: 2px solid #4A3501;
    border-right: 2px solid #4A3501;
    border-bottom: 2px solid #FAB136;
}

.broadcast-politico .navbar .navbar-toggler,
.broadcast-politico .navbar .navbar-toggler:focus,
.broadcast-politico .navbar .navbar-toggler:hover {
    background-color: #4A3501;
    border-top: 2px solid #4A3501;
    border-left: 2px solid #4A3501;
    border-right: 2px solid #4A3501;
    border-bottom: 2px solid #FAB136;
}


/* HOME BAGRO */

.agro .navbar .navbar-nav > .active > a,
.agro .navbar .navbar-nav > .active > a:hover,
.agro .navbar .navbar-nav > .active > a:focus,
.agro .navbar .navbar-nav li.nav-item a:hover {
    border-bottom: 3px solid #AACD46;
    background-color: #313C14;
}

.agro .navbar .navbar-toggler,
.agro .navbar .navbar-toggler:focus,
.agro .navbar .navbar-toggler:hover {
    background-color: #313C14;
    border-top: 2px solid #313C14;
    border-left: 2px solid #313C14;
    border-right: 2px solid #313C14;
    border-bottom: 2px solid #AACD46;
}

.bancodobrasil .navbar .navbar-nav > .active > a,
.bancodobrasil .navbar .navbar-nav > .active > a:hover,
.bancodobrasil .navbar .navbar-nav > .active > a:focus,
.bancodobrasil .navbar .navbar-nav li.nav-item a:hover {
    border-bottom: 3px solid #AACD46;
    background-color: #313C14;
}

.bancodobrasil .navbar .navbar-toggler,
.bancodobrasil .navbar .navbar-toggler:focus,
.bancodobrasil .navbar .navbar-toggler:hover {
    background-color: #313C14;
    border-top: 2px solid #313C14;
    border-left: 2px solid #313C14;
    border-right: 2px solid #313C14;
    border-bottom: 2px solid #AACD46;
}

.broadcast-agro .navbar .navbar-toggler,
.broadcast-agro .navbar .navbar-toggler:focus,
.broadcast-agro .navbar .navbar-toggler:hover {
    background-color: #313C14;
    border-top: 2px solid #313C14;
    border-left: 2px solid #313C14;
    border-right: 2px solid #313C14;
    border-bottom: 2px solid #AACD46;
}


/* MIDIA */

.midia .navbar .navbar-nav > .active > a,
.midia .navbar .navbar-nav > .active > a:hover,
.midia .navbar .navbar-nav > .active > a:focus,
.midia .navbar .navbar-nav li.nav-item a:hover,
.midia .navbar .navbar-nav > .active .active > a,
.midia .navbar .navbar-nav > .active .active > a:hover,
.midia .navbar .navbar-nav > .active .active > a:focus,
.midia .navbar .navbar-nav li.nav-item a:hover,
.midia .navbar .navbar-nav > li.active li.nav-item i.nav-item a:hover,
.midia .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #EF554B;
    background-color: #471A16;
}

.midia .navbar .navbar-toggler,
.midia .navbar .navbar-toggler:focus,
.midia .navbar .navbar-toggler:hover {
    background-color: #471A16;
    border-top: 2px solid #471A16;
    border-left: 2px solid #471A16;
    border-right: 2px solid #471A16;
    border-bottom: 2px solid #EF554B;
}

.estadao-conteudo .navbar .navbar-toggler,
.estadao-conteudo .navbar .navbar-toggler:focus,
.estadao-conteudo .navbar .navbar-toggler:hover {
    background-color: #471A16;
    border-top: 2px solid #471A16;
    border-left: 2px solid #471A16;
    border-right: 2px solid #471A16;
    border-bottom: 2px solid #EF554B;
}



/* RELEASES */

.releases .navbar .navbar-nav > .active > a,
.releases .navbar .navbar-nav > .active > a:hover,
.releases .navbar .navbar-nav > .active > a:focus,
.releases .navbar .navbar-nav li.nav-item a:hover,
.releases .navbar .navbar-nav > .active .active > a,
.releases .navbar .navbar-nav > .active .active > a:hover,
.releases .navbar .navbar-nav > .active .active > a:focus,
.releases .navbar .navbar-nav li.nav-item a:hover,
.releases .navbar .navbar-nav > li.active li.nav-item i.nav-item a:hover,
.releases .navbar .navbar-nav > li.active li.nav-item a:hover {
    border-bottom: 3px solid #EF554B;
    background-color: #471A16;
}

.releases .navbar .navbar-toggler,
.releases .navbar .navbar-toggler:focus,
.releases .navbar .navbar-toggler:hover {
    background-color: #471A16;
    border-top: 2px solid #471A16;
    border-left: 2px solid #471A16;
    border-right: 2px solid #471A16;
    border-bottom: 2px solid #EF554B;
}


/*-----------------------------------------------------------------------------------*
/* = Layout noticia
/*-----------------------------------------------------------------------------------*/

.integra .barrashr {
    text-align: center;
}

.integra .barrashr .divisoria {
    border: 1px solid #000;
    background: #e9e9e9;
    border: 0 none;
    height: 1px;
}

.integra .barrashr .compartilhar .topmenusocial {
    text-align: center;
    height: 26px;
    vertical-align: middle;
    top: -30px;
    position: relative;
}

.integra,
.noticia {
    margin: 0 0 25px;
}

.integra .figure {
    display: table;
    margin: 0 auto;
}


/*  topbar   */

.integra .headlines,
.noticia .topbar {
    margin: 4px 0;
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    min-height: 20px;
    padding: 0px;
}

.noticia .sb-social,
.integra .sb-social {
    display: inline-block;
}

.integra .headlines .caderno,
.noticia .topbar .caderno {
    text-transform: uppercase;
    color: #009600;
    float: left;
    padding: 3px 6px 0 0;
}

.integra .headlines .data_hora,
.noticia .topbar .data_hora {
    margin: 0 0 5px 0;
    padding: 3px 6px 0 0;
    float: left;
    padding-right: 20px;
}

.integra .topmenusocial,
.noticia .topbar .topmenusocial {
    /*float: left;   */
    position: relative;
}

.integra .topmenusocial a,
.noticia .topbar .topmenusocial a {
    color: #ddd;
    padding: 0 2px;
}

.noticia .topmenusocial a {
    padding: 0 2px;
}

.integra .topmenusocial a:hover,
.noticia .topbar .topmenusocial a:hover {
    color: #aaa;
}

.integra .topmenusocial li > a,
.noticia .topbar .topmenusocial li > a {
    opacity: 0.8;
    padding-right: 6px;
}

.integra .topmenusocial li > a:hover,
.noticia .topbar .topmenusocial li a:hover {
    opacity: 1;
}


/*

    Menus Releases

 */

.menu-releases-container ul {
    text-align: center;
    margin: 50px 0;
}

.menu-releases-container ul li {
   list-style: none;
   display: inline;   
}

 

.menu-releases-container li.menu-item a:hover,
.menu-releases-container li.menu-item a:link,
.menu-releases-container li.menu-item a:visited {
   background-color: #95A5A6;
   color: #fff;
   padding: 4px 7px;
   border-radius: 3px;
   text-decoration: none;

}

.menu-releases-container li.current-menu-item a:visited,
.menu-releases-container li.current-menu-item a:hover,
.menu-releases-container li.current-menu-item a:link {
    background-color: #EF554B;
    color: #fff;
    padding: 4px 7px;
    border-radius: 3px;
    text-decoration: none;
}



/*
.menu-releases-container li a:hover {
    text-decoration: none;
  
}




CONTEUDO DENTRO DE NOTICIA

*/

.integra-materia pre {
    font-size: 0.6em;
}


.integra-materia table font {
    font-size: 0.85em;
}


/*   materia */

.noticia .materia {
    clear: both;
    margin: 0;
    padding: 0;
}

.noticia .materia .excerpt {
    line-height: 1.5em;
    margin: 10px 0;
}

.noticia .materia,
.noticia .materia a:hover {
    text-decoration: none;
}


/*
div.destaque div[class^="col-"] {
padding: 0;
}
*/

.noticia .materia h2,
.noticia .materia > h5 {
    text-transform: uppercase;
    font-weight: bold;
}

div.integra-materia img,
.noticia .materia .excerpt img {
    border: 1px solid #222;
    max-width: 100%
}


.integra h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 50px 40px;
    line-height: 1.5em;
    font-size: 2.5em;
}

div.integra-materia {
    margin: 0px 12px 40px;
    line-height: 1.5em;
    font-size: 1.5em;
    color: #444444;
}

.noticia .materia > h1,
.noticia .materia > h2,
.noticia .materia > h3,
.noticia .materia > h4 {
    margin: 0px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

.noticia .materia > h1 {
    font-size: 2.2em;
}

.noticia .materia > h2 {
    font-size: 1.9em;
}

.noticia .materia > h3 {
    font-size: 1.7em;
}

.noticia .materia > h4 {
    font-size: 1.5em;
}

.noticia .materia > h5 {
    font-size: 1.3em;
}

.noticia .materia > h6 {
    font-size: 1.1em;
}

.noticia .materia a {
    color: #333;
    /* font-size: 0.9em; */
}

.noticia .mais {
    /* font-size: 0.9em; */
    text-decoration: none;
}


.noticia .materia a:active,
.noticia .materia a:hover,
.noticia .mais a.continuar,
.noticia .mais a.continuar:active,
.noticia .mais a.continuar:visited {
    color: #003E7E;
}

.home .noticia .mais a.continuar,
.home .noticia .mais a.continuar:active,
.home .noticia .mais a.continuar:visited,
.home .noticia .materia a:active,
.mais_noticias h4,
.home .noticia .materia a:hover {
    color: #003E7E;
}

.politico .mais_noticias h4,
.politico .noticia .mais a.continuar,
.politico .noticia .mais a.continuar:active,
.politico .noticia .mais a.continuar:visited,
.politico .noticia .materia a:active,
.politico .noticia .materia a:hover {
    color: #E2A215;
}

.midia .mais_noticias h4,
.midia .noticia .mais a.continuar,
.midia .noticia .mais a.continuar:active,
.midia .noticia .mais a.continuar:visited,
.midia .noticia .materia a:active,
.midia .noticia .materia a:hover {
    color: #EF554B;
}

.releases .mais_noticias h4,
.releases .noticia .mais a.continuar,
.releases .noticia .mais a.continuar:active,
.releases .noticia .mais a.continuar:visited,
.releases .noticia .materia a:active,
.releases .noticia .materia a:hover {
    color: #EF554B;
}

.financeiro .mais_noticias h4,
.financeiro .noticia .mais a.continuar,
.financeiro .noticia .mais a.continuar:active,
.financeiro .noticia .mais a.continuar:visited,
.financeiro .noticia .materia a:active,
.financeiro .noticia .materia a:hover {
    color: #00AAFF;
}


.agro .mais_noticias h4,
.agro .noticia .mais a.continuar,
.agro .noticia .mais a.continuar:active,
.agro .noticia .mais a.continuar:visited,
.agro .noticia .materia a:active,
.agro .noticia .materia a:hover {
    color: #87A537;
}

.bancodobrasil .mais_noticias h4,
.bancodobrasil .noticia .mais a.continuar,
.bancodobrasil .noticia .mais a.continuar:active,
.bancodobrasil .noticia .mais a.continuar:visited,
.bancodobrasil .noticia .materia a:active,
.bancodobrasil .noticia .materia a:hover {
    color: #87A537;
}

.noticia .mais a.continuar:hover {
    opacity: 0.5;
}


/*   mais noticias  */

.mais_noticias {
    margin-top: 40px;
}

.mais_noticias .noticia .materia a {
    font-weight: bold;
}

.mais_noticias h4 {
    margin-top: 3px;
    font-size: 1.2em;
    font-weight: bold;
}

.mais_noticias .carrega-mais button {
    font-weight: bold;
    font-size: 0.9em;
    color: #666;
    font-family: "flamabook";
    border-bottom: 3px solid #CCC;
    background-color: #f4f4f4;
    margin-bottom: 40px;
}

.mais_noticias .carrega-mais button:hover {
    background-color: #e5e5e5;
}

.redesociais {
    margin-bottom: 40px;
}

.redesociais h4 {
    color: #003E7E;
    font-weight: bold;
}

.financeiro .redesociais h4 {
    color: #00AAFF;
}

.politico .redesociais h4 {
    color: #E2A215;
}

.agro .redesociais h4 {
    color: #87A537;
}



/*-----------------------------------------------------------------------------------*
/* = BLUE BOX
/*-----------------------------------------------------------------------------------*/

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

 

.box {
    color: #fff;
    background-color: #101010;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, .5) 5px, rgba(0, 0, 0, .5) 10px);
}

.financeiro .container-fluid.img  {
    border-top: 2px solid #00aaff;
    border-bottom: 2px solid #00aaff;
}

.politico .box {
    border-top: 2px solid #fab204;
    border-bottom: 2px solid #fab204;
}

.agro .box {
    border-top: 2px solid #aacd46;
    border-bottom: 2px solid #aacd46;
}

.releases .box {
    border-top: 2px solid #EF554B;
    border-bottom: 2px solid #EF554B;
}

.box h4 {
    padding: 20px 0 0 0;
    text-align: left;
}

.home .box #imagensdodia .broadcasttv,
.home .box #videos .broadcasttv {
    background-color: #404040;
    border: 1px solid #006ae6;
    text-align: center;
    margin: 0 0 0 0px;
}

.financeiro .box #imagensdodia .broadcasttv,
.financeiro .box #videos .broadcasttv {
    background-color: #404040;
    border: 1px solid #00aaff;
    text-align: center;
    margin: 0 0 0 0px;
}

.politico .box #imagensdodia .broadcasttv,
.politico .box #videos .broadcasttv {
    background-color: #404040;
    border: 1px solid #fab204;
    text-align: center;
    margin: 0 0 0 0px;
}

.agro .box #imagensdodia .broadcasttv,
.agro .box #videos .broadcasttv {
    background-color: #404040;
    border: 1px solid #aacd46;
    text-align: center;
    margin: 0 0 0 0px;
}

.bancodobrasil .box #imagensdodia .broadcasttv,
.bancodobrasil .box #videos .broadcasttv {
    background-color: #404040;
    border: 1px solid #aacd46;
    text-align: center;
    margin: 0 0 0 0px;
}

.box #imagensdodia .row:nth-child(1),
.box #videos .row:nth-child(1),
.box #imagensdodia .row:nth-child(3),
.box #videos .row:nth-child(3) {
    margin: 10px 0;
    text-align: center;
}

.sidebar-box {
    margin-top: 30px;
}

/* NOVO FORM */
.formulario .form-group,
.formulario .form-group::placeholder,
.formulario .form-group::-moz-placeholder,
.formulario .form-group::-webkit-placeholder
{
    color: #FFFFFF;
}





#formulario h1,
#formulario h2,
#formulario h3,
#formulario h4,
#formulario h5,
#formulario h6 {
    /* color: #fff; */
    margin: 20px 0;
    font-size: 1em;
}

.page #formulario {
    display: block;
    line-height: 2;
    vertical-align: middle;
    background: #336598;
    /* width:280px;  float:left;*/
    margin: 0px 40px 0px 0px;
    border-bottom: solid;
    border-color: #003E7E;
    font-size: 12px;
    color: #003e7e;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#formulario .form-group {
    color: #fff;
    font-size: 0.9rem;
}

#formulario .demo {
    background-color: #FFFFFF;
    /* border:none; font-size:14px;height:40px; margin-top:10px;   */
    color: #003E7E;
    font-family: 'flamabook', sans-serif;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}

.faleconosco-err {
    border: 1px solid red; 
    font-size: 32px; 
    font-weight: bold; 
    padding: 20px; 
    border-radius: 10px;
    display: none;
}

#login-nav {
    position: relative;
}

#login-bt-energia,
#login-bt-tradindnews,
#login-bt {
    top: -20px;
    left: -120px;
    position: absolute;
}

#login-dp {
    top: 20px;
    min-width: 320px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: #333333;
    border-bottom: 2px solid;
    border-bottom-color: #cccccc;
}

.broadcast-politico #login-dp,
.politico #login-dp {
    border-bottom-color: #fab204;
}


.trading-news #login-dp {
    border-bottom-color: #ff6000;
}

#login-dp .bottom {
    background-color: rgba(51, 51, 51, .8);
    clear: both;
    padding: 10px;
}


#login-nav div#lembrar {
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    margin: 20px 0 10px;
    font-size: 0.8em;
}


#login-dp input#senhaTradingNews,
#login-dp input#usuarioTradingNews,
#login-dp input#senhaPol,
#login-dp input#usuarioPol {
    margin: 10px 0 10px;
    background-color: #5c5c5c;
    border: none;
    color: #fff;
    font-family: 'flamabook', sans-serif;
    font-size: 14px;
    height: 30px;
}


#login-dp button {
    background-color: #555;
    border: solid;
    border-color: #DDD9D0;
    border-width: 1px;
    color: #ffffff;
    cursor: pointer;
    height: 26px;
    margin: 10px auto 0 auto;
    text-align: center;
    width: 80px;
    font-size: 0.8em;
    text-align: center;
}

#login-dp button#login-energia{
    background-color: #331b0d;
    border-color: #A3D;
}

#login-dp button#login-tradingnews{
    background-color: #331b0d;
    border-color: #FF6000;
}

#login-dp button#login-bpol {
    background-color: #4A3501;
    border-color: #FAB204;
}


#login-dp .help-block {
    font-size: 9px
}


#login-nav div#entrar {
    text-align: center;
}

.faleconosco {
    margin-bottom: 30px;
}

#assinante {
    margin: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.7em;
}

#iframeyt {
    padding: 20px;
}

#assinante a,
#assinante a:hover {
    color: #fff;
    text-decoration: underline;
}

.entry-header .separator {
    border-bottom: 1px dotted #708090;
}

.entry-title {
    margin-bottom: 30px;
    font-weight: bolder;
    font-size: 1.9em;
}

.entry-content {
    margin-bottom: 30px;
    line-height: 23px;
}

body.sobre h4 {
    font-size: 20px;
    clear: both;
    color: #003E7E;
    margin: 30px 0 10px;
    font-weight: bold;
}

body.sobre p {
    line-height: 22px;
}


/*** ferramentas e redes sociais ***/

.ferramentas {
    margin-top: 40px;
    color: #333333;
}

.ferramentas #facebook,
.ferramentas #twitter {
    text-align: center;
    margin-bottom: 40px;
}

.ferramentas .comparativos {
    margin-bottom: 2px;
}

.ferramentas .textoconversor {
    margin: 0px 0px 20px;
}

.ferramentas h4 {
    font-size: 1.4em;
}

.ferramentas h3 {
    font-size: 1.2em;
}

.ferramentas h3 {
    font-size: 1.0em;
}

.ferramentas h4 {
    color: #003E7E;
    font-weight: bold;
}



.ferramentas #textoconversor {
    color: #333333;
    font-size: 14px;
    line-height: normal;
}

.ferramentas select {
    border: none;
    font-family: 'flamabook';
    font-size: 14px;
    color: #ddd;
    height: 40px;
    color: #003E7E;
    width: 100%;
    border: 1px solid orange;
}

.ferramentas input.fromto {
    background-color: #d4d4d4;
    border: none;
    font-family: 'flamabook';
    font-size: 14px;
    color: #ddd;
    height: 40px;

    text-align: right;
    color: #003E7E;
    width: 100%;
}

.financeiro .ferramentas h2,
.financeiro .ferramentas h3,
.financeiro .ferramentas h4 {
    color: #0AF;
}

.politico .ferramentas h2,
.politico .ferramentas h3,
.politico .ferramentas h4 {
    color: #FAB204;
}

.agro .ferramentas h2,
.agro .ferramentas h3,
.agro .ferramentas h4 {
    color: #87A537;
}

.bancodobrasil .ferramentas h2,
.bancodobrasil .ferramentas h3,
.bancodobrasil .ferramentas h4 {
    color: #87A537;
}

.ferramentas .textoconversor select.custom-select {
    background-color: #fff;
    width: 72px;
    color: #111;
    border-radius: 0;
}

.ferramentas .textoconversor input {
    background-color: #d4d4d4;
    text-align: right;
    color: #003E7E;
    width: 60px;
}

.financeiro .ferramentas .textoconversor input {
    color: #00AAFF;
}

.politico .ferramentas .textoconversor input {
    color: #FBBD04;
}

.ferramentas .textoconversor select.custom-select,
.ferramentas .textoconversor input {
    border: 1px solid #ddd;
    font-family: 'flamabook';
    font-size: 0.9em;
    height: 28px;
}

.ferramentas .comparativos .tab-content {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #dcdcdc;
}

.ferramentas .comparativos .nav-tabs {
    font-size: 0.85em;
    background-color: #DCDCDC;
}

.ferramentas .comparativos .nav-tabs > li > a {
    background-color: #DCDCDC !important;
    border: medium none;
    border-radius: 0;
    padding: 10px 8px 5px;
    color: #333333;
}

.ferramentas .comparativos .nav-tabs > li > a:hover,
.ferramentas .comparativos .nav-tabs > li > a.active,
.ferramentas .comparativos .nav-tabs > li > a.active:hover {
    background-color: #CCCCCC !important;
    border: medium none;
    border-radius: 0;
}

.ferramentas .comparativos .nav-tabs > li > a.active {
    background-color: #003E7E !important;
    color: #fff;
}

.financeiro .ferramentas .comparativos .nav-tabs > li > a.active {
    background-color: #00AAFF !important;
}


.politico .ferramentas .comparativos .nav-tabs > li > a.active {
    background-color: #FAB204 !important;
}

.agro .ferramentas .comparativos .nav-tabs > li > a.active {
    background-color: #87A537 !important;
}

/* .modal-content  {
    background-color: transparent;
} */

.box-produto {
    background: linear-gradient(#003E7E, #092849);
    color: #ffffff;
}
/* .modal .modal-content,
.financeiro .modal .modal-content,
.financeiro .box-produto {
    background: linear-gradient(#00AAFF, #00314A);
    background: -moz-linear-gradient(top, rgba(0, 170, 255, 1.0) 0%, rgba(0, 49, 74, 1.0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 170, 255, 1.0)), color-stop(100%, rgba(0, 49, 74, 1.0)));
    background: -webkit-linear-gradient(top, rgba(0, 170, 255, 1.0) 0%, rgba(0, 49, 74, 1.0) 100%);
    background: -o-linear-gradient(top, rgba(0, 170, 255, 1.0) 0%, rgba(0, 49, 74, 1.0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 170, 255, 1.0) 0%, rgba(0, 49, 74, 1.0) 100%);
    background: linear-gradient(to bottom, rgba(0, 170, 255, 1.0) 0%, rgba(0, 49, 74, 1.0) 100%);
} */

/* .politico .modal .modal-content,
.politico .box-produto {
    background: linear-gradient(#E2A215, #4A3501);
    background: -moz-linear-gradient(top, rgba(226, 162, 21, 1.0) 0%, rgba(74, 53, 1, 1.0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 53, 1, 1.0)), color-stop(100%, rgba(0, 49, 74, 1.0)));
    background: -webkit-linear-gradient(top, rgba(226, 162, 21, 1.0) 0%, rgba(74, 53, 1, 1.0) 100%);
    background: -o-linear-gradient(top, rgba(226, 162, 21, 1.0) 0%, rgba(74, 53, 1, 1.0) 100%);
    background: -ms-linear-gradient(top, rgba(226, 162, 21, 1.0) 0%, rgba(74, 53, 1, 1.0) 100%);
    background: linear-gradient(to bottom, rgba(226, 162, 21, 1.0) 0%, rgba(74, 53, 1, 1.0) 100%);
} */

/* .agro .modal .modal-content,
.agro .box-produto {
    background: linear-gradient(#87A537, #313C14);
    background: -moz-linear-gradient(top, rgba(135, 165, 55, 1.0) 0%, rgba(49, 60, 20, 1.0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(49, 60, 20, 1.0)), color-stop(100%, rgba(0, 49, 74, 1.0)));
    background: -webkit-linear-gradient(top, rgba(135, 165, 55, 1.0) 0%, rgba(49, 60, 20, 1.0) 100%);
    background: -o-linear-gradient(top, rgba(135, 165, 55, 1.0) 0%, rgba(49, 60, 20, 1.0) 100%);
    background: -ms-linear-gradient(top, rgba(135, 165, 55, 1.0) 0%, rgba(49, 60, 20, 1.0) 100%);
    background: linear-gradient(to bottom, rgba(135, 165, 55, 1.0) 0%, rgba(49, 60, 20, 1.0) 100%);
} */

.box-produto .tela,
.box-produto .descritivo {
    margin: 40px;
}

.box-produto .tela {
    text-align: center;
}

.box-produto .descritivo button,
.box-produto .descritivo h5,
.box-produto .descritivo p {
    margin-bottom: 20px;
    line-height: 19px;
}

{
    font-size: 1.4em;
    text-decoration: none;
    color: #FFF;
}

.box-produto .descritivo .textlink {
    font-size: 0.8em;
    color: #FFF;
}


.box-produto .descritivo h5 {
    font-weight: bolder;
    font-size: 1.2em;
}

.btn-demo,
.btn-demo:hover {
    background-color: #090;
    border-bottom: 3px solid #090;
    color: #fff;
}


#testar {
    border-bottom-color: #090;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    background-color: #0C0;
    border-radius: 5px;
    clear: left;
    color: #fff;
    font-size: 0.97em;
    cursor: pointer;
    margin: 20px 0 20px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#testar:hover {
    background-color: #090;
}


#querotestar {
    display: block;
    /* Not Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    top: 50px;
    /* Place the button at the top of the page */
    right: 20px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #0C0;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    width: 50px;
    height: 50px;
    margin-top: 10px;
    border-radius: 50%;
    padding: 14px 5px;
    opacity: 0.8;
    text-decoration: none;
    line-height: 1;
    border-color: #0c0;
    transition: 0.5s;
    font-size: 11px;
    box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.1);
}

#querotestar:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
    right: 10px;
    margin-top: 10px;
    background-color: #0C0;
    border-radius: 50%;
    font-size: 11px;
    width: 90px;
    height: 90px;
    padding: 30px 5px;
    opacity: 0.95;
    transition: 0.5s;
    border: solid 2px;
    border-color: #0aad0a;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.container-fluid.box-produto {
    border-top: 1px solid #515151;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.rodape {
    background-color: #0f0f0f;
    color: #FFF;
    font-weight: lighter;
    font-size: 0.9em;
}

.rodape .assinatura {
    margin: 40px 0 40px 20px;
}

.rodape div.assinatura p {
    line-height: 18px;
    margin-top: 14px;
}

.rodape .redes {
    float: right;
    color: #FFF;
    margin: 40px 0 30px 0px;
    max-width: 370px;
}

.rodape .redes .social {
    margin-right: 20px;
}

.rodape .redes .inscrever h6 {
    font-weight: bold;
    margin-bottom: 7px;
}

.rodape .redes .inscrever {
    margin: 10px 10px 0 0;
    line-height: 18px;
}

.rodape form {
    margin: 10px 0;
}

.rodape form > input#email {
    background-color: #5c5c5c;
    border: none;
    color: #fff;
    font-family: 'flamabook', sans-serif;
    font-size: 0.9em;
    height: 25px;
    padding-left: 5px;
    text-align: left;
    width: 250px;
}

div#ajaxcontactformprimeiro-contato,
div#ajaxcontactformatendimento-cliente,
div#ajaxcontact-response,
div#ajaxcontact-response,
.modal div#ajaxcontact-response {
    width: 100%;
    background-color: #C30000;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 3px;
    text-align: center;
    color: #fff;
    display: none;
}

#videoModal .modal-titulo,
#imageModal .modal-titulo {
    padding: 0 0 5px 10px;
    font-weight: 300;
    font-size: 1.2em;
    color: #FFF;
}
#videoModal .modal-integra,
#imageModal .modal-integra {
    margin: 20px 10px;
    line-height: 1.1;
    color: #FFF;
}

#imageModal .modal-integra {
    text-align: center;
}

#imageModal .modal-integra img {
    border: 1px solid #716e6e;
}

.modal-integra a:link {
    color: #FFF;
    font-weight: bold;
}

.rodape form div#ajaxnewsletter-response {
    width: 70%;
    background-color: #C30000;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 3px;
    text-align: center;
    color: #fff;
    display: none;
}

.rodape form a#newsletterbutton {
    background-color: #092849;
    border: 1px solid #003E7E;
    color: #fff;
    cursor: pointer;
    height: 26px;
    text-align: center;
    width: 80px;
    padding: 3px 15px;
    margin-left: 1px;
}

.financeiro .rodape form a#newsletterbutton {
    background-color: #00314A;
    border: 1px solid #00AAFF;
}

.politico .rodape form a#newsletterbutton {
    background-color: #4A3501;
    border: 1px solid #FAB204;
}

.agro .rodape form a#newsletterbutton {
    background-color: #313C14;
    border: 1px solid #AACD46;
}

.releases .rodape form a#newsletterbutton,
.midia .rodape form a#newsletterbutton {
    background-color: #471A16;
    border: 1px solid #EF554B;
}

.trading-news .rodape form a#newsletterbutton {
    background-color: #331b0d;
    border: 1px solid #ff6000;
}

.broadcast-energia .rodape form a#newsletterbutton {
    background-color: #6d3a9b;
    border: 1px solid #A3D;
}

input#ajaxnewsletteremail {
    background-color: #5c5c5c;
    border: none;
    color: #fff;
    font-family: 'flama', sans-serif;
    font-size: 14px;
    height: 32px;
    margin-right: 20px;
    padding-left: 5px;
    text-align: left;
    width: 240px;
}

#ajaxnewsletteremail::placeholder,
#ajaxnewsletteremail::-moz-placeholder,
#ajaxnewsletteremail::-ms-input-placeholder,
#ajaxnewsletteremail::-o-placeholder ,
#ajaxnewsletteremail::-webkit-input-placeholder {
    color: #969696;
}

body.modal-open .container-full,
body.modal-open .container {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

body.agro .modal .modal-footer,
body.agro .modal .modal-header,
body.agro .modal .modal-body, 
body.politico .modal .modal-footer,
body.politico .modal .modal-header,
body.politico .modal .modal-body, 
body.financeiro .modal .modal-footer,
body.financeiro .modal .modal-header,
body.financeiro .modal .modal-body 
{
    border: 0;
}

/*
body.financeiro .modal .modal-footer,
body.financeiro .modal .modal-header,
body.financeiro .modal .modal-body 
{ 
    max-height: 480px;
overflow-y: auto;
    background: #00314A;
    background: linear-gradient(to bottom, rgba(0, 170, 255, 0.95) , rgba(0, 49, 74, 0.95)); 
}
*/

h6.modal-title {
    color: #fff;
    margin-bottom: 10px;
}

.modal .demo {
    background-color: #FFFFFF;
    border: none;
    color: #333333;
    font-family: 'flamabook', sans-serif;
    font-size: 14px;
    /*height: 30px;*/
    padding-left: 5px;
    text-align: left;
    margin-bottom: 7px;
    width: 100%;
}


/* sobreescreve BS
.imgthumbl .img-fluid {
max-width: 100%;
height: 65px
}*/

.imgthumbl,
.vdothumb {
    border: 1px solid #CCCCCC;
}

.home .vdothumb.active,
.home .imgthumbl.active {
    border: 1px solid #006ae6;
}

.financeiro .vdothumb.active,
.financeiro .imgthumbl.active {
    border: 1px solid #00aaff;
}

.politico .vdothumb.active,
.politico .imgthumbl.active {
    border: 1px solid #fab204;
}

.agro .vdothumb.active,
.agro .imgthumbl.active {
    border: 1px solid #aacd46;
}

.bigimage,
.bigvideo {
    border: 0px solid;
}

.bigbox,
.bigboxvdo {
    position: relative;
}

.bigbox span,
.bigboxvdo span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: 1;
}

.bigboxvdo span {
    background: #000 url(./imagens/default/play.png) no-repeat center center;
}

.bigbox span {
    background: #000 url(./imagens/default/zoom.png) no-repeat center center;
}



video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


/*-----------------------------------------------------------------------------------*
/* = ENGLISH
/*-----------------------------------------------------------------------------------*/

.main-english {    
    padding-top: 70px;
    padding-bottom: 90px;
    border-bottom: 1px solid #444;
    
}

.main-english .main-ae {
    background: #ed4934;
    padding: 5px;
    text-align: center;
    line-height: 50px;
    margin-top: 15px;
   
}

.main-english .main-press {
    background: rgba(255, 255, 255, 1);
    margin-bottom: 20px;
    padding: 15px 15px 15px 70px;
    margin-top: 20px;
    position: relative;
    left: -20px;
    color: #969696;
}

.footer-english {
    padding: 40px 0;
    clear: both;
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 0.6;   
    text-align: center; 
}


.main-english .main-press .signal {
    display: inline-block;
    padding: 0px 0px 15px 0px;
}

.probootstrap-section-half .probootstrap-image-white, .probootstrap-section-half .probootstrap-text-white,
.probootstrap-section-half .probootstrap-image, .probootstrap-section-half .probootstrap-text {
    width: 50%;
}

.probootstrap-section-half .probootstrap-image, .probootstrap-section-half .probootstrap-text {
    background: #ECECEC;
    color: #708090;
}

.probootstrap-section-half .probootstrap-image-white, .probootstrap-section-half .probootstrap-text-white {
    background-color: #fff;
    color: #708090;
}

.bg_image, .probootstrap-section-half .probootstrap-image-white
.bg_image, .probootstrap-section-half .probootstrap-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.probootstrap-section-half .probootstrap-text-white ul li::before, 
.probootstrap-section-half .probootstrap-text ul li::before {
    padding: 4em;
    color: #009600;
    border: 2px solid red;
}

.probootstrap-animate {
    opacity: 0;
    visibility: hidden;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.probootstrap-section-half {
    float: left;
    width: 100%;
}

.probootstrap-animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.probootstrap-section-half .probootstrap-text-white,
.probootstrap-section-half .probootstrap-image-white,
.probootstrap-section-half .probootstrap-text,
.probootstrap-section-half .probootstrap-image {
    padding-left: 40px;
    padding-top: 40px;
}

.probootstrap-section-heading {
    color: #003e7e;
    font-weight: bold;
    padding-top: 15px;
}


/*











  PRODUTOS







*/

.single-produtos a:hover {

    text-decoration: none;
}

.single-produtos p {
    margin: 0 0 10px 0;
}

.single-produtos p:last-child,
p:only-child {
    margin-bottom: 0;
}

.single-produtos img {
    max-width: 100%;
    height: auto;
}

.single-produtos h1,
.single-produtos h2,
.single-produtos h3,
.single-produtos h4,
.single-produtos h5,
.single-produtos div:(.inscrever) h6 {
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.33;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.single-produtos h1,
.single-produtos h2,
.single-produtos h3,
.single-produtos h4,
.single-produtos h5,
.single-produtos div:(.inscrever) h6 {
    color: #336598;
}


.single-produtos span.financeiro h1,
.single-produtos span.financeiro h2,
.single-produtos span.financeiro h3,
.single-produtos span.financeiro h4,
.single-produtos span.financeiro h5,
.single-produtos span.financeiro h6 {
    color: #00AAFF;
}

.single-produtos .politico h1,
.single-produtos .politico h2,
.single-produtos .politico h3,
.single-produtos .politico h4,
.single-produtos .politico h5,
.single-produtos .politico h6 {
    color: #FAB204;
}

.single-produtos .agro h1,
.single-produtos .agro h2,
.single-produtos .agro h3,
.single-produtos .agro h4,
.single-produtos .agro h5,
.single-produtos .agro h6 {
    color: #AACD46;
}

.single-produtos .midia h1,
.single-produtos .midia h2,
.single-produtos .midia h3,
.single-produtos .midia h4,
.single-produtos .midia h5,
.single-produtos .midia h6 {
    color: #EF554B;
}

.single-produtos h1 b,
.single-produtos h2 b,
.single-produtos h3 b,
.single-produtos h4 b,
.single-produtos h5 b,
.single-produtos h6 b {
    font-weight: 800;
}

.single-produtos h1 {
    font-size: 2.2em;
}

.single-produtos h2 {
    font-size: 2rem;
}

.single-produtos h3 {
    font-size: 1.6rem;
}

.single-produtos h4 {
    font-size: 1.2rem;
}

.single-produtos h5 {
    font-size: 1rem;
}

.single-produtos h6 {
    font-size: 0.9rem;
}

.single-produtos a {
    transition: all 0.4s ease;
}

.single-produtos a,
.single-produtos a:focus,
.single-produtos a:visited {
    color: #c0bfbf;
}

.single-produtos .financeiro a,
.single-produtos .financeiro a:focus,
.single-produtos .financeiro a:visited {
    color: #FFF;
}

.single-produtos .politico a,
.single-produtos .politico a:focus,
.single-produtos .politico a:visited {
    color: #000;
}

.single-produtos .agro a,
.single-produtos .agro a:focus,
.single-produtos .agro a:visited {
    color: #617a16;
}

.single-produtos .midia a,
.single-produtos .midia a:focus,
.single-produtos .midia a:visited {
    color: #FFF;
}

.single-produtos .energia a,
.single-produtos .energia a:focus,
.single-produtos .energia a:visited {
    color: #fff;
}


.single-produtos .item .popup-img {
    width: 400px;
}

.border-sep {
    border-bottom: 1px solid #999999;
}

.mock-group {
    position: relative;
}

.mock-group .front-mock {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mock-group .back-mock {
    z-index: 1;
    position: relative;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#faceoff {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#faceoff .preloader-secao {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    /* Firefox 16+, IE 10+, Opera */
}



/*** Buttons ***/

.btn {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: inline-block;
    font-size: 1.3rem;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 10px 52px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
}

.btn {
    background-color: #336598;
}

.financeiro .btn {
    background-color: #00AAFF;
    opacity: 1;
}

.politico .btn {
    background-color: #FAB204;
    opacity: 1;
}

.energia .btn {
    background-color: #6d3a9b;
    opacity: 1;
}

.agro .btn {
    background-color: #AACD46;
    opacity: 1;
}

.midia .btn {
    background-color: #EF554B;
    opacity: 1;
}

.trading-news .btn {
    background-color: #ff6000;
    opacity: 1;
}

.btn:focus,
.btn:visited {
    color: #ffffff;
}

.btn:before {
    transition: all 0.4s ease;
    z-index: -1;
}

.btn:hover,
.btn:focus:hover,
.btn:visited:hover {
    background-color: #336598;
    color: #ffffff;
}

.financeiro .btn:hover,
.financeiro .btn:focus:hover,
.financeiro .btn:visited:hover {
    background-color: #00aaff
}

.politico .btn:hover,
.politico .btn:focus:hover,
.politico .btn:visited:hover {
    background-color: #FAB204;
}

.energia .btn:hover,
.energia .btn:focus:hover,
.energia .btn:visited:hover {
    background-color: #6d3a9b;
}
.agro .btn:hover,
.agro .btn:focus:hover,
.agro .btn:visited:hover {
    background-color: #AACD46;
}

.midia .btn:hover,
.midia .btn:focus:hover,
.midia .btn:visited:hover {
    background-color: #EF554B;
}

.trading-news .btn:hover,
.trading-news .btn:focus:hover,
.trading-news .btn:visited:hover {
    background-color: #B34606;
    color: #fff;
}

.btn-white,
.btn-white:focus,
.btn-white:visited {
    background-color: #336598;
}

.financeiro .btn-white,
.financeiro .btn-white:focus,
.financeiro .btn-white:visited {
    background-color: #00AAFF;
}

.financeiro .btn-white:hover {
    background-color: #00314a;
}

.politico .btn-white,
.politico .btn-white:focus,
.politico .btn-white:visited {
    background-color: #FAB204;
}

.energia .btn-white,
.energia .btn-white:focus,
.energia .btn-white:visited {
    background-color: #6d3a9b;
}

.agro .btn-white,
.agro .btn-white:focus,
.agro .btn-white:visited {
    background-color: #AAC;
}

.midia .btn-white,
.midia .btn-white:focus,
.midia .btn-white:visited {
    background-color: #EF554B;
}


.btn-orange:hover,
.btn-orange:focus:hover,
.btn-orange:visited:hover {
    background-color: #ED5A3D;
}

.btn-white:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
}

.agro .btn-white:before {
    background-color: #A3D;
}

.financeiro .btn-white:before {
    background-color: #00314a;
}

.politico .btn-white:before {
    background-color: #FAA;
}

.midia .btn-white:before {
    background-color: #E4E;
}

.trading-news .btn-white:before {
    background-color: #ff6000;
}

.btn-orange,
.btn-orange:focus,
.btn-orange:visited {
    background-color: #ff7f66;
}

.btn-green,
.btn-green:focus {
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    color: #FFF;
    opacity: 0.9;
    font-weight: bold;
    text-align: center;
    width: 330px;
}

.financeiro .btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #00AAFF;
}

.agro .btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #AACD46;
}

.politico .btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #FAB204;
}

.midia .btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #EF554B;
}


.trading-news .btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #ff6000;
}

.fale-conosco .btn-green,
.btn-green:focus {
    color: #fff !important;
    background-color: #006ee6;
}

.broadcast-web .btn-green,
.btn-green:focus {
    color: #fff !important;
    background-color: #006ee6;
}

.broadcast-datafeed .btn-green,
.btn-green:focus {
    color: #fff !important;
    background-color: #006ee6;
}

.button-group {
    margin-top: 45px;
    float: left;
    width: 100%;
}

.button-group .btn {
    float: left;
}

.button-group .btn + .btn {
    margin-left: 30px;
}


.secao-bg h1,
.secao-bg h2,
.secao-bg h3,
.secao-bg h4,
.secao-bg h5,
.secao-bg h6 {
    color: #f5f5f5;
}

.secao-bg h1 b,
.secao-bg h2 b,
.secao-bg h3 b,
.secao-bg h4 b,
.secao-bg h5 b,
.secao-bg h6 b,
.secao-bg p {
    color: #ffffff;
}

.secao,
.single-produtos header,
.single-produtos footer {
    position: relative;
    background-position: center center;
    background-size: cover;
    margin-bottom: 0;
}

.secao-padding {
    padding: 90px 0;
}

.secao-padding-extra {
    padding: 82px 0;
}

.secao-bg:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.secao-bg:before {
    background-color: rgb(109, 109, 109);
    opacity: 0.5;
}

.trading-news .secao-bg:before,
.login-trading-news .secao-bg:before,
.new-trading-news .secao-bg:before {
    background-color: #FFF;
    opacity: 1;
}

.financeiro .secao-bg:before {
    background-color: #000;
    opacity: 0.5;
}

.politico .secao-bg:before {
    background-color: #000;
    opacity: 0.5;
}

.agro .secao-bg:before {
    background-color: #000;
    opacity: 0.5;
}

.midia .secao-bg:before {
    background-color: #000;
    opacity: 0.5;
}

.secao-bg.overlay-black:before {
    background-color: #000000;
}

.secao-bg > div {
    z-index: 1;
}

.verticle-center {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.display-flex {
    display: flex;
    align-items: center;
}

.secao-heading {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 100px;
}

.secao-heading:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    height: 1px;
    background-color: #aeaeae;
    margin-left: -100px;
}

.secao-bg .secao-heading:before {
    background-color: #336598;
}

.financeiro .secao-bg .secao-heading:before {
    background-color: #00AAFF;
}

.politico .secao-bg .secao-heading:before {
    background-color: #FAB204;
}

.agro .secao-bg .secao-heading:before {
    background-color: #AACD46;
}

.midia .secao-bg .secao-heading:before {
    background-color: #EF554B;
}

.trading-news .secao-bg .secao-heading:before {
    background-color: #FF6000;
}

.secao-heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 1px;
    margin-left: -25px;
    transition: all 0.3s ease;
}

.secao-heading:after {
    background-color: #336598;
}

.financeiro .secao-heading:after {
    background-color: #00AAFF;
}

.politico .secao-heading:after {
    background-color: #FAB204;
}

.agro .secao-heading:after {
    background-color: #AACD46;
}

.midia .secao-heading:after {
    background-color: #EF554B;
}

.trading-news .secao-heading:after {
    background-color: #FF6000;
}

.secao-bg .secao-heading:after {
    background-color: #ffffff;
}

.secao-heading:hover:after {
    width: 200px;
    margin-left: -100px;
}

.secao-heading.no-sep:before,
.secao-heading.no-sep:after {
    content: none;
}

.secao-title {
    font-size: 2.8rem;
    margin: 0;
    letter-spacing: 0;
    color: #DADADA;
}

.secao-subtitle {
    color: #818181;
    letter-spacing: 0.3px;
}

.secao-bg .secao-subtitle {
    color: #f3f3f3;
}


/*** Form and Input ***/

input,
select,
textarea {
    width: 100%;
    font-size: 1rem;
    color: #333333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: transparent;
    line-height: 24px;
    padding: 8px 15px;
    letter-spacing: 0.3px;
}

input[type="checkbox"] {
    width: 20px;
    border: 1px solid orange;
    margin-top: 3px;
    padding-top: 10px;
}

::-webkit-input-placeholder {
    color: #4a4a4a;
}

::-moz-placeholder {
    color: #4a4a4a;
}

:-ms-input-placeholder {
    color: #4a4a4a;
}

:-moz-placeholder {
    color: #4a4a4a;
}

.secao-bg input,
.secao-bg select,
.secao-bg textarea {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.secao-bg ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.secao-bg ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.secao-bg :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.secao-bg :-moz-placeholder {
    color: rgba(255, 255, 255, 0.55);
}

[class*=col] > input,
[class*=col] > select,
[class*=col] > textarea {
    margin-bottom: 30px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

button.btn {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px 56px;
}

/*----------------------------------------
CHAMADA
----------------------------------------*/

.chamada-secao {
    padding: 40px 0;
}

.chamada-secao {
    background-color: #00AAFF;
}

.financeiro .chamada-secao {
    background-color: #00AAFF;
}

.politico .chamada-secao {
    background-color: #FAB204;
}

.agro .chamada-secao {
    background-color: #AACD46;
}

.midia .chamada-secao {
    background-color: #EF554B;
}

.energia .chamada-secao {
    background-color: #6d3a9b;
}

.trading-news .chamada-secao {
    background-color: #ff6000;
}

.chamada-heading {
    color: #ffffff;
    text-transform: none;
    font-family: 'flamabook', sans-serif;
    font-size: 1.3rem;
    margin: 0;
}

.demo-form {
    text-align: right;
    float: left;
    width: 100%;
}

.demo-form input {
    border-radius: 3px;
    width: calc(100% - 180px);
    max-width: 300px;
    margin-right: 40px;
    padding: 7px 15px;
}

.demo-form .btn {
    float: right;
    letter-spacing: 0.6px;
}


/*----------------------------------------
monitor
----------------------------------------*/

.monitor {
    background-color: #f7f7f7;
    padding: 10px 25px 50px 25px;
    margin-top: 41px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}

.monitor:hover { background-color: #00AAFF; }
.intro:hover { background-color: #336598; }

.financeiro .monitor:hover { background-color: #00AAFF; }
.politico .monitor:hover { background-color: #FAB204; }
.agro .monitor:hover { background-color: #AACD46; }
.midia .monitor:hover { background-color: #EF554B; }
.trading-news .monitor:hover { background-color: #ff6000; }
.energia .monitor:hover { background-color: #A3D; }
.energia .intro:hover { background-color: #6d3a9b; }

.monitor-icon {
    font-size: 1.5rem;
    border: 3px solid orange background-color: #00AAFF;
    position: relative;
    text-align: center;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    line-height: 63px;
    display: block;
    margin: 0 auto 0 auto;
    box-shadow: 0 0 0 10px rgba(0, 168, 224, 0.2);
    color: #ffffff;
    top: -41px;
    transition: all 0.4s ease;
}
 
.financeiro .monitor-icon { 
    background-color: #00AAFF; 
    box-shadow: 0 0 0 10px rgba(0, 168, 224, 0.2);    
}
.politico .monitor-icon { 
    background-color: #FAB204;     
    box-shadow: 0 0 0 10px rgba(249, 198, 22, 0.2);    
}
.agro .monitor-icon { 
    background-color: #AACD46; 
    box-shadow: 0 0 0 10px rgba(33, 255, 19, 0.2);    
}
.midia .monitor-icon { 
    background-color: #EF554B; 
    box-shadow: 0 0 0 10px rgba(0, 168, 224, 0.2);    
}
.trading-news .monitor-icon { 
    background-color: #ff6000; 
    box-shadow: 0 0 0 10px rgba(255, 142, 46, 0.2);
}
.energia .monitor-icon { 
    background-color: #6d3a9b; 
    box-shadow: 0 0 0 10px rgba(236, 17, 207, 0.2);
}
.broadcast-datafeed .monitor-icon { 
    background-color: #3a449b; 
    box-shadow: 0 0 0 10px rgba(17, 32, 236, 0.2);
}
.monitor:hover .monitor-icon {
    background-color: #ffffff;
    box-shadow: 0 0 0 10px #00AAFF;
    color: #00AAFF;
}

.financeiro .monitor:hover .monitor-icon {
    color: #00AAFF;
    box-shadow: 0 0 0 10px #00AAFF;
}

.politico .monitor:hover .monitor-icon {
    color: #FAB204;
    box-shadow: 0 0 0 10px #FAB204;
}

.energia .monitor:hover .monitor-icon {
    color: #6d3a9b;
    box-shadow: 0 0 0 10px #6d3a9b;
}

.agro .monitor:hover .monitor-icon {
    color: #AACD46;
    box-shadow: 0 0 0 10px #AACD46;
}

.midia .monitor:hover .monitor-icon {
    color: #EF554B;
    box-shadow: 0 0 0 10px #EF554B;
}

.trading-news .monitor:hover .monitor-icon {
    color: #ff6000;
    box-shadow: 0 0 0 10px #ff6000;
}

.monitor-heading {
    font-size: 1.8rem;
    font-family: 'flamabook', sans-serif;
    margin-bottom: 20px;
    transition: all 0.4s ease;
}

.monitor:hover .monitor-heading {
    color: #ffffff;
}

.monitor p {
    transition: all 0.4s ease;
}

.monitor:hover p {
    color: #f6f6f6;
}




/*----------------------------------------
Mobilidade
----------------------------------------*/

.broadcastplus .mobile-area {
    background-image: url(/wp-content/uploads/2017/06/mobile_family.jpg);
}

.broadcast-politico .mobile-area {
    background-image: url(/wp-content/uploads/2020/10/mobildade.jpg);
}

.broadcast-agro .mobile-area {
    background-image: url(/wp-content/uploads/2020/10/mobileagro2.jpg);
}

.broadcast-web .mobile-area {
    background-image: url(/wp-content/uploads/2017/06/mobilecapaweb.jpg);
}

.broadcast-energia .mobile-area {
    background-image: url(/wp-content/uploads/2020/05/fundo_1331x767px.jpg);
}

.mobile-area {
    background-image: url(/wp-content/uploads/2017/06/mobile_family.jpg);
}


.mobile + .mobile {
    margin-top: 128px;
}

.mobile-icon {
    font-size: 1.9rem;
    border: 3px solid #ffffff;
    color: #ffffff;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
    line-height: 60px;
    margin: 20px auto;
    transition: all 0.3s ease;
}

.mobile:hover .mobile-icon {
    background-color: #ffffff;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    color: #00AAFF;
}

.financeiro .mobile:hover .mobile-icon {
    color: #00AAFF;
}

.politico .mobile:hover .mobile-icon {
    color: #FAB204;
}

.agro .mobile:hover .mobile-icon {
    color: #AACD46;
}

.midia .mobile:hover .mobile-icon {
    color: #EF554B;
}

.energia .mobile:hover .mobile-icon {
    color: #6d3a9b;
}
.mobile-title {
    font-size: 1.8rem;
    font-family: 'flamabook', sans-serif;
    margin: 25px 0 15px 0;
}



/*----------------------------------------
Mais Features
----------------------------------------*/

.mock-group-2 .front-mock {
    top: 0;
    right: 30px;
    bottom: auto;
}

.mais-features {
    float: left;
    width: 100%;
    margin-bottom: -25px;
}

.mais-feature {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.mais-feature-icon {
    display: inline-block;
    font-size: 2.4rem;
    color: #ffffff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #003e7e;
    border-radius: 50%;
    float: left;
    margin-right: 18px;
    transition: all 0.3s ease;
}

.broadcastplus .mais-feature-icon {
    background-color: #00AAFF;
}

.broadcast-agro .mais-feature-icon {
    background-color: #87A537;
}

.broadcast-politico .mais-feature-icon {
    background-color: #E2A215;
}

.midia .mais-feature-icon {
    background-color: #EF554B;
}

.trading-news .mais-feature-icon {
    background-color: #ff6000;
}

.energia .mais-feature-icon {
    background-color: #6d3a9b;
}



.mais-feature:hover .mais-feature-icon {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    color: #515151;
    background-color: #ffffff;
}

.mais-feature-content {
    float: left;
    width: calc(100% - 78px);
    display: inline-block;
}

.mais-feature-title {
    font-size: 1.8rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}



/*----------------------------------------
Mais descricoes
----------------------------------------*/

.descricao-tab {
    float: left;
    width: 100%;
}

.descricao-tab .nav-tabs {
    float: left;
    display: inline-block;
    width: 120px;
    border: none;
    margin: -15px 10px -15px 0;
}

.descricao-tab .nav-tabs > li {
    float: left;
    margin-bottom: 0;
    display: block;
    margin: 15px 0;
}


.descricao-tab .nav-tabs > li > a {
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 77px;
    padding: 0;
    text-align: center;
    position: relative;
}

.descricao-tab .nav-tabs > li > a {
    border: 3px solid #336598;
    color: #336598;
}

.financeiro .descricao-tab .nav-tabs > li > a {
    border: 3px solid #00AAFF;
    color: #00AAFF;
}

.politico .descricao-tab .nav-tabs > li > a {
    border: 3px solid #FAB204;
    color: #FAB204;
}

.energia .descricao-tab .nav-tabs > li > a {
    border: 3px solid #6d3a9b;
    color: #6d3a9b;
}

.agro .descricao-tab .nav-tabs > li > a {
    border: 3px solid #AACD46;
    color: #AACD46;
}

.midia .descricao-tab .nav-tabs > li > a {
    border: 3px solid #EF554B;
    color: #EF554B;
}

.descricao-tab .nav-tabs > li > a:focus,
.descricao-tab .nav-tabs > li > a:hover {
    background-color: #00AAFF;
    color: #ffffff;
}

.financeiro .descricao-tab .nav-tabs > li > a:focus,
.financeiro .descricao-tab .nav-tabs > li > a:hover {
    background-color: #00AAFF;
}

.politico .descricao-tab .nav-tabs > li > a:focus,
.politico .descricao-tab .nav-tabs > li > a:hover {
    background-color: #FAB204;
}

.agro .descricao-tab .nav-tabs > li > a:focus,
.agro .descricao-tab .nav-tabs > li > a:hover {
    background-color: #AACD46;
}

.midia .descricao-tab .nav-tabs > li > a:focus,
.midia .descricao-tab .nav-tabs > li > a:hover {
    background-color: #EF554B;
}

.energia .descricao-tab .nav-tabs > li > a:focus,
.energia .descricao-tab .nav-tabs > li > a:hover {
    background-color: #E4E;
}

.descricao-tab .nav-tabs > li > a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -61px;
    top: 50%;
    transform: translate(-20px, -50%);
    border-width: 15px 25px 15px 25px;
    border-style: solid;
    border-color: transparent transparent transparent #00AAFF;
    opacity: 0;
    transition: none;
}

.financeiro .descricao-tab .nav-tabs > li > a:after {
    border-color: transparent transparent transparent #00AAFF;
}

.politico .descricao-tab .nav-tabs > li > a:after {
    border-color: transparent transparent transparent #EF554B;
}

.agro .descricao-tab .nav-tabs > li > a:after {
    border-color: transparent transparent transparent #AACD46;
}

.midia .descricao-tab .nav-tabs > li > a:after {
    border-color: transparent transparent transparent #EF554B;
}

.energia .descricao-tab .nav-tabs > li > a:after {
    border-color: transparent transparent transparent #6d3a9b;
}

.descricao-tab .nav-tabs > li > a.active,
.descricao-tab .nav-tabs > li > a.active:focus,
.descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #003e7e;
    border: 3px solid #003e7e;
    box-shadow: 0 0 0 10px #003e7e;
    color: #FFF;
}

.broadcastplus .descricao-tab .nav-tabs > li > a.active,
.broadcastplus .descricao-tab .nav-tabs > li > a.active:focus,
.broadcastplus .descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #00AAFF;
    border: 3px solid #00AAFF;
    box-shadow: 0 0 0 10px #00AAFF;
    color: #FFF;
}

.broadcast-agro .descricao-tab .nav-tabs > li > a.active,
.broadcast-agro .descricao-tab .nav-tabs > li > a.active:focus,
.broadcast-agro .descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #87A537;
    border: 3px solid #87A537;
    box-shadow: 0 0 0 10px #87A537;
    color: #FFF;
}

.broadcast-energia .descricao-tab .nav-tabs > li > a.active,
.broadcast-energia .descricao-tab .nav-tabs > li > a.active:focus,
.broadcast-energia .descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #6d3a9b;
    border: 3px solid #6d3a9b;
    box-shadow: 0 0 0 10px #6d3a9b;
    color: #FFF;
}

.broadcast-politico .descricao-tab .nav-tabs > li > a.active,
.broadcast-politico .descricao-tab .nav-tabs > li > a.active:focus,
.broadcast-politico .descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #E2A215;
    border: 3px solid #E2A215;
    box-shadow: 0 0 0 10px #E2A215;
    color: #FFF;
}

.midia .descricao-tab .nav-tabs > li > a.active,
.midia .descricao-tab .nav-tabs > li > a.active:focus,
.midia .descricao-tab .nav-tabs > li > a.active:hover {
    background-color: #EF554B;
    border: 3px solid #EF554B;
    box-shadow: 0 0 0 10px #EF554B;
    color: #FFF;
}

.descricao-tab .nav-tabs > li > a.active:after,
.descricao-tab .nav-tabs > li > a.active:focus:after,
.descricao-tab .nav-tabs > li > a.active:hover:after {
    opacity: 1;
    transform: translate(0, -50%);
    transition: all 0.5s ease 0.2s;
}

.descricao-tab .tab-content {
    float: left;
    display: inline-block;
    width: calc(100% - 190px);
}

.descricao-title {
    font-family: 'flamabook', sans-serif;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.descricao-tab .tab-content p {
    margin-bottom: 15px;
}



.mock-group-3 {
    max-width: 345px;
    float: right;
    margin-bottom: 20px;
}

.mock-group-3 .front-mock {
    position: relative;
}

.mock-group-3 .back-mock {
    position: absolute;
    right: 0;
    top: 0;
}




/*----------------------------------------
GALERIA
----------------------------------------*/

#galeria-area {
    background-color: #1e1e1e;
}

.galerias {
    overflow: hidden;
    padding: 0 40px 12px 40px;
    position: relative;
    margin: 0 -40px;
}

.galeria-carousel .owl-wrapper-outer {
    overflow: visible;
}

.item {
    padding: 0 15px;
    transition: all 0.2s ease;
    opacity: 0.9;
}

.active .galeria {
    opacity: 1;
}

.active .galeria img {
    box-shadow: -7px 5px 16px 0px rgba(0, 0, 0, 0.09);
}

.galeria-carousel .owl-controls .owl-buttons > div {
    position: absolute;
    color: #d9d6d0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 5rem;
    margin: 0;
    padding: 0;
    opacity: 1;
}

.galeria-carousel .owl-controls .owl-buttons > div:hover {
    color: #4a3501;
}

.broadcast-datafeed .galeria-carousel .owl-controls .owl-buttons > div:hover,
.broadcast-web .galeria-carousel .owl-controls .owl-buttons > div:hover,
.broadcastplus .galeria-carousel .owl-controls .owl-buttons > div:hover {
    color: #00AAFF;
}


.broadcast-politico .galeria-carousel .owl-controls .owl-buttons > div:hover {
    color: #FAB204;
}

.broadcast-agro .galeria-carousel .owl-controls .owl-buttons > div:hover {
    color: #AACD46;
}

.trading-news .galeria-carousel .owl-controls .owl-buttons > div:hover {
    color: #ff6000;
}


.galeria-carousel .owl-controls .owl-buttons .owl-prev {
    left: -40px;
}

.galeria-carousel .owl-controls .owl-buttons .owl-next {
    right: -40px;
}

#owl-demo .item {
    margin: 3px;
    display: inline-block;
}

.broadcastplus #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #00aaff;
    vertical-align: middle;
}

.broadcast-agro #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #aacd46;
    vertical-align: middle;
}

.broadcast-politico #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #fab204;
    vertical-align: middle;
}



/*----------------------------------------
Download
----------------------------------------*/

.download-area {
    background-color: #515151;
    padding: 60px 0 100px 0;
}

.download-area .secao-heading {
    margin-bottom: 50px;
}

.download-area .button-group {
    margin: 0;
}

.download-area .button-group .btn {
    float: none;
    font-size: 2rem;
    border: 1px solid #ffffff;
    background-color: transparent;
    padding: 16px 56px;
}

.download-area .button-group .btn:hover {
    background-color: #ffffff;
    color: #00AAFF;
}

.download-area .button-group .btn + .btn {
    margin-left: 50px;
}


/*----------------------------------------
Cliente
----------------------------------------*/

.cliente-area {}

.clientes {
    padding: 0 148px 0 148px;
    margin: 0 -148px;
}

.thin-space.clientes {
    padding: 0 40px;
}

.reviewer-mock {
    width: 164px;
    height: 164px;
    overflow: hidden;
    border-radius: 50%;
    margin: 8px auto;
    box-shadow: 0 0 0 8px #b1c9d1;
}

.cliente-fala {
    margin: 45px 0 30px 0;
}

.cliente-nome {
    font-family: 'flamabook', sans-serif;
    font-weight: 500;
    text-transform: none;
    margin: 0;
}

.cliente-profissao {
    font-size: 1.4rem;
}

.cliente-posicao {
    text-transform: uppercase;
}

.cliente-carousel .owl-controls .owl-buttons > div {
    position: absolute;
    color: #d9d6d0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 5rem;
    margin: 0;
    padding: 0;
    opacity: 1;
}

.cliente-carousel .owl-controls .owl-buttons > div:hover {
    color: #ffffff;
}

.cliente-carousel .owl-controls .owl-buttons .owl-prev {
    left: -148px;
}

.thin-space .cliente-carousel .owl-controls .owl-buttons .owl-prev {
    left: -40px;
}

.cliente-carousel .owl-controls .owl-buttons .owl-next {
    right: -148px;
}

.thin-space .cliente-carousel .owl-controls .owl-buttons .owl-next {
    right: -40px;
}


/*
INICIO
*/


/* Use a wide full screen for small screens like tablets. */

@media (min-width: 766px) and (max-width:992px) {
    .container {
        width: initial;
        padding-left: 2em;
        padding-right: 2em;
    }
}

h5 {
    margin: 0px 5px 5px;
}

.noticia .sb-social {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}

.integra .sb-social {
    display: inline-block;
    font-size: 14px;
}




/* --- Plans ---------------------------- */

.produtoHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.produtoTitulo {
    font-size: 1.1em;
    font-weight: bold;
}


#newsletterbutton {
    color: #FFF;
    background-color: #b1c9d1;
}

.broadcast-energia #newsletterbutton {
    background-color: #E4E;
    border: 1px solid #A3D;
}


/* --- Features ------------------------- */

.produto_feature {
    line-height: 2.8em;
}

@media (max-width: 766px) {
    .produto_feature {
        text-align: center
    }
}

.produtoRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}


/* --- Plan 1 --------------------------- */

.tabela .financeiro {
    background: rgb(218, 229, 241);
}

.produtoHeader.financeiro a {
    background: rgb(72, 109, 139);
    color: white;
}

.produtoHeader.financeiro {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}


/* --- agro --------------------------- */

.tabela .agro {
    background: rgb(230, 235, 218);
}

.produtoHeader.agro a {
    background: rgb(108, 131, 62);
    color: white;
}

.produtoHeader.agro {
    background: rgb(134, 162, 77);
    border-bottom: thick solid rgb(108, 131, 62);
}


/* --- politico --------------------------- */

.tabela .politico {
    background: rgb(254, 235, 212);
}

.produtoHeader.politico a {
    background: rgb(199, 127, 40);
    color: white;
}

.produtoHeader.politico {
    background: rgb(253, 161, 49);
    border-bottom: thick solid rgb(199, 127, 40);
}




.uma-feature {
    text-align: center;
    font-size: 2em;
}

i.produto_check {
    color: #499308;
}

i.produto_times {
    color: #FF5353;
}

i.produto_plus {
    color: #2F74D0;
}


/*
FIM
*/


/*----------------------------------------
Video
----------------------------------------*/

.ovideo {
    background-image: url(/wp-content/uploads/2017/06/play_bpro.jpg);
    padding: 100px 0;
}

.broadcastplus .ovideo {
    background-image: url(/wp-content/uploads/2017/06/playbpro.jpg);
    padding: 100px 0;
}

.broadcast-agro .ovideo {
    background-image: url(/wp-content/uploads/2017/06/playagro.jpg);
    padding: 100px 0;
}

.broadcast-politico .ovideo {
    background-image: url(/wp-content/uploads/2017/06/playbpol.jpg);
    padding: 100px 0;
}

.video-play-icon {
    display: block;
    margin: 0 auto;
    width: 116px;
    height: 116px;
    line-height: 116px;
    font-size: 4rem;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}

.ovideo .video-play-icon {
    margin-top: 50px;
    
}

.video-play-icon i {
    margin-left: 12px;
}

.energia .video-play-icon i.fa-play {
    color: #A3D !important;
}
    



/*----------------------------------------
Mensagem
----------------------------------------*/

.mensagem-form button.btn {
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 43px;
}

.input-success,
.input-error {
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 4px;
    display: none;
}

.input-success {
    border: 1px solid #00AAFF;
}

.input-error {
    border: 1px solid #ff0000;
}

.mensagem-infos {
    float: left;
    width: 100%;
    margin-top: 90px;
    margin-bottom: -30px;
}

.mensagem-item {
    margin-bottom: 30px;
}

.mensagem-icon {
    font-size: 1.7rem;
    color: #00AAFF;
    margin-bottom: 10px;
    display: inline-block;
}

.financeiro .mensagem-icon {
    color: #00AAFF;
}

.politico .mensagem-icon {
    color: #FAB204
}

.agro .mensagem-icon {
    color: #AACD46;
}

.midia .mensagem-icon {
    color: #EF554B;
}

.trading-news .mensagem-icon {
    color: #FF6000;
}

.energia .mensagem-icon {
    color: #6d3a9b;
}

.mensagem-detail {
    font-size: 0.8rem;
    color: #6c6c6c;
}


/*----------------------------------------
Header
----------------------------------------*/

.broadcastplus .top-header {
    background-image: url(/wp-content/uploads/2017/06/bpro4.png);
    height: 850px;
}

.broadcast-agro .top-header {
    background-image: url(/wp-content/uploads/2017/06/bagroprincipal.jpg);
    height: 850px;
}

.broadcast-politico .top-header {
    background-image: url(/wp-content/uploads/2017/06/bpol3.jpg);
    height: 850px;
}

.broadcast-energia .top-header {
    height: 850px;
}

.ae-midia .top-header {
    background-image: url(/wp-content/uploads/2017/06/capamidia.jpg);
    height: 850px;
}

.banco-de-imagens .top-header {
    background-image: url(/wp-content/uploads/2017/06/capamidia.jpg);
    height: 850px;
}

.estadao-conteudo .top-header {
    background-image: url(/wp-content/uploads/2017/06/capaestadaoconteudo.jpg);
    height: 850px;
}

.broadcast-web .top-header {
    background-image: url(/wp-content/uploads/2017/06/capabcw.jpg);
    height: 850px;
}

.broadcast-datafeed .top-header {
    background-image: url(/wp-content/uploads/2017/06/capadatafeed.jpg);
    height: 850px;
}

.broadcast-datafeed .top-header {
    background-image: url(/wp-content/uploads/2017/06/capadatafeed.jpg);
    height: 850px;
}

.trading-news .top-header {
    height: 600px;
}

/* trading news new */
/* ============== */

.login-trading-news #monitor-area,
.trading-news #monitor-area {
    background-color: #191919;
}

.login-trading-news #monitor-area.cta-title,
.trading-news #monitor-area .cta-title {
    font-size: 22px;
    color: #f9f9f9;
    margin: 0;
}

.login-trading-news #monitor-area.cta-desc,
.trading-news #monitor-area .cta-desc {
    font-size: 18px;
    color: #fff;
}

/* .trading-news #monitor-area .btn, */
.login-trading-news #monitor-area.btn
 {
    font-size: 18px;
    background-color: transparent;
    text-transform: none;
    border: 1px solid #fff;
    cursor: pointer;
}

.login-trading-news #monitor-area .new-tn-login .btn,
.trading-news #monitor-area .new-tn-login .btn {
    font-size: 15px;
    padding: 5px 87px;
    cursor: pointer;
}

.login-trading-news #monitor-area .new-tn-login .tn-new-back,
.trading-news #monitor-area .new-tn-login .tn-new-back {
    margin-top: 15px;
    cursor: pointer;
}

.new-trading-news .description {
    color: #414141;
    font-size: 22px;
    margin-top: 16px;
    width: 304px;
    line-height: 24px;
    margin-bottom: 42px;
}

.new-trading-news .boxy {
    border: 1px solid #414141;
    border-radius: 10px;
    padding: 10px 14px;
    min-height: 115px;
    line-height: 23px;
    text-align: center;
    color: #000000;
}

.new-trading-news .icon-tn {
    font-size: 18px;
    margin: 10px 18px;
    color: inherit;
} 

.new-trading-news .name {
    font-size: 14px;
    color: inherit;
} 
.home_right_img .tela {
    position: absolute; 
    z-index: 22;
    left: 70px;
    top: 20px;
    width: 78%;
}

.home_right_img .monitor-tn {
    z-index: 29;
    width: 100%;
}

.new-trading-news .btn-success {
    padding: 14px 10px;
    font-size: 1rem;
    margin: 20px 0;
    background: #22A501;
    text-transform: none;
}

.new-trading-news .btn-success:hover,
.new-trading-news .btn-success:focus:hover,
.new-trading-news .btn-success:visited:hover {
    background-color: #7CFC00;
    color: #ffffff;
    border: none;
}


.new-trading-news .boxy a, 
.new-trading-news .boxy a:focus, 
.new-trading-news .boxy a:visited {
    color: inherit;
}

.new-trading-news .boxy a:hover {
    color: #FFF;
    border: 3px solid red;
}

.new-trading-news .boxy:hover,
.new-trading-news .boxy:focus:hover,
.new-trading-news .boxy:visited:hover {
    background-color: #414141;
    color: #ffffff;
    border: none;
}

/* .trading-news #monitor-area .btn, */
.login-trading-news #monitor-area.btn {
    background-color: #336BAD;
    border-color: #336BAD;
}

/* .trading-news #monitor-area .btn:hover, */
.login-trading-news #monitor-area.btn:hover {
    background-color: transparent;
    border-color: #FFF;
}

.new-tn-login {
    display: none;
}

.new-tn-login  .h-log{
    display: flex;
    align-content: center;
    height: 60px;
  }
}

.form-row {
    color: #fff;
}

.form-row .control-label {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px;
    color: #fff;
}

.form-row .input-sm
{  
    position: relative;
    color: #000;
    font-size: 16px !important;
    color: white;
    width: 260px;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 30px;
}

.trading-news .form-control:focus {
  color: #000;
}


#monitor-area .cta-exclamation {
    padding: 0;
    margin: 0;
    text-align: right;
    margin-top: 7px;    
}

#monitor-area .cta-contents {
    padding-left: 5px;  
}

@media screen and (max-width: 991px) {
    .new-tn-login .form-inline {
        height: 60px;
    }

    .new-tn-login .control-label {
        padding-right: 12px;
    }
    .login-trading-news #monitor-area.cta-title,
    .trading-news #monitor-area .cta-title {
        font-size: 17px;
    }
    .login-trading-news #monitor-area .new-tn-login .btn,
    .trading-news #monitor-area .new-tn-login .btn {
        margin-top: 26px;
    }
    

    .home_right_img {
        display: none;
    }
    .new-trading-news {
        text-align: center;
    }

    .new-trading-news .row {
        justify-content: center;
    }
    
    .new-trading-news .boxy {
        max-width: 130px;
    }

    .new-trading-news .features {
        margin: auto; max-width: 350px;
    }

    .new-trading-news .description {
        text-align: center;
        width: auto;
    }

    .login-trading-news #monitor-area.btn,
    .trading-news #monitor-area .btn {
        padding-left: 0;
        padding-right: 0;
    }
 
    
}



/* trading news new  fim*/
/* ============== */

.logo {
    display: inline-block;
}

.top-header h1,
.flex_text {
    margin-top: 33px;
    letter-spacing: 0;
}

.flex_text li {
    font-size: 3rem;
    color: #f5f5f5;
    font-weight: 700;
    font-family: 'flamabook', sans-serif;
    line-height: 1.33;
}

.flex_text li:before {
    content: none;
}

.top-header p {
    margin-top: 36px;
    margin-bottom: 0;
    letter-spacing: 0.3px;
}

.device-download {
    margin-top: 40px;
}

.device-download a {
    font-size: 3rem;
    display: inline-block;
    line-height: 100%;
}

.device-download a + a {
    margin-left: 30px;
}

.secao-bg .device-download a {
    color: #ffffff;
}

.device-download a:hover {
    color: #416467;
}

.top-header .btn {
    padding: 14px 51px;
    font-size: 1rem;
}

.top-header.style-2 .button-group {
    float: none;
    margin: 45px auto 0 auto;
    text-align: center;
}

.top-header.banner-v2 .button-group .btn {
    float: none;
}


/*** Header Image Slider ***/

.bg-slider-v1 {
    background-image: none;
}

.header-bg-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1 !important;
}

.bg-item {
    height: 850px;
    background-size: cover;
    background-position: center center;
}

.bg-item.item-1 {
    background-image: url(../img/slider/1.jpg);
}

.bg-item.item-2 {
    background-image: url(../img/slider/2.jpg);
}

.bg-item.item-3 {
    background-image: url(../img/slider/3.jpg);
}



/*----------------------------------------
Bootstrap Form
----------------------------------------*/

.input-group {
    width: 100%;
}

#formulario .perfil {
    display: none;
}

.input-group + .input-group {
    margin-top: 10px;
}

.input-group-addon {
    font-size: 1.6rem;
    width: 44px;
    color: #00AAFF;
    background-color: transparent;
    border: 1px solid #00AAFF;
    border-radius: 0;
}

.form-control {
    height: 44px;
    font-size: 1.6rem;
    color: #4a4a4a;
    background-color: transparent;
    border: 1px solid #00AAFF;
    box-shadow: none;
    border-radius: 0;
    transition: all 0.3s ease;
}

button.form-control {
    background-color: #00AAFF;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.8rem;
}

.input-group .btn {
    width: 100%;
}

.form-control::-webkit-input-placeholder {
    color: #969696;
}

.form-control::-moz-placeholder {
    color: #969696;
}

.form-control:-ms-input-placeholder {
    color: #969696;
}

.form-control:-moz-placeholder {
    color: #969696;
}

h5 {
    margin: 0px 5px 5px;
}

.noticia .sb-social {
    display: inline-block;
    font-size: 13px !important;
    margin-top: -4px;
}

.integra .sb-social {
    display: inline-block;
    font-size: 14px;
}

/*


smartphones, iPhone, portrait 480x320 phones


*/

@media screen and (max-width: 320px) {
    .menu-releases-container ul li {
       list-style: none;
       display: block;  
       margin-bottom: 10px; 
    }

    h1,
    .flex_text li {
        font-size: 2.4rem;
    }

    table#tabelaproduto {
        font-size: 0.5em;
    }

    .secao-padding,
    .secao-padding-extra {
        padding: 60px 0;
    }
    .secao-heading {
        margin-bottom: 40px;
    }
    .secao-title {
        font-size: 3rem;
    }

    .col-m6-6 {
        border: 1px solid orange;
    }

    .top-header h1,
    .flex_text,
    .top-header p,
    .device-download,
    .button-group {
        margin-top: 25px;
    }

    .galerias {
        margin: 0;
    }

    a#newsletterbutton {
        margin: 20px 0;
    }

    .banner-v2 .button-group .btn + .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
    }

    .button-group .btn + .btn {
        margin-left: 0;
        margin-top: 20px;
        clear: left;
    }

    .demo-form input {
        max-width: none;
        width: calc(100% - 10px)
    }
    .demo-form button {
        margin: 10px;
    }
    .intros {
        margin-bottom: -70px;
    }
    .intro {
        margin-bottom: 70px;
    }
    .mais-props + .mais-props {
        margin-top: 40px;
    }
    .mais-props .col-md-4 + .col-sm-6 {
        margin-top: 40px;
    }
    .mock-group-2 {
        max-width: 290px;
        margin: 0 auto;
    }
    .mock-group-2 .back-mock {
        height: 380px;
        max-width: none;
        width: auto;
    }
    .mock-group-2 .front-mock {
        height: 390px;
        right: 0;
    }

    .noticia .sb-social {
        display: block;
        font-size: 14px;
        padding: 5px 0px;
        clear: both;
    }

    .integra .sb-social {
        display: inline-block;
        font-size: 14px;
    }

    .descricao-tab .nav-tabs {
        display: block;
        width: 100%;
        margin: 0 -5px 40px -5px;
    }
    .descricao-tab .nav-tabs > li {
        margin: 0 10px;
    }
    .descricao-tab .nav-tabs > li > a {
        width: 47px;
        height: 47px;
        line-height: 40px;
        font-size: 1.5em;
    }
    .descricao-tab .nav-tabs > li > a:after {
        display: none;
    }

    .descricao-tab .tab-content {
        width: 100%;
    }

    .mock-group-3 {
        max-width: 290px;
    }
    .mock-group-3 .back-mock {
        height: 403px;
    }
    .download-area .button-group .btn {
        width: 100%;
    }
    .download-area .button-group .btn + .btn {
        margin-left: 0;
    }

    .chamada-2 .chamada-heading {
        margin-right: 0;
    }
    .subscribe-form input[type="email"] {
        max-width: none;
        border-radius: 4px;
    }

    .mobilescreens {
        display: none;
    }

    body .container {
        margin: 10px;
    }

    .box-media {
        display: none;
    }
    .financeiro .box {
        display: none;
    }
    .politico .box {
        display: none;
    }
    .agro .box {
        display: none;
    }
    .releases .box {
        display: none;
    }


    header .top img#logo {
        cursor: pointer;
        padding-left: 2px;
        padding-top: 20px;
    }


    #logo2 {
        margin: 3px 0 0 50px;
    }

    .bannersmobile {
        display: block;
    }

    .ferramentas-integra,
    .ticker,
    .banner-topo,
    .graficos,
    .ferramentas,
    .box-produto,
    .inscrever {
        margin-top: 23px;
    }

    .mais_noticias .carrega-mais button {
        font-size: 0.7em;
    }

    .ferramentas-integra {
        display: none
    }

    .navbar #navbarSupportedContent {
        margin-top: 37px;
        -webkit-margin-start: 0px;
        position: absolute;
        top: 3px;
        left: 0px;
        width: 100%;
    }

    .noticia {
        background-color: #f5f5f5;
        border-bottom: 2px solid #e6e6e6;
        border-radius: 5px;
        color: #333333;
        display: block;
        float: left;
        margin: 0 0 40px;
        padding: 5px;
        width: 100%;
    }

    .redesociais,
    .ferramentas,
    .box-produto,
    .ticker,
    div.ticker-topo,
    img#banner-topo {
        display: none;
    }

    .releases header,
    .midia header,
    .broadcast header,
    .home header {
        background-color: #000;
        border-bottom: 1px solid #003E7E;
        background-image: url("imagens/bg/bgmobhome.jpg");
        padding: 5px 0;
    }

    .agro header {
        background-color: #000;
        border-bottom: 1px solid #AACD46;
        background-image: url("imagens/bg/bgmobagro.jpg");
        padding: 5px 0;
    }

    .financeiro header {
        background-color: #000;
        border-bottom: 1px solid #0AF;
        background-image: url("imagens/bg/bgmobbpro.jpg");
        padding: 5px 0;
    }

    .politico header {
        background-color: #000;
        border-bottom: 1px solid #FAB204;
        background-image: url("imagens/bg/bgmobbpol.jpg");
        padding: 5px 0;
    }

    .integra h1 {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        margin: 30px 5px 40px;
        font-size: 1.8em;
    }

    h5 {
        margin: 0px 5px 5px;
    }
    input#ajaxnewsletterprodutoemail {
        margin: 30px 0px;
    }
    .rodape .redes .social {
        margin-right: 10px;
    }
    .rodape .redes .inscrever {
        display: none;
    }
    .rodape .redes {
        float: none;
        text-align: center;
        margin: 40px 0px 40px 20px;
    }
    .rodape .assinatura {
        margin: 40px 0px;
        text-align: center;
    }
}

@media screen and (max-width: 575px) and (min-width: 321px) {
    .menu-releases-container ul li {
       list-style: none;
       display: block;  
       margin-bottom: 10px; 
    }

    .menu-releases-container ul li {
       list-style: none;
       display: block;  
       margin-bottom: 10px; 
    }

    h1,
    .flex_text li {
        font-size: 2.4rem;
    }
    .secao-padding,
    .secao-padding-extra {
        padding: 60px 0;
    }
    .secao-heading {
        margin-bottom: 40px;
    }
    .secao-title {
        font-size: 3rem;
    }
    .top-header h1,
    .flex_text,
    .top-header p,
    .device-download,
    .button-group {
        margin-top: 25px;
    }

    table#tabelaproduto {
        font-size: 0.5em;
    }

    .financeiro .box {
        display: none;
    }
    .politico .box {
        display: none;
    }
    .agro .box {
        display: none;
    }

    .galerias {
        margin: 0;
    }

    .banner-v2 .button-group .btn + .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
    }
    .button-group .btn + .btn {
        margin-left: 0;
        margin-top: 20px;
        clear: left;
    }

    .demo-form input {
        max-width: none;
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    input#ajaxnewsletterprodutoemail {
        margin: 30px 0px;
    }

    .intros {
        margin-bottom: -70px;
    }
    .intro {
        margin-bottom: 70px;
    }
    .mais-props + .mais-props {
        margin-top: 40px;
    }
    .mais-props .col-md-4 + .col-sm-6 {
        margin-top: 40px;
    }

    .mock-group-2 {
        margin-bottom: 30px;
        max-width: 200px;
        display: none;

        /* margin: 0 auto; */
    }
    .mock-group-2 .back-mock {
        right: -200px;
        /* max-width: none  ; */
        max-width: 200px;
        width: auto;
    }
    .mock-group-2 .front-mock {

        right: 0;
    }

    .box-media {
        display: none;
    }
    .financeiro .box {
        display: none;
    }
    .politico .box {
        display: none;
    }
    .agro .box {
        display: none;
    }
    .releases .box {
        display: none;
    }

    .ferramentas-integra {
        display: none
    }

    .noticia .sb-social {
        display: block;
        font-size: 14px;
        padding: 5px 0px;
        clear: both;
    }

    .integra .sb-social {
        display: inline-block;
        font-size: 14px;
    }

    .descricao-tab .nav-tabs {
        display: block;
        width: 100%;
        margin: 0 -5px 40px -5px;
    }
    .descricao-tab .nav-tabs > li {
        margin: 17px;
    }
    .descricao-tab .nav-tabs > li > a {
        width: 47px;
        height: 47px;
        line-height: 40px;
        font-size: 1.5em;
    }
    .descricao-tab .nav-tabs > li > a:after {
        display: none;
    }
    .descricao-tab .nav-tabs > li a.nav-link.active,
    .descricao-tab .nav-tabs > li a.nav-link.active:focus,
    .descricao-tab .nav-tabs > li a.nav-link.active:after,
    .descricao-tab .nav-tabs > li a.nav-link.active:focus:after,
    .descricao-tab .nav-tabs > li a.nav-link.active:hover:after {
        transform: translate(0, 0);
        box-shadow: 0 0 0 10px transparent;
    }

    .descricao-tab .tab-content {
        width: 100%;
    }
    .mock-group-3 {
        max-width: 290px;
    }
    .mock-group-3 .back-mock {
        height: 403px;
    }

    .mobilescreens {
        display: none;
    }

    .download-area .button-group .btn {
        width: 100%;
    }
    .download-area .button-group .btn + .btn {
        margin-left: 0;
    }

    .chamada-2 .chamada-heading {
        margin-right: 0;
    }
    .subscribe-form input[type="email"] {
        max-width: none;
        border-radius: 4px;
    }


    body .container {
        margin: 10px;
    }

    #logo2 {
        margin: 3px 0 0 50px;
    }

    .bannersmobile {
        display: block;
    }
    .redesociais,
    .ferramentas,
    .box-produto,
    .ticker,
    div.ticker-topo,
    img#banner-topo {
        display: none;
    }

    .noticia {
        background-color: #f5f5f5;
        border-bottom: 2px solid #e6e6e6;
        border-radius: 5px;
        color: #333333;
        display: block;
        float: left;
        margin: 0 0 40px;
        padding: 5px;
        width: 100%;
    }

    .integra h1 {
        font-size: 2em;
    }

    h5 {
        margin: 0px 5px 5px;
    }

    .releases header,
    .midia header,
    .broadcast header,
    .home header {
        background-color: #000;
        border-bottom: 1px solid #003E7E;
        background-image: url("imagens/bg/bgmobhome.jpg");
        padding: 5px 0;
    }

    .agro header {
        background-color: #000;
        border-bottom: 1px solid #AACD46;
        background-image: url("imagens/bg/bgmobagro.jpg");
        padding: 5px 0;
    }

    .financeiro header {
        background-color: #000;
        border-bottom: 1px solid #0AF;
        background-image: url("imagens/bg/bgmobbpro.jpg");
        padding: 5px 0;
    }

    .politico header {
        background-color: #000;
        border-bottom: 1px solid #FAB204;
        background-image: url("imagens/bg/bgmobbpol.jpg");
        padding: 5px 0;
    }

    .navbar #navbarSupportedContent {
        margin-top: 37px;
        -webkit-margin-start: 0px;
        position: absolute;
        top: 3px;
        left: 0;
        width: 100%;
    }

    input#ajaxnewsletterprodutoemail {
        margin: 30px 0px;
    }

    .rodape .redes .inscrever {
        display: none;
    }
    .rodape .redes {
        float: none;
        text-align: center;
        margin: 40px 0px 40px 20px;
    }
    .rodape .assinatura {
        margin: 40px 0px;
        text-align: center;
    }

    .probootstrap-section-half .probootstrap-image-white, .probootstrap-section-half .probootstrap-text-white,
    .probootstrap-section-half .probootstrap-image, .probootstrap-section-half .probootstrap-text {
        width: 100%;
    }       
}

@media screen and (max-width: 766px) and (min-width: 574px) {

    .menu-releases-container ul li {
       list-style: none;
       display: block;  
       margin-bottom: 10px; 
    }


    h1,
    .flex_text li {
        font-size: 2.4rem;
    }

    h5 {
        margin: 0px 5px 5px;
    }


    .secao-padding,
    .secao-padding-extra {
        padding: 60px 0;
    }
    .secao-heading {
        margin-bottom: 40px;
    }
    .secao-title {
        font-size: 3rem;
    }

    .top-header h1,
    .flex_text,
    .top-header p,
    .device-download,
    .button-group {
        margin-top: 25px;
    }

    .galerias {
        margin: 0;
    }

    .banner-v2 .button-group .btn + .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
    }
    .button-group .btn + .btn {
        margin-left: 0;
        margin-top: 20px;
        clear: left;
    }

    input + input,
    input + button {
        margin-top: 20px;
    }
    .demo-form input {
        max-width: none;
    }
    .intros {
        margin-bottom: -70px;
    }
    .intro {
        margin-bottom: 70px;
    }
    .mais-features + .mais-features {
        margin-top: 40px;
    }
    .mais-feature .col-sm-6 {
        margin-top: 40px;
    }
    .mock-group-2 {
        margin-bottom: 30px;
        max-width: 300px;

        /* margin: 0 auto; */
    }
    .mock-group-2 .back-mock {
        right: -260px;
        /* max-width: none  ; */
        max-width: 300px;
        width: auto;
    }
    .mock-group-2 .front-mock {

        right: 0;
    }

    .financeiro .box {
        display: none;
    }
    .politico .box {
        display: none;
    }
    .agro .box {
        display: none;
    }


    .descricao-tab .nav-tabs {
        display: block;
        width: 100%;
        margin: 0 -5px 40px -5px;
    }
    .descricao-tab .nav-tabs > li {
        margin: 0 20px;
    }
    .descricao-tab .nav-tabs > li > a {
        width: 47px;
        height: 47px;
        line-height: 40px;
        font-size: 1.5em;
    }
    .descricao-tab .nav-tabs > li > a:after {
        display: none;
    }


    .descricao-tab .nav-tabs > li a.nav-link.active,
    .descricao-tab .nav-tabs > li a.nav-link.active:focus,
    .descricao-tab .nav-tabs > li a.nav-link.active:after,
    .descricao-tab .nav-tabs > li a.nav-link.active:focus:after,
    .descricao-tab .nav-tabs > li a.nav-link.active:hover:after {
        transform: translate(0, 0);
        box-shadow: 0 0 0 10px transparent;
    }

    .descricao-tab .tab-content {
        width: 100%;
    }

    .mock-group-3 {
        max-width: 290px;
    }
    .mock-group-3 .back-mock {
        height: 403px;
    }

    .mobilescreens {
        display: none;
    }

    .download-area .button-group .btn {
        width: 100%;
    }
    .download-area .button-group .btn + .btn {
        margin-left: 0;
    }

    .chamada-2 .chamada-heading {
        margin-right: 0;
    }
    .subscribe-form input[type="email"] {
        max-width: none;
        border-radius: 4px;
    }

    .bannersmobile {
        display: block;
    }

    .ferramentas-integra,
    .ticker,
    .banner-topo,
    .graficos,
    #login-nav,
    .ticker,
    div.ticker-topo,
    img#banner-topo {
        display: none;
    }

    .assinatura {
        text-align: center
    }

    .rodape .redes {
        float: none;
        margin: 10px auto 40px;
        width: 380px;
        text-align: center;
        padding-left: 40px;
    }
    .rodape .redes .inscrever {
        display: none;
    }

    #logo2 {
        margin: 3px 0 0 50px;
    }

    .releases header,
    .midia header,
    .broadcast header,
    .home header {
        background-color: #000;
        border-bottom: 1px solid #003E7E;
        background-image: url("imagens/bg/bgmobhome.jpg");
        padding: 5px 0;
    }

    .agro header {
        background-color: #000;
        border-bottom: 1px solid #AACD46;
        background-image: url("imagens/bg/bgmobagro.jpg");
        padding: 5px 0;
    }

    .financeiro header {
        background-color: #000;
        border-bottom: 1px solid #0AF;
        background-image: url("imagens/bg/bgmobbpro.jpg");
        padding: 5px 0;
    }

    .politico header {
        background-color: #000;
        border-bottom: 1px solid #FAB204;
        background-image: url("imagens/bg/bgmobbpol.jpg");
        padding: 5px 0;
    }

    .trading-news header {
        background-color: #000;
        border-bottom: 1px solid #FAB204;
        background-image: url("imagens/bg/bgmobbpol.jpg");
        padding: 5px 0;
    }    

    .navbar #navbarSupportedContent {
        margin-top: 37px;
        -webkit-margin-start: 0px;
        position: absolute;
        top: 3px;
        left: 0;
        width: 100%;
    }

    .noticia {
        background-color: #f5f5f5;
        border-bottom: 2px solid #e6e6e6;
        border-radius: 5px;
        color: #333333;
        display: block;
        float: left;
        margin: 0 0 40px;
        padding: 5px;
        width: 100%;
    }

    .noticia .sb-social {
        display: inline-block;
        font-size: 14px;
        margin-top: -4px;
    }

    .integra .sb-social {
        display: inline-block;
        font-size: 14px;
    }

    .politico header {
        background-color: #000;
        border-bottom: 1px solid #FAB204;
        background-image: url("imagens/bg/bgmobbpol.jpg");
    }

    .probootstrap-section-half .probootstrap-image-white, .probootstrap-section-half .probootstrap-text-white,
    .probootstrap-section-half .probootstrap-image, .probootstrap-section-half .probootstrap-text {
        width: 100%;
    }    
}


/* tablet, landscape iPad, lo-res laptops ands desktops */

@media screen and (max-width: 991px) and (min-width: 766px) {
    #login-nav,
    .ferramentas-integra,
    {
        display: none;
    }

    #logo2 {
        margin: 3px 0 0 50px;
    }

    h5 {
        margin: 0px 5px 5px;
    }

    .noticia .sb-social {
        display: block;
        font-size: 14px;
        padding: 5px 0px;
        clear: both;
    }

    .integra .sb-social {
        display: inline-block;
        font-size: 14px;
    }

    .graficos > div {
        padding-bottom: 10px;
    }

    .navbar #navbarSupportedContent {
        margin-top: 37px;
        -webkit-margin-start: 0px;
        position: absolute;
        top: 3px;
        left: 0;
        width: 100%;
    }
    .bannersmobile {
        display: none;
    }
    
}


/* hi-res laptops and desktops */
@media screen and (max-width: 1199px) and (min-width: 992px) {
    
    .navbar .navbar-nav > .englishicon.nav-item:active a,
    .navbar .navbar-nav > .englishicon.nav-item:not(.active) a {
        text-transform: uppercase;
        background-color: transparent;
        width: 110px;
        padding-left: 1px;
        background-image: url('/wp-content/uploads/2019/01/img-flag-usa.png');
        background-repeat: no-repeat;
        background-position: left;
        border-bottom: 0px;
        margin-left: 40px;
    }
}
@media screen and (min-width: 1200px) {
    .descricao-tab .nav-tabs {
        margin-right: 20px;
    }
    .descricao-tab .tab-content {
        width: calc(100% - 140px);
    }

    .navbar .navbar-nav > .englishicon.nav-item.active a,
    .navbar .navbar-nav > .englishicon.nav-item:not(.active) a {
        text-transform: uppercase;
        background-color: transparent;
        width: 110px;
        padding-left: 1px;
        background-image: url('/wp-content/uploads/2019/01/img-flag-usa.png');
        background-repeat: no-repeat;
        background-position: left;
        border-bottom: 0px;
        margin-left: 40px;
    }
}


/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 512px;
  max-height: 100%;
  overflow: hidden;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */

  /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */

}

.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
  border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-572x612 {
  padding-bottom: 107%;
}

/* general styles */
/* ============== */
.set-border {
  border: 5px inset #4f4f4f;
}
.set-box-shadow {
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
  -moz-box-shadow: 4px 4px 14px #4f4f4f;
  box-shadow: 4px 4px 14px #4f4f4f;
}
.set-padding {
  padding: 40px;
}
.set-margin {
  margin: 30px;
}
.center-block-horiz {
  margin-left: auto !important;
  margin-right: auto !important;
}


/**

Trading News - Versão 2 para migracao

**/



.trading-news.trading-news-v2   {
  font-family: "Poppins";
}

.trading-news.trading-news-v2 .top-header {
  height: 790px;
  background: linear-gradient(104.33deg, #101010 0%, #212121 57.71%); 
}


@media (min-width: 1200px) {
    .trading-news.trading-news-v2 .top-header .container {
      width: 1336px;
      max-width: 100%;
    }
  }

.trading-news.trading-news-v2 .container {
  padding: 0px;
}

.trading-news.trading-news-v2 .info {
    padding-right: 65px;
}

.trading-news.trading-news-v2 .info a:active,
.trading-news.trading-news-v2 .info a:hover,
.trading-news.trading-news-v2 .info a:link,
.trading-news.trading-news-v2 .info a {
  color: #32C820;
}

.trading-news.trading-news-v2 .info .knew {
  color: #32C820;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;    
}

.trading-news.trading-news-v2 .info .buttons .btn-tnv2 {
  padding: 32px 0px;
  border: 0;
  background-color: transparent;
  text-transform: none;
  color: #32c820 !important;
  font-size: 18px;
  line-height: 27px;
}

.trading-news.trading-news-v2 .info .buttons .btn-tnv2:focus {
  border: none;
  box-shadow: none;
}


.trading-news.trading-news-v2 .top-header .container {
  padding-right: 70px;
  padding-left: 70px;
}

.trading-news.trading-news-v2 .top-header:before {
  background: linear-gradient(104.33deg, #101010 0%, #212121 57.71%);
}

.trading-news.trading-news-v2 .ovideo:before {
  background: #212121;
}

.trading-news.trading-news-v2 .introduction {
    color: #fff;
    position: relative;

}

.trading-news.trading-news-v2 .introduction h2 {
  color: #fff;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
}

.trading-news.trading-news-v2 .introduction h4 {
  color: #fff;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 30px;
  font-weight: 200;
}

.trading-news.trading-news-v2 .introduction .introduction_details {
    position: absolute;
    height: 400px;
    left: 6px;
    top: 200px;
}

.trading-news.trading-news-v2 .introduction .introduction_details_item {
    color: #000;
    background-color: #fff;
    height: 65px;
    width: 246px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.trading-news.trading-news-v2 .introduction .introduction_details_item i {
  width: 20px;
}

/* .trading-news.trading-news-v2 .introduction .introduction_details_item:hover {
  background-color: #22A501 !important;
  color: #fff !important;
} */

.introduction_details_item_active {
  background-color: #22A501 !important;
  color: #fff !important;
  height: 65px;
  width: 246px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

.trading-news.trading-news-v2 #monitor-area {
  color: #000;
  background-color: #fff;
}

.trading-news.trading-news-v2 #monitor-area .secao-heading {
  margin-bottom: 2px;
  font-family: 'Poppins';
  font-style: normal;
}

.trading-news.trading-news-v2 #monitor-area .card .card-body {
  text-align: left;
  padding: 24px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727272;
}

.trading-news.trading-news-v2 #monitor-area .secao-heading h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 114%;
  color: #212121;
}

.trading-news.trading-news-v2 #monitor-area h3 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 32px;
  line-height: 114%;
}

.trading-news.trading-news-v2 #monitor-area .secao-heading h4 {
  color: #757575;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;    
}

.trading-news.trading-news-v2 #monitor-area .fundo {
  position: relative;
  margin-bottom: 102px;
}

.trading-news.trading-news-v2 #monitor-area .fundo .item {
  height: 89px;
  width: 315px;
  background-color: #6c6c6c;
  color: #fff;
  box-shadow: 0px 44px 64px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;  
}

.trading-news.trading-news-v2 #monitor-area .fundo .item i.fa {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0 0 2px #fff;
  background-color: #fff;
  padding: 0.8em;
  color: #000;
  margin-right: 16px !important;
}

.trading-news.trading-news-v2 #monitor-area .fundo .item-workspace {
  position: absolute;
  top: 120px;
  left: 90px;
}

.trading-news.trading-news-v2 #monitor-area .fundo .item-realtime {
  position: absolute;
  top: 300px;
  left: 90px;
}

.trading-news.trading-news-v2 #monitor-area .fundo .item-setting {
  position: absolute;
  top: 120px;
  right: 90px;
}

.trading-news.trading-news-v2 #monitor-area .fundo .item-search {
  position: absolute;
  top: 300px;
  right: 90px;
}

.trading-news.trading-news-v2 #monitor-area .accordion .card-header {
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(255, 255, 255, 0.611441);
  padding: 0;
}

.trading-news.trading-news-v2 #monitor-area #featurestn.btn {
  text-transform: none;
  text-decoration: none;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #000;
  padding: 12px;
  width: 365px;
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;  
}

.trading-news.trading-news-v2 #monitor-area .card {
  margin: 0 20px 8px 10px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.trading-news.trading-news-v2 #monitor-area .card-header .btn {
  color: #000 !important;
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 16px;
  line-height: 42px;
  letter-spacing: 0.015em;
  padding: 8px 13px !important;
}

.trading-news.trading-news-v2 #monitor-area .card-header .btn-link,
.trading-news.trading-news-v2 #monitor-area .card-header .btn-link:focus {
  background-color: transparent !important;
  text-transform: none;
  text-decoration: none;
}

.trading-news.trading-news-v2 #monitor-area .card-header .btn i {
  margin-right: 16px;
  margin-left: 8px;
  color: #000000;
  border: 0.2px solid #fff;
}

.trading-news.trading-news-v2 #monitor-area h2,
.trading-news.trading-news-v2 #monitor-area .features {
  margin: 0;
}

.trading-news.trading-news-v2 #monitor-area .card .card-header .btn-link:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 900;
    float: right;
}

.trading-news.trading-news-v2 #monitor-area  .card .card-header .btn-link.collapsed:after {
  content: "\f106";
}
 
.trading-news.trading-news-v2 #monitor-area .card .collapse.show {
  line-height: 30px;
  color: #222;
}

.trading-news.trading-news-v2 #monitor-area .features #features-panel {
  margin: 0;
  height: 575px;
  overflow-y: hidden;
}

.trading-news.trading-news-v2 #monitor-area .features .gradientback{
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  z-index: 400;
  height: 70px;
  background-color: #fff;
  background: linear-gradient(to top, rgba(252,252,252, 0.9), rgba(252,252,252, 0.1));  
}

.trading-news.trading-news-v2 #galeria-area {
  background: url('/wp-content/uploads/2022/12/redacao.png');
  color: #fff;
}

.trading-news.trading-news-v2 #galeria-area h2,
.trading-news.trading-news-v2 #mais-feature-area h2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
}

.trading-news.trading-news-v2 #galeria-area h4,
.trading-news.trading-news-v2 #mais-feature-area h4 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}

.trading-news.trading-news-v2 hr.tn2 {
  width: 45px;
  height: 5px;
  border: 0;
  border-radius: 3px;
}

.trading-news.trading-news-v2 #galeria-area hr {
  background-color: #EB1F1F;
}

.trading-news.trading-news-v2 #mais-feature-area hr {
  background-color: #22A501;

}

.trading-news.trading-news-v2 #descricao-area.secao-padding-extra {
  padding: 40px 0 0 0;
}

.trading-news.trading-news-v2 #ovideo {
  color: #FFF;
}

.trading-news.trading-news-v2 #download-area,
.trading-news.trading-news-v2 #mobile-area {
  display: none;
}

.rodape {
  background-color: #212121;
  border-top:  1px solid rgba(255, 255, 255, 0.24); 
}

.rodape h2 {
  margin-left: 40px;
  margin-top: 80px;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  font-family: 'Inter';
}

.rodape ul {
  list-style-type: none;
}

.rodape ul.hr {
  float: right;
  margin-right: 56px;
}

.rodape ul a, 
.rodape ul li {
  margin-bottom: 13px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  opacity: 0.7;
  color: #fff;
}

.rodape ul.social a, 
.rodape ul.social li {
  opacity: 0.95;
}

.single-produtos .rodape ul.hr li {
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.rodape ul.hr li:not(:last-child) {
  padding-right: 36px;
}

.single-produtos .rodape .footer-info {
  padding-top: 48px;
  padding-bottom: 48px;
}

.rodape .footer-sep hr.sep {
  margin: 20px 36px 33px;
  background-color: #4b4b4a;
}

.single-produtos .rodape .footer-sep .logo-footer {
  margin-left: 36px;
  opacity: 0.7;
}

.rodape ul.social i {
  color: #fff;
  border:0.7px solid #cdcdcd;
  width: 30px;
  height: 30px;
  border-radius:17px; /* half of width + borders */ 
  line-height: 30px; /* vertical center */
  text-align: center; /* horizontal center */ 
  margin-right: 8px;
  
}





@media (max-width: 760px) {
  .trading-news.trading-news-v2 #monitor-area .fundo .item-setting {
    position: absolute;
    top: 10px;
  }  
  .trading-news.trading-news-v2 #monitor-area .fundo .item-search {
    position: absolute;
    top: 205px;
  }
  .trading-news.trading-news-v2 #monitor-area .fundo .item-workspace {
    position: absolute;
    top: 107px;
  }
  .trading-news.trading-news-v2 .top-header {
    height: 1225px;
  }

}
