@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

body{-webkit-animation: fadeIn 2s ease-in-out;-moz-animation: fadeIn 2s ease-in-out;-o-animation: fadeIn 2s ease-in-out;animation: fadeIn 2s ease-in-out}


.row-xs{height: 100% !important}
.middle-xs {-webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;}
.center-xs {-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center !important;}
.row-centered {text-align:center !important;}
.col-centered {display:inline-block !important; float:none !important; margin-right:-4px !important; vertical-align:top !important;}

/*IMAGENS*/
.box-img {
  width: 100%;
}

.img-cover{
  width: 100% !important;
  object-fit:cover !important;
  object-position: center top !important;
}

.height-img-banner img{
  height: 750px;  
}

.height-img-default img{
  height: 280px;  
}

.height-img-smin img{
  height: 64px;
}

.height-img-min img{
  height: 160px;
}

.height-img-max img{
  height: 321px;
}

/*paginas individuais*/
.img-page-default img{
  height: 249px; 
}
.full-img-page img{
  height: 269px; 
}

/*TABLETS E DESKTOP*/
@media (min-width: 768px) and (max-width: 991px){
  .height-img-banner img{
	  height: 600px;  
	}
  
  .height-img-default img{
	height: 229px;
  }

  .height-img-max img{
	height: 269px;
  }

  .img-page-default img{
	height: 173px; 
  }
}


@media(min-width: 992px) and (max-width: 1199px){
	.height-img-banner img{
	  height: 450px;  
	}
	.height-img-default img{
	  height: 242px;  
	}
  .height-img-max img{
	height: 360px;
  }
  .img-page-default img{
	height: 191px; 
  }

  .full-img-page img{
	height: 321px; 
  }
}

@media(min-width: 1200px){
  .height-img-max img{
	height: 455px;
  }
	.img-page-default img{
   height: 191px; 
  }

  .full-img-page img{
	height: 321px; 
  }
}


img[data-src].lazy {
  opacity: 0;
}
img[src].lazy {
  opacity: 1;
  transition: .3s ease-in-out;
}


@media only screen and (max-width: 600px) {
	.text_center_mobile{
		text-align:center !important
	}
}


.tamanho_backgrounds_capas{
	background-size:100% !important
}
@media only screen and (max-width: 600px) {
	.tamanho_backgrounds_capas{
		background-size:cover !important
	}
}

.img-responsive{width:100%; height:auto}


.bg-silver{background:#ECECEC}

.h-margin-bottom-10{margin-bottom:1px !important}
.p-margin-bottom-30{margin-bottom:35px !important; font-weight:500; font-size:16px}

.h-margin-bottom-10-categorias{margin-bottom:5px !important; font-size:25px !important;}
.p-margin-bottom-30-categorias{margin-bottom:30px !important; font-weight:500; font-size:16px}

.box-title-categorias-colecoes{left:0; bottom:0; width:100%; background-color:rgba(255,255,255,0.7); margin-bottom:0; padding:25px 20px; z-index:991; text-transform:uppercase;}
.box-title-categorias-colecoes-span{background:#666666; padding:8px 20px; font-size:14px; color:#ffffff !important}

.txt-copyright{font-size:12px; color:#888888; padding:25px 0 0 0; margin:0; text-align:justify; font-weight:400 !important}

.footer-logo-eco-gardenia{padding-top:5px}
.footer-logo-eco-gardenia > p{padding-top:10px}

.padding-listagem-representantes{padding:25px 0px}

.txt-footer > h4{font-size:15px; color:#ffffff !important; padding:0 !important; margin:0 !important}
.txt-footer > p{font-size:13px; color:#ffffff !important; font-weight:400 !important}

.no-padding-left-right{padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px}

.txt-right-center{text-align:right}
.txt-left-center{text-align:left}

.mt-20{padding-top:10px}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-32{margin-bottom:32px}

.modal-padding{padding:35px; margin:20px 0px}
.modal-cadastro{ background:rgba(255,255,255,0.9)}

.mapa-oculta-mobile{}

.padding-mapa{padding-left:40px}

#map {
    display: none;
}
#map .state {
    cursor: pointer;
}
#map .state .shape {
    cursor: pointer;
    -width: 0;
}
#map .state .label_icon_state {
    fill: #fff;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}
#map .state .label_state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
#map .state:hover .label_state,
#map .state.hover .label_state {
    display: block;
}
#map .model-green .state .shape {
    fill: #222222;
}
#map .model-green .state .icon_state {
    fill: #555555;
}
#map .model-green .state .label_icon_state {
    fill: #fff;
}
#map .model-green .state .label_state {
    fill: #666;
}
#map .model-green .state:hover .shape,
#map .model-green .state.hover .shape {
    fill: #888888;
}
#map .model-green .state:hover .icon_state,
#map .model-green .state.hover .icon_state {
    fill: #888888;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
}

