
@font-face {
    font-family: "monteserrat";
    src: url("monteserrat.otf") format("truetype");
}
.moon-fina{
	font-family: moon-fina, sans-serif;
}
.moon{
	font-family: moon, sans-serif;
}
.escolha{
	font-family: moon, sans-serif;
	font-size:23px;
	color:#fff;	
	text-align:center
}
.escolha a{ 
	color: #fff;	 
}
.borda-home{
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
	padding: 80px 10px;
}
.borda-home:hover{
	background-color:rgba(255,255,255,0.2);
}
 
.hvr-grow {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.banner{ 
	font-family: moon-fina, sans-serif;
	background-position:top; 
	background-size:cover; 
	padding-bottom: 90px;
	text-align: center; 
	font-size: 18px;
	color: #fff; 
}
.banner h1{ 
	color:#fff; 
	margin: 0 auto -8px;
	font-family: moon, sans-serif;
}
.banner .moon-fina{ 
	color:#fff;
	font-size:16px; 
	text-align:left;
	margin-top: 35px;
	margin-bottom:60px;
}
.banner .moon-fina a { 
	-webkit-transition:0.5s; 
	-moz-transition:0.5s; 
	-o-transition:0.5s;	
	transition:0.5s;	
	color:#fff;
}
.banner .moon-fina a:hover { 
	margin-left: -10px;  
}
.banner .moon-fina img{ 
	margin-top: -30px; 
	max-height:80px;
	float:right; 
}
.form-contato{
	overflow:hidden; 
	background-color:#fff;
	padding: 80px 0 40px;
}
.icones-contato{	
	font-size:18px; 
	padding: 20px 0 40px;
	border-left: 1px solid #2a496a; 
}
.icones-contato .row{	margin-top:20px; }
.icones-contato .col-sm-2{	padding:0; text-align:center;}

.btn-azul {
	color: #fff;
	font-size: 14px;
	padding: 7px 25px 5px;
	font-family: moon-fina;
	background-color: #2a496a;
	-webkit-transition:0.5s; 
	-moz-transition:0.5s; 
	-o-transition:0.5s;	
	transition:0.5s;	
}
.btn-azul:focus,
.btn-azul.focus {
  color: #333;
  background-color: #19324c;
}
.btn-azul:hover {
  color: #fff;
  background-color: #19324c;
}
.rodape{
	color: #fff;
	font-size: 16px;
	position: relative;
	padding: 40px 0 40px;
	background-color: #333; 
	font-family: moon-fina,sans-serif;
} 
.rodape p, .rodape h3 {
	color:#000;
	font-family: montserrat,sans-serif;
}
.logo-rodape{
	margin-top: 20px;
	margin-bottom: 8px;
	max-height: 280px;
}
.contato-paginas{
	color:#fff;
	font-size:22px; 
	overflow: hidden;
	padding: 60px 0 60px 0;
	background-color:#21597a; 
	font-family: effra, monteserrat, sans-serif;
}
.contato-paginas p{ color:#fff;font-size: 20px;}
.contato-paginas h5 {
	color: #fff; 
	font-size: 23px;
	font-weight: bold;
	font-family: effra-bold, sans-serif;
}
.btn-marrom {
	background-color: #333;
	border: 1px solid #000;
	font-family: effra-bold;
	padding: 6px 20px;
	font-size: 17px;
	color: #fff;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
.btn-marrom:focus,
.btn-marrom.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-marrom:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
} 
.texto1-empresa{
	font-size: 20px;  
	text-align: center; 
	font-family: moon, sans-serif;
}
.logo-empresa{
    margin-top: 18px;
}

.segmentos-pg{
	color: #333;	
	font-size: 18px;
	text-align: left;
	font-family: moon, sans-serif;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
	padding: 8px 0px 6px;
}
.segmentos-pg:hover{
	background-color:rgba(255,255,255,0.2);
}
.moon-fina a { 
	-webkit-transition:0.5s; 
	-moz-transition:0.5s; 
	-o-transition:0.5s;	
	transition:0.5s;
}
.moon-fina a:hover { 
	margin-left: -10px;  
}  
.box1-home{ 
	z-index: 999;
	margin-top: -40px;
	margin-bottom: -42px;
	padding: 6px 30px 7px;
	position: relative;
	text-align: center;
	width: 600px;
	background-color: #f09a02;
	box-shadow: 0px 10px 35px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 35px -15px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 10px 35px -15px rgba(0,0,0,0.75);
}
.divisor-home{
	color:#fff;
	padding-top:80px;
	padding-bottom:80px;
	background-color:#f0f0f0;
	background-image:url("../../img/paginas/monitoramento.jpg");
	background-size: cover;
}
.divisor-home h5{ color:#fff; }
.divisor-home h5 b{ color: #f09a02; font-family: moon, sans-serif;}

.divisor-servicos{
	color:#fff;
	padding-top:80px;
	padding-bottom:80px;
	background-color:#f0f0f0;
	background-image:url("../../img/paginas/bg-servicos.jpg");
	background-size: cover;
}
.divisor-servicos h5{ color:#fff; }
.divisor-servicos h5 b{ color: #01b5c8; font-family: moon, sans-serif;}

.contato-box{
	background-image:url("../../img/paginas/box-contato.jpg");
	color:#fff;
	font-size:22px; 
	padding: 60px 0 60px 0;
	font-family: effra, monteserrat, sans-serif;
}
.energia-box{
	background-image:url("../../img/paginas/contato-energia.jpg");
	color:#fff;
	font-size:22px; 
	padding: 60px 0 60px 0;
	font-family: effra, monteserrat, sans-serif;
}
.servicos-box{
	color:#fff;
	font-size:22px; 
	padding: 60px 0 60px 0;
	font-family: effra, monteserrat, sans-serif;
	background-image:url("../../img/paginas/contato-servicos.jpg");
}
.contato-box p, .energia-box p, .servicos-box p{ color:#000;font-size: 20px;}
.contato-box h5, .energia-box h5, .servicos-box h5 {
	color: #fff; 
	font-size: 23px;
	font-weight: bold;
	font-family: effra-bold, sans-serif;
}
.divisor-cozinha{
	/* background-image:url("../../img/paginas/bg-alimentos.jpg"); */
	font-family: moon, sans-serif;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 130px 0 0;
	overflow: hidden;
	font-size:18px;
}
.divisor-cozinha .col-sm-4{
	text-align:center;
}
.box-escolha{
	padding: 20px 5px;
	border: 1px solid #03466c;
	display: block;
	font-family: moon, sans-serif;
	font-size:18px;
	color: #888;
	-webkit-transition:0.5s; 
	-moz-transition:0.5s; 
	-o-transition:0.5s;	
	transition:0.5s;
} 
.box-escolha:hover,.box-escolha:active,.box-escolha:focus,.box-escolha.active { 
	background-color: #ffc500; 
	color: #000;
} 
.servicos-energia-box{
	background-color:#fff; 
	padding:50px 0 0; 
	text-align:center;
}
.servicos-energia-box .box-escolha:hover,.box-escolha:active,.box-escolha:focus,.box-escolha.active { 
	color: #000; 
	background-color: #c6e5f7;
} 

.img-chef{
	margin-top: -165px;
	max-height: 470px;
	float: right;
	z-index: 9;
} 
.divisor-energia{
	color:#000;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#26CD80; 
}
.divisor-energia h2{
	color: #000;
	font-size:60px;
	font-weight:bold;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.divisor-energia h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	font-family: moon-fina, sans-serif;
}
.energia1{
	background-image:url("../../img/paginas/bg-energia1.jpg");
	background-repeat: no-repeat; 
	font-family: moon, sans-serif;
	font-size:18px;
	padding: 150px 0 60px;
	background-color: #fff;
}
.energia-contratacao{
	padding:0 0 130px;
	background-color:#fff; 
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url('../../img/paginas/bg-contratacao.jpg'); 
	font-family: moon-fina, sans-serif;
	font-weight: 100;
	font-size: 17px;
	color: #333;
}
.circle {
	width: 10px;
	float: left;
	height: 10px;
	margin-top: 5px;
	margin-right: 10px;
	border-radius: 50%;
	background: #26CD80;
}
.slide-energia{
	padding: 200px 0 250px;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center 0;
	background-image: url('../../img/paginas/slide2-bg.jpg');  
}
.slide-alimentacao{
	padding: 200px 0 250px;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center 0;
	background-image: url('../../img/paginas/slide1-bg.jpg');  
} 
.slide-servicos{
	padding: 200px 0 250px;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center 0;
	background-image: url('../../img/paginas/slide3-bg.jpg');  
} 
.hvr-shrink { 
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.hvr-forward { 
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.produtos-col4{
	margin-bottom: 30px;
}
.produtos-col4 b{
	font-size:18px;
	text-align:left;
}
.produtos-col4 p{
	margin:0;
} 
.produtos-col4 .col-xs-6 {
	padding:15px;
}
.produtos-col4 img {
	max-height: 150px;
}
.servicos-produtos{
	width: 100%;
	height: 250px;
	text-align:center;
	padding: 40px 5px;
	border:2px solid #999;
	display: inline-block;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.3s;
}
.servicos-produtos:hover{ 
	border:2px solid #01b5c8; 
}
.servicos-produtos h4{
	color: #999;
	line-height: 0.8;
	font-family: montserrat;
	font-weight: 100;
	font-size: 28px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.servicos-produtos:hover h4{ 
	color: #01b5c8;
}
.servicos-produtos .img0 {
	opacity:1;
  transition-duration: 0.8s;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
}
.servicos-produtos:hover .img0 {
	opacity:0;
}
.servicos-produtos .img1 {
	opacity:0;
	margin-top: -95px;
  transition-duration: 0.8s;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
}
.servicos-produtos:hover .img1 {
	opacity:1;
}






.alinhar-direito{float:right} 
.fonte-subtitulo{font-size: 20px;}
.sobre-padding{padding:80px 0 60px; background-color:#fff;}
.alimentacao-padding{padding:130px 0 60px; background-color:#fff;}
.pad-tel{padding:8px 0 8px 8px;}
.implantacao-padding{margin-bottom:140px;}
.refeicao-box{border-right:1px solid #888; padding:40px 20px 40px 0px;}
.energia2{text-align:center; margin-top:60px}
 
 
/* --- MD --- */
@media (max-width: 1199px) {	
	.topo{font-size:14px;}
}
 
/* --- SM --- */
@media (max-width: 991px) {	
}

/* --- XS --- */
@media (max-width: 767px) {	
	.contato-formulario{padding:2px 10px;}
	.alinhar-direito{float:none}
	.tab-content {	padding: 20px 0px;}
	.nav-tabs > li {width: 100%;}	
	.navbar-default .navbar-nav > li > a {padding-bottom: 10px !important;padding-top: 10px !important;}
	.navbar-default .navbar-collapse {text-align: left;;}
	.borda-home{margin:10px 5px 20px 5px}
	.escolha { font-size: 19px; }
	.sobre-padding{padding: 0;}	
	.alimentacao-padding{padding: 40px 10px;}	
	.logo-empresa { margin-top: 35px; margin-bottom: 50px;}
	.segmentos-pg{text-align:center;margin-bottom:15px}
	.pad-tel{padding:8px 0;}
	.icones-contato { text-align: center; }
	.rodape{text-align:center;}
	.divisor-cozinha { padding: 50px 0; }
	.divisor-cozinha .col-sm-4 {margin-bottom: 25px;}
	.implantacao-padding{margin-bottom:30px;}
	.refeicao-box{border-right:none; padding:40px 0px 40px 0px;}
	.energia1{ padding: 30px 0 60px; }
	.energia2{ margin-top:00px}
	.slide-energia { padding: 50px 0 50px;}
	.slide-servicos { padding: 50px 0 50px;}
	.slide-alimentacao { padding: 50px 0 50px;}
	.topo { height: auto !important; padding-bottom: 15px; }
}

@media (max-width: 550px) {
	.rodape{padding:15px;}
	.escolha {font-size: 15px;}
	.fonte-subtitulo{font-size: 16px;}
}
