/*-- apenas mobile --*/
@media only screen and (max-width: 600px) {
	.col-padding{padding: 60px !important;}
	

	#home-inovacao{height:auto !important; padding: 0px !important;}
	.pr-direita-inovacao{margin-left: 0!important; margin-top: 0 !important;}
	.bg-inovacao{background:url(../img/inovacao@2x-mb.jpg) !important; }
	#segmentos{padding-top: 60px !important;}

	.side-tabs .tab-container{padding: 0 !important;}
	#produtos .linha-tab{border-left:none !important; padding-left:0px !important;}

	/* ---- margins e paddings apenas mobile --*/
	.mt-mb-20{margin-top: 20px;}

  .text-center-mb{text-align: center !important;}
  .text-left-mb{text-align: left !important;}
	
	/*-- historia institucional --*/
	#page-title{padding: 50px 0 !important;}
	#page-title .frase-top{left: inherit !important; right: inherit !important; position: inherit !important; margin: inherit !important; margin-top: 20px !important; width: 100% !important; padding: inherit !important}
	.space-timeline-top{margin-top: 0 !important;}
	.dot-right {display: none !important;}
	.dot-left {display: none !important;}
	.timeline{padding: 0px !important;}
  .btn-show{padding:0 !important; margin: 0 !important;}



}

/*--- apenas tablets ----*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .pr-direita-inovacao {
    margin-left: 0 !important;
    margin-top:160px !important;
  }

  .bg-inovacao {
    background: url(../img/inovacao@2x.jpg);
    background-color: #002A52;
    background-attachment: fixed;
    background-position-x: -263px !important;
    background-position-y: -130px !important;
    background-blend-mode: overlay !important;}

  #home-inovacao{height: auto !important;}

  .tab-container p {margin-top: 40px !important;}
}


/*--- fonte climatmepo 
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,700,700i&display=swap');--*/

