@charset "UTF-8";

/* Home CSS */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  main.home .banner-home{ 
    width: 100%; height: 426px; background-color: #dce5ca; 
    background-position:  center; 
    /*background-attachment:fixed; */
    background-size: cover; background-repeat: no-repeat; 
    overflow: hidden;
    margin-bottom: 20px;
  }

  main.home .banner-home.banner-home-ri{ 
	height: 450px;
    margin-bottom: 0px;
  }


  main.home .banner-content{
      position: absolute;
      left: 15px;
      /*top: 600px;*/
	  top:0px;
      padding-top: 45px;
      color:#000000;
  }

  main.home .banner-home-ri .container,   main.home .banner-home-ri .row,   main.home .banner-home-ri .col-md-6{height:100%;}

  main.home .banner-home-ri .banner-content{
	padding-top:0px;
	height:100%;
	left:0px;
  }
  main.home .banner-home-ri .banner-content .banner-content-align{
		position: relative;
    	top: 50%;
    	transform: translateY(-50%);
		left: 15px;
      	color:#fff;
      	padding-top:0px;
  }

  main.home .banner-content h3{font-weight: normal; font-size: 17px; letter-spacing: -1px; text-transform: uppercase;}
  main.home .banner-content h2{font-weight: 200; font-size: 38px;}
  main.home .banner-content p{font-weight: 200; font-size: 18px; }
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 991px) {
  main.home .banner-home{ 
    width: 100%; height: auto; background-color: #dce5ca; 
    background-position: center top; 
   /* background-attachment: fixed; */
    background-size: contain; 
    background-repeat: no-repeat; 
  }

  main.home .banner-home .container{padding: 0px;}

  main.home .banner-content{
    margin-top: 43vh;
    background: #005a4e;
    text-align: center;
    color: #fff;
    padding: 20px;
  }

  main.home .banner-content h3{font-weight: normal; font-size: 14px; text-transform: uppercase;}
  main.home .banner-content h2{font-weight: 200; font-size: 26px;}
  main.home .banner-content p{font-weight: 200; font-size: 16px; }
  main.home .banner-content .btn-01{border:0px; background: none; color:#fff; text-decoration: underline; display: block; text-underline-position: under;}
  
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  main.homepage .banner-homepage{ 
    width: 100%; height: 426px; background-color: #dce5ca; 
    background-position:  center; 
    /*background-attachment:fixed; */
    background-size: cover; background-repeat: no-repeat; 
    overflow: hidden;
    margin-bottom: 20px;
  }

  main.homepage .banner-content{
      position: absolute;
      left: 15px;
      /*top: 600px;*/
    top:0px;
      padding-top: 45px;
      color:#000000;
  }

  main.homepage .banner-content h3{font-weight: normal; font-size: 17px; letter-spacing: -1px; text-transform: uppercase;}
  main.homepage .banner-content h2{font-weight: 200; font-size: 38px;}
  main.homepage .banner-content p{font-weight: 200; font-size: 18px; }
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 991px) {
  main.homepage .banner-homepage{ 
    width: 100%; height: auto; background-color: #dce5ca; 
    background-position: center top; 
   /* background-attachment: fixed; */
    background-size: contain; 
    background-repeat: no-repeat; 
  }

  main.homepage .banner-homepage .container{padding: 0px;}

  main.homepage .banner-content{
    margin-top: 43vh;
    background: #005a4e;
    text-align: center;
    color: #fff;
    padding: 20px;
  }

  main.homepage .banner-content h3{font-weight: normal; font-size: 14px; text-transform: uppercase;}
  main.homepage .banner-content h2{font-weight: 200; font-size: 26px;}
  main.homepage .banner-content p{font-weight: 200; font-size: 16px; }
  main.homepage .banner-content .btn-01{border:0px; background: none; color:#fff; text-decoration: underline; display: block; text-underline-position: under;}
  
}


section.numbers{ text-align: center; }
section.numbers h3{font-weight: normal; font-size: 18px; text-transform: uppercase; color: #000;}
section.numbers h2{font-weight: 200; font-size: 40px;  color: #000; margin-bottom: 25px;}
section.numbers .numbers-box{color:#63b246; font-size: 30px; font-weight: lighter; text-align: left; padding-left: 52px;}
section.numbers .numbers-box sup{display: block; clear: both;  top:20px; }
section.numbers .numbers-box sub{display: inline-block; position: relative; float: left; margin-top: -50px; margin-left: 45px; padding-bottom: 40px;}

section.numbers .numbers-box.numbers_digitos_2 sub{margin-left: 86px;}
section.numbers .numbers-box sub.d2{margin-left: 86px;}
section.numbers .numbers-box sub.d0{margin-left: 0px; margin-top: -45px;}
section.numbers .numbers-box sup, section.numbers .numbers-box sub{font-size: 23px; font-weight: 200; line-height: 23px;}
section.numbers .numbers-box .num{font-size: 70px; font-weight: 200; margin-left: -3px;}
section.numbers .numbers-box .title, section.numbers .numbers-box b, section.numbers .numbers-box strong{top:-22px; position: relative; font-weight: normal;}
section.numbers .numbers-box .title.only{display: block; top: -30px;}

section.numbers .numbers-box.numbers-full sub{margin-left: 0px; margin-top: -45px;}
section.numbers .numbers-box.numbers-full strong, section.numbers .numbers-box.numbers-full b{display: block; top: -30px;}





section.home-news{position: relative; text-align: center; margin-top: 35px; margin-bottom: 25px;}
section.home-news h3{font-weight: normal; font-size: 18px; text-transform: uppercase; color: #000; margin-bottom: 0px;}
section.home-news .col-md-12 p{font-weight: 200; font-size: 16px;  color: #606061; max-width: 500px; margin: auto; margin-bottom: 20px; display: block;}

section.home-news .box-news{text-align: left;  border-top: 3px solid #fff; cursor: pointer; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; margin-top: 5px; margin-bottom: 5px;}
section.home-news .box-news .category{color:#63b246; font-size: 14px; font-weight: 200;}
section.home-news .box-news h4{color:#606061; font-size: 22px; font-weight: normal;}
section.home-news .box-news p{color:#606061; font-size: 16px; font-weight: normal;}
section.home-news .box-news a:hover{text-decoration: none;}
section.home-news .box-news:hover{background-color:#c9c9c9; border-top: 3px solid #63b246;}


/* Gráficos Home RI*/
main .ri-graficos{ position:relative;}
main .ri-graficos h2,
	main .ri-graficos h4{color:#00A699;text-align:center; font-weight: 200; }

	main .ri-graficos h2{margin-bottom:45px;}
	main .ri-graficos h4{margin-top:30px;}
main .ri-graficos h6{font-size:0.850rem; color:#AEBEA4; text-align:center; margin-bottom:15px;}
main .ri-graficos .area_grafico{  overflow: hidden; z-index: 500; width:100%; height:400px;}
main .ri-graficos .col-grafico{border-right: 1px dotted #AEBEA4;}	
main .ri-graficos .col-grafico:last-child{border-right:0px;}
main .ri-graficos .col-grafico table{width:calc(100% - 20px); border:0px; padding:0px; font-size:0.825rem; margin:auto; table-layout: fixed; font-weight:600; margin-top:-15px; z-index:600; position:relative;}
main .ri-graficos .col-grafico table .color1 { color: #BD2136;}
main .ri-graficos .col-grafico table .color2 { color: #606061;}
main .ri-graficos .col-grafico table .color3 { color: #005A4E;}	
main .ri-graficos .col-grafico table th{width:calc(100% / 2); text-align:left; padding:2px 0; }
main .ri-graficos .col-grafico table td{width:calc(100% / 2); padding:2px 0; text-align:center;}
main .ri-graficos .col-grafico:nth-child(1) table td, main .ri-graficos .col-grafico:nth-child(1) table th{width:calc(100% / 11);}
main .ri-graficos .legenda span.icon{position:absolute; display:inline-block; width:17px; height:17px; top:5px; left:0px;}	
main .ri-graficos .legenda li{position:relative; padding-left:24px; display:inline-block; margin-left:23px; margin-right:23px; }
main .ri-graficos ul.legenda{list-style-type:none; padding:0px; margin-top:25px; text-align:center;}
main .ri-graficos ul li .ebitda{ background:#F59120;}
main .ri-graficos ul li .receita_liquida{ background:#00A699;}
main .ri-graficos ul li .receita_bruta{background:#63B246;}
main .ri-graficos ul li .receita_bruta_yoy{background:#BD2136;}
main .ri-graficos ul li .margem_ebitda{background:#606061;}
main .ri-graficos ul li .ebitda_yoy{background:#005A4E;}
main .ri-graficos a.link-moeda{position:absolute; right:15px; top:35px; color:#005A4E; font-weight:400; display:none; } 
main .ri-graficos a.link-moeda.pt-br.dolar{display:inline-block;}
main .ri-graficos a.link-moeda.en.real{display:inline-block;}
main .ri-graficos .area_grafico.loading{
	background-color: #000;
    -webkit-mask-image: url(../imgs/loading.svg);
    mask-image: url(../imgs/loading.svg);
    background-size: 100%;
    -webkit-background-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
}



/* Medium devices (tablets, 768px and up)*/
@media (max-width: 991px) {
	main .ri-graficos .col-grafico{ margin-bottom:30px;}
	main .ri-graficos .area_grafico:first-child{ height:400px;}
	main .ri-graficos .area_grafico{height:250px;}	
	main .ri-graficos .legenda li{display:block;}
	main .ri-graficos ul.legenda{text-align:left;}
}