/******************************
  Autor: Romulo Nascimento
  Data: 17/09/2020
  
  0. CSS Reset
  1. General
  2. Header
  3. Cities
  4. table-of-contents
  5. Stats
  6. Footer
  
  *****************************/

/******************************
  1. CSS reset
  *****************************/

/******************************
  1. General
  *****************************/

body {
font-family: Clario;
color: #212223;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

.margem {
  margin-top: 10px;
}
  
::selection {
    background: #212223;
    color: #FFFFFF;
}

h1 {
    font-size: 32px;
    font-weight: 600;
}

 h2 {
    font-size: 24px;
    font-weight: 600;
color: #212223;
 }  

 h4 {
    font-size: 24px;
    font-weight: 600;
color: #212223;
 }  


/******************************
  2. Header
  *****************************/
.icon-thomson-reuters {
  display: inline-block;
  overflow: hidden;
  background-color: transparent; 
  background-image: url(../brand/logo.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  width: 640px;
  height: 162px;
  background-position: 0 10;
  top: 10px;
  margin-top: 0px; 

}


nav {
    font-color: #FFFFFF;
    background: #123015;    
    box-shadow: none;
    font-weight: 400;
    z-index: 1000;
}

.segundonav{
  background: #F8EADD;
}

.segundonav{
  color: #212223;
}

.segundonav a{
  color: #212223;
}



.tituloQ {
 color: #E5E5E5;
 background: #212223;
  font-size: 1.2em;
  text-align: center;
  font-weight: 400;
  padding: 10px;
}

.item{
  font-family: Clario;  
  font-size: 14px;
  text-align: left;  
  padding: 5px;
  background: #E5E5E5;
  color: #000000;
  margin-bottom: 2px;

}

/*
  Laranja Quarter ativo
  
  Titulo FF5900
  Item  FF9100
  Todos os items do blocolaranja
  ficam com a cor certa
*/
.blocolaranja .tituloQ{
  background: #D64000;
  color: #FFFFFF;
}

.blocolaranja .item {
    color: #123015;
    background: #F8EADD;
}

/*
  Azul Quarter ativo
  
  Titulo 0099CA
  Item  FF9100
  Todos os items do blocolaranja
  ficam com a cor certa
*/
.blococinza .tituloQ{
  background: #9F9F9F;
  color: #000000;
}

/* Tamanho total do container */
.container{
            width: 95%;
            max-width:initial;
            > .row{
                margin: 0;
                > .col{
                    padding: 0;
                }
            }
        }

/* Espaço entre as colunas */

 .row .col.s12 {
  padding: 2px;
}

/******************************
  Tiles do estilo da TR
  *****************************/
.app-tile {
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  width: 170px;
  height: 170px;
  background: linear-gradient(180deg,#D64000 0,#D64000 100%);
  cursor: pointer;
  display: inline-block;
  word-break: break-word;
  border-radius: 25px
}

.app-tile .app-name {
overflow: hidden;
color: #FFFFFF;
font-family: Clario;
position: absolute;
bottom: 20px;
line-height: normal;
padding-right: 15px;
padding-left: 15px;
font-size: 22px;
}

.launch-icon {
color: #FFFFFF;
position: absolute;
top: 8px;
right: 8px;
}        


.row .col.offset-l0 {
   margin-left: auto;
 }

.linksComBotoes{
  padding: 0px 0px 0px 0px;
  margin-bottom: 20px;  
}

.linksComBotoes .btn{
  background-color: #37383D;
  color: #FFFFFF;
}


 .esteRoadmap{
  background: #FCF2DA;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px
  
 }


.btnLaranja{
  color: #FFFFFF !important;
  background: #d64000;
}

.btnAzul{
  color: #FFFFFF !important;  
  background: #FCF2DA;
}

.divlaranjatr{
    color: #FFFFFF !important;
  background: #FA6400;
}
.pad_eos{padding-left: 20px; padding-top: 0px;}

 .divlaranjatr h1 {
    font-size: 64px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: left;
 }  

 .divlaranjatr h6 {
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
 }  

     .parallax-container {
      height: 300px;
    }


.page-footer {
 background-color: #123015;
 background: solid;
 position: fixed;
 left: 0;
 bottom: 0px;
 height: 80px;
 width: 100%;
 
    }
	
	
      
      
      

.footer-copyright {
	
position: absolute;
width: 100%;
color: #FFFFFF;
line-height: 20px;
font-size: 0.7em;
text-align: right;
font-family: Clario;
bottom:0;
 }