@charset "UTF-8";
/*
Theme Name: Irani Celulose S.A - Site Institucional
Theme URI: http://www.irani.com.br
Author: Gasoline Digital - @GasolineDigital
Author URI: http://www.gasoline-digital.com
Version: 1.0
Text Domain: iranisa
*/

/* CSS Document */

/*--------- General --------*/
.no-margin{margin: 0px;}
.no-margini{margin: 0px !important;}
.no-padding{padding: 0px;}
.padding-left-0{padding-left: 0px;}
.padding-right-0{padding-right: 0px;}
.padding-bottom-0{padding-bottom:0px;}
.padding-top-0{padding-top:0px;}
.padding-top-0i{padding-top:0px !important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.indent {text-indent: -9999px;}
.upper {text-transform: uppercase;}
.clear {clear: both;}
.w100{width: 100%;}
.w80{width: 100%;}
img.w100{width: 100%; height: auto;}
img.w80{max-width: 80% !important; height: auto  !important;}
img.w60{max-width: 60% !important; height: auto  !important;}
.fl-left {float: left;}
.fl-right {float: right;} 
.m-auto {margin: 0 auto;}
.m-left-x{margin-left: 5px;}
.m-left-x2{margin-left: 10px;}
.m-left-x3{margin-left: 15px;}
.m-left-x4{margin-left: 20px;}
.m-right-x{margin-right: 5px;}
.m-right-x2{margin-right: 10px;}
.m-right-x3{margin-right: 15px;}
.m-right-x4{margin-right: 20px;}
.m-top-0{margin-top: 0px;}
.m-top-x{margin-top: 5px;}
.m-top-x2{margin-top: 10px;}
.m-top-x2i{margin-top: 10px !important;}
.m-top-x3{margin-top: 15px;}
.m-top-x3i{margin-top: 15px !important;}
.m-top-x4{margin-top: 20px;}
.m-top-x5{margin-top: 30px;}
.m-top-x5i{margin-top: 30px  !important;}
.m-top-x6{margin-top: 40px;}
.m-top-x6i{margin-top: 40px  !important;}
.m-top-x7{margin-top: 60px;}
.m-top-x7i{margin-top: 60px  !important;}
.m-bottom-0{margin-bottom: 0px !important;}
.m-bottom-x{margin-bottom: 5px;}
.m-bottom-x2{margin-bottom: 10px;}
.m-bottom-x3{margin-bottom: 15px;}
.m-bottom-x4{margin-bottom: 20px;}
.m-bottom-x6{margin-bottom: 40px;}
.inline {display: inline;}
.block {display: block;}
.hide {display: none;}
.not-display {display: none;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.overflow-hidden {overflow: hidden;}
.scroll {overflow: auto; width: 100%;}
.normal{font-weight: normal;}
.light{font-weight: 200;}
.semibold{font-weight: 500 ;}
.inline-block{display: inline-block;}
.white{background: #fff;}
.equidistance{ 
  display: flex;
  justify-content: space-between;       
}
.break-line-device{display: none;}
.parallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}


.for-device {display: none;} 
.for-device.flex {display: none;} 
.for-mobile {display: block;}
.for-mobile.flex {display: flex;}
.for-esm{display: block;}
.for-sm{display: none;}
.for-md{display: none;}
.for-lg{display: none;}
.for-xml{display: none;}



.col-md-25, .col-md-24 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-17{   
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px){
  .col-md-25, .col-md-24 {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
  }    
  .col-md-17{
      -ms-flex: 0 0 14.2%;
      flex: 0 0 14.2%;
      max-width: 14.2%;

  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.for-device {display: none;} 
  .for-device.flex {display: none;} 
	.for-mobile {display: block;}
  .for-mobile.flex {display: flex;}  
	.for-sm{display: block;}
	.for-esm{display: none;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.for-device {display: none;} 
  .for-device.flex {display: none;} 
	.for-mobile {display: block;}
  .for-mobile.flex {display: flex;}  
	.for-md{display: block;}
	.for-esm{display: none;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.for-device {display: block;} 
  .for-device.flex {display: flex;} 
	.for-mobile {display: none;}
  .for-mobile.flex {display: none;}
	.for-lg{display: block;}
	.for-esm{display: none;}
  .break-line-device{display: block;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.for-device {display: block;} 
  .for-device.flex {display: flex;} 
	.for-mobile {display: none;}
  .for-mobile.flex {display: none;}
	.for-xl{display: block;}
	.for-lg{display: block;}
  .for-esm{display: none;}
}

.modal-header{border: 0px;      padding: 0px;     padding-right: 15px;     padding-top: 15px;}
.modal-body{padding-top: 0px;}    
.modal-body h3{font-size: 18px;}
.modal-body b, 
.modal-body strong{font-weight: 500;}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
  margin-right: -15px;
  margin-left: -15px;  
}

/*--------- Colors --------*/

.white{color:#ffffff !important;}
.green{color:#005a4e !important;}
.green-light{color:#63b246 !important;}
.green-clear{color:#aebea4 !important;}
.green-ocean{color:#00a699 !important;}
.green-dark{color:#54662E  !important;}
.green-dark h2{color:#54662E  !important;}
.black{color:#000000 !important;}
.gray{color:#606061 !important;}
.bg-green{background-color:#DCE5CA;}
.bg-green2{background-color:#005a4e;}
.bg-green3{background-color:#008f82; }
.bg-green4{background-color:#a3be3a; } 
.bg-green-light{background-color:#63b246;}
.bg-ocean{background: #00a699;}
.bg-yellow{background: #f6f4d4;}
.bg-blue{background: #3cbad8;}
.bg-blue-light{background:#c1e9ee;}

.florestal{color:#a3be3a;}
.bg-florestal{background-color:#a3be3a;}

.papel{color:#3cbad8;}
.bg-papel{background-color:#3cbad8;}

.embalagem{color:#00a699;}
.bg-embalagem{background-color:#00a699;}

.resina{color:#d5cb27;}
.bg-resina{background-color:#d5cb27;}

.forestry{color:#a3be3a;}
.bg-florestal{background-color:#a3be3a;}

.paper{color:#3cbad8;}
.bg-papel{background-color:#3cbad8;}

.packing{color:#00a699;}
.bg-embalagem{background-color:#00a699;}

.resin{color:#d5cb27;}
.bg-resina{background-color:#d5cb27;}


.icon-geral {display: inline-block;}


.icon-geral
{
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1px;
  left: 50%;
  margin-left: -40px;
  background-size: 100%;
}

.icon-ca{
background-image: url(imgs/sprites/icon-ca.png);
} 
.icon-expe{
background-image: url(imgs/sprites/icon-expe.png);
} 
.icon-prestacao{
background-image: url(imgs/sprites/icon-prestacao.png);
} 
.icon-protecao{
background-image: url(imgs/sprites/icon-protecao.png);
} 
.icon-relaci{
background-image: url(imgs/sprites/icon-relaci.png);
} 
.icon-seguras{
background-image: url(imgs/sprites/icon-seguras.png);
}



.icon.icon-embalagem, .icon.icon-florestal, .icon.icon-papel, .icon.icon-resina,
.icon.icon-p-certificado, .icon.icon-p-floresta, .icon.icon-p-indice, .icon.icon-p-pontos, .icon.icon-p-relatorio{
  background-image: url(imgs/sprites.png);
  background-repeat: no-repeat;
	display:block;
}

.icon.icon-embalagem{
  background-position: -150px 0;
  width: 95px;
  height: 95px;
}

.icon.icon-florestal{
  background-position: 0 0;
  width: 95px;
  height: 95px;
}

.icon.icon-papel{
  background-position: -300px 0;
  width: 95px;
  height: 95px;
}

.icon.icon-resina{
  background-position: -450px 0;
  width: 95px;
  height: 95px;
}


.icon-p-certificado{
  background-position: -400px -200px ;
  width: 50px;
  height: 47px;
}

.icon-p-floresta{
  background-position: -300px -200px ;
  width: 50px;
  height: 47px;
}

.icon-p-indice{
  background-position: -200px -200px ;
  width: 50px;
  height: 47px;
}

.icon-p-pontos{
  background-position: -100px -200px ;
  width: 50px;
  height: 47px;
}

.icon-p-relatorio{
  background-position: 0 -200px ;
  width: 50px;
  height: 47px;
}


.nav-previous a, .nav-next a{ font-size:18px; color:#005a4e;} 
.nav-previous:hover a, .nav-next:hover a{color:#63b246;}


.custom-select.is-invalid, .form-control.is-invalid,div.was-validated, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border:2px solid #dc3545;}

/*--------- WP Core --------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}