.config-paralax{background-position: 50% auto; background-repeat: no-repeat; background-attachment:fixed !important}

.titulos-banner{font-family: 'Montserrat', sans-serif !important;  font-weight:300 !important; font-size:32px !important; line-height:40px !important; margin-top:110px !important; text-shadow:none !important}
.titulos-banner > strong{font-weight:600 !important; font-size:32px !important; line-height:40px !important;}
.titulos-banner > b{font-weight:600 !important; font-size:32px !important; line-height:40px !important;}
.textos-banner{font-size:18px !important; line-height:25px !important; margin-top:90px !important; text-shadow:none !important}

.titulos-news-lista{font-size:14px !important}
.data-news-lista{font-size:12px !important; color:#999999}
.box-news-lista{height:125px; background:#ffffff}
.box-refe-lista{height:100px; background:#ffffff}

.owl-item.active > div:after {
  content: 'active';
}
.owl-item.center > div:after {
  content: 'center';
}
.owl-item.active.center > div:after {
  content: 'active center';
}
.owl-item > div:after {
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
	.config-paralax{background-position: 50% auto; background-repeat: no-repeat; background-attachment:scroll !important}
	.txt-right-center{text-align:center}
	.txt-left-center{text-align:center}
	.mt-20{padding:0; margin:0}
	.txt-copyright{padding:0}
	.form-margin-top{margin-top:20px}
	.padding-mapa{padding-left:0px}
	.mapa-oculta-mobile{display:none}
	.box-news-lista{height:auto}
	.box-refe-lista{height:auto}
}

@media only screen and (max-width: 600px) {
	.titulos-banner{font-size:26px !important; line-height:40px !important; margin-top:0px !important; padding-left:20px !important; padding-right:20px !important; text-shadow:none !important}
	.textos-banner{font-size:20px !important; line-height:25px !important; margin-top:60px !important; text-shadow:none !important}
}

.carousel-caption{
	top:42%	 !important
}
.carousel-caption > h5,
.carousel-caption > p{
	color:#fff !important;
	text-shadow: 2px 2px 2px #000000 !important;
}
.titulos-banner{
	margin-top:20px !important;
	margin-bottom:5px !important
}
.titulos-banner b,
.titulos-banner strong{
	font-weight:800 !important;
}
.textos-banner {
	margin-top:0px !important	
}
@media only screen and (max-width: 600px) {
	.carousel-caption{
		top:10%	 !important
	}
	.titulos-banner{
		font-size:19px !important;
		line-height:24px !important;
		font-weight:500 !important;
		margin-bottom:5px !important
	}
	.textos-banner {
		font-size:15px !important;
		line-height:18px !important	
	}
}
.banner-fade-image {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
}
.banner-fade-image .after {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: none !important;
	color: #FFF !important;
	background: rgba(0, 30, 42, 0.7) !important;
	display: block !important;
	z-index:992 !important
}

@media only screen and (max-width: 600px) {
	.titulos-banner,
	.titulos-banner > strong,
	.titulos-banner > b{font-size:24px !important; line-height:26px !important;}
	.textos-banner{display:none}
}