/*--- padroes ---*/
.row { flex-wrap: none !important;}
.text-center{text-align: center !important;}
h3{line-height:25px;}
footer{background: #002E52 !important;}

.ft-12{font-size: 12px !important;}
.nomargin{margin: 0 !important;}

.feature-box.fbox-plain.fbox-small p{margin-left: 0px !important;}


/*--- topo ----*/
.ico-previsao-topo{margin-top: -10px; margin-right: 5px;}

/*-- bt fechar lightbox --*/
.mfp-close{background:#fff  !important; color: #002E52 !important; position: absolute !important; right: 20px !important; top: 20px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; z-index: 99999 !important;}


.lang-item a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


/* ----  Botões ----*/

.consultor {
    width: 50px;
    height: 50px;
    padding-top: 1px;
    border-radius: 27px;
    background-color: #0181CC;

    position: fixed;
    bottom: 7%;
    z-index: 1000000;
    right: 6%;
    font-family: Roboto;
    font-size: 16px;
    font-weight: regular;
    font-style: normal;
    font-stretch: condensed;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    color: #fff;
}

.consultor:hover{background: #004983; color: #fff;}
.button-border.button-white{color: #fff; border-color: #fff; text-align: center; border-radius: 1px !important;}
.button-border.button-white a:hover{color: red; border-color:red; text-align: center;}
.bt-tabs{width: 188px;}

.stretched #gotoTop{bottom:50px !important;}

/*--- ocultando botões do slider next and prev
.tparrows{display: none!important;}--*/

/*--- títulos --*/
.ft-600-it{font-weight: 300; font-style: italic; }
.ft-300{font-weight: 300; }

.color-verde-claro-agro{color: #578036 !important;}
.bg-verde-claro-agro{background-color: #578036 !important;}
.bg-verde-escuro-agro{background-color: #065813 !important;}

.color-azul-escuro-ct{color:#002E52 !important; }
.color-azul-medio-ct{color:#004983 !important; }
.color-azul-claro-ct{color:#0181CC !important; }
.color-white{color: #fff !important;}

.bg-azul-escuro-ct{background:#002E52 !important; }
.bg-azul-medio-ct{background:#004983 !important; }
.bg-azul-claro-ct{background:#0181CC !important; }



#page-title{background-image: linear-gradient(137deg, #004983, #002542); padding: 100px 0;}
#page-title h1{color: #fff;}

.frase-top{
	position: absolute ;
    width: 300px ;
    top: -100% ;
    left: auto;
    right: 15px ;
    margin: -10px 0 0 0 ;
    background-color: transparent ;
    padding: 0 ;
    font-size: 14px !important;
    color: #fff !important;

}


/*--- paragrafos ----*/
p{font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.67;
  letter-spacing: normal;

}

/*----- HOME PAGE ------ */
#home-inovacao{height:700px;}
.pr-direita-inovacao{margin-left: 75px; margin-top: 140px;}
/*.bg-inovacao{background:url(../img/inovacao@2x.jpg) right; background-color: #002A52; background-attachment: fixed;}*/
.bg-inovacao{    background: url(../img/inovacao@2x.jpg) no-repeat;
    background-color: #002A52;
    background-attachment: fixed;
    background-position-x: 96%;}


#segmentos{height: auto; background: #f7f7f7;}
#produtos{background: #002E52;}
#produtos .linha-tab{border-left:2px solid #0181CC; padding-left:20px;}


/* ------- INSTITUCIONAL -------*/
.box-missao-visao-valores{background:#002E52; padding:90px 20px; height: 330px;}
#box-missao h3{color: #fff; font-weight: 300; text-transform: uppercase; font-size: 30px;}
#box-missao p{color: #fff;}
#historia{background:#F7F7F7; margin-bottom: 80px; padding: 60px 0; margin-top: -80px;}
#historia h3{color: #004983; }
#historia time{background:#004983; padding: 15px; margin:25px 35px; border-radius: 5px; color: #fff; font-weight: 300; }
.dot-right {
  height: 15px;
  width: 15px;
  background-color: #004983;
  border-radius: 50%;
  display: inline-block;
  margin-left:15px;
}
.dot-left {
  height: 15px;
  width: 15px;
  background-color: #004983;
  border-radius: 50%;
  display: inline-block;
  margin-right:15px;
}

/*--- Smac ---*/
.ico-alerta {
  width: 22.5px;
  height: 22.5px;
  object-fit: contain;
}
.feature-box.fbox-plain.fbox-small h3{font-weight: 300;}

.bg-degrade-azul-escuro{background-image: linear-gradient(160deg, #004983, #002542); color: #fff !important;}
.bg-degrade-verde-escuro{background-image: linear-gradient(160deg, #578036, #06581A); color: #fff !important;}

/*--- Data CLima ---*/
.ico-gota{background: url(../img/ico-gota.svg) red no-repeat center;
    background-size: 40px;}

.ico-chuva{background: url(../img/ico-tempestade2.svg) red no-repeat center;
    background-size: 48px;}

.ico-vento{background: url(../img/ico-vento.svg) red no-repeat center;
    background-size: 48px;}

.ico-umidade{background: url(../img/ico-umidade.svg) red no-repeat center;
    background-size: 25px;}

.bg-comprove{background:url('../img/bg-comprove-dataclima.jpg') fixed no-repeat; background-size:cover;}
       

/*---- Relclima ------*/

.ico-umidade{background: url(../img/ico-umidade.svg) red no-repeat center;
    background-size: 25px;}

.ico-boletim{background: url(../img/ico-tabela.svg) red no-repeat center;
    background-size: 30px;}

.ico-tendencias{background: url(../img/ico-tendencias.svg) red no-repeat center;
    background-size: 40px;}


.ico-historico{background: url(../img/ico-historico.svg) red no-repeat center;
    background-size: 40px;}

.ico-gotas{background: url(../img/ico-gotas.svg) red no-repeat center;
    background-size: 40px;}

.ico-grafico{background: url(../img/ico-grafico.svg) red no-repeat center;
    background-size: 40px;}

.ico-nuvem{background: url(../img/ico-nuvem.svg) red no-repeat center;
    background-size: 45px;}

.ico-media{background: url(../img/ico-media.svg) red no-repeat center;
    background-size: 40px;}

.ico-severo{background: url(../img/ico-severo.svg) red no-repeat center;
    background-size: 45px;}

.ico-passado{background: url(../img/ico-passado.svg) red no-repeat center;
    background-size: 45px;}

.ico-calendario{background: url(../img/ico-calendario.svg) red no-repeat center;
    background-size: 40px;}

.ico-desconforto{background: url(../img/ico-desconforto.svg) red no-repeat center;
    background-size: 40px;}

.ico-telefone{background: url(../img/ico-telefone.svg) red no-repeat center;
    background-size: 35px;}

.ico-relogio{background: url(../img/ico-relogio.svg) red no-repeat center;
    background-size: 40px;}


/*--- Ocean Report ---*/
.ico-alerta2{background: url(../img/ico-alerta.svg) red no-repeat center;
    background-size: 40px;}
.ico-ondas{background: url(../img/ico-altura-ondas.svg) red no-repeat center;
    background-size: 45px;}

/*---- Agroclima Pro ---*/


/*--- Contato ---*/
.contato{background: url(../img/bg-contato.jpg) center no-repeat fixed; background-size: cover;}
#conversion-contato-consultoria-climatempo-1b1c2bff627812d3b816{background-color: none !important;}
.icon-contato{width: 75px !important; height: 75px !important;}

/*--- margins ---*/
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.mb-40{margin-bottom: 40px;}
.mt-60{margin-top: 60px;}
.ml-60{ margin-left: 60px;}
.mt-140{ margin-top: 140px;}

.pb-60{padding-bottom: 60px;}

.col-padding-60{padding: 60px;}

/*---- icone rodape ---*/
.ico-rodape{
  width: 50px;
  height: 50px;
    object-fit: contain;

}


/*-- SLIDER --*/
.demos-filter {
      margin: 0;
      text-align: right;
    }

    .demos-filter li {
      list-style: none;
      margin: 10px 0px;
    }

    .demos-filter li a {
      display: block;
      border: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #444;
    }

    .demos-filter li a:hover,
    .demos-filter li.activeFilter a { color: #1ABC9C; }

    @media (max-width: 991px) {
      .demos-filter { text-align: center; }

      .demos-filter li {
        float: left;
        width: 33.3%;
        padding: 0 20px;
      }
    }

    @media (max-width: 767px) { .demos-filter li { width: 50%; } }

    #welcome_wrapper .tp-loader.spinner2{ background-color: #006dd2 !important; }video::-webkit-media-controls-start-playback-button{display:none !important}.tc-gradient i:before{background:-webkit-linear-gradient(left,#5e05b1 0%,#09ceff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tc-btnshadow{-webkit-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.2) !important;-moz-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.2) !important;box-shadow:3px 5px 10px 0px rgba(0,0,0,0.2) !important}/*setas topo slider */#welcome .uranus.tparrows{ display:none; width:50px; height:50px; background:rgba(255,255,255,0)}#welcome .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#welcome .uranus.tparrows:hover:before{opacity:0.75}