.mobile-only{
  display: initial;
}

.mobile-only img{

}

.image iframe{
  margin-top: -29%;
}

.bg-image, .bg-slideshow {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  height: 46%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

section .section-content, .section .section-content {
  position: relative;
  padding: 70px;
  height: 352px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.text-footer{
  height: 50px;
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: flex-end;
}
.footer-mobile{
  display: inline-flex;
  width: 100%;
}

.img-footer{
  width: 100px;
}

.h-300{
  height: 150px;
}

/*@nelson escondendo os desktop-only*/
.desktop-only{
  display: none;
}

/*@nelson max-width  adicionado*/
html, body {
  /*height: 100%;*/
  max-width: 100%;
 /* overflow-x:hidden;
  -ms-overflow-x: hidden;*/ 
}

/*html, body, div, p {
  margin:0;
  padding:0;
}*/

/*@nelson ajuste para novo header*/
body {
  /*margin-top: 40px;*/
}

.android-logo-image{

}

/*.transition {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
*/
/*HEADER*/
/*@nelson height ajustado*/
/*@nelson z-index maxado*/
header {
  /*position: fixed;
  top: 0;
  width: 100%;*/
  z-index: 9999;
  /*color: #fff;*/
  height: 40px;
  /*background-color: #fff;

  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/
}

/*@nelson ajustado*/
header .header-size {
  height: 40px;
}
/*@nelson font-size ajustado*/
/*adding-left adicionado*/
header .brand-name {
  /*margin-top: 10px;*/
  font-size: 20px;
  /*line-height: 2.0;
  letter-spacing: -2px;*/
  padding-left: 10px;
}

/*header a {
  color: #508485;
}

header a:hover, a:focus {
  color: #508485;
}

.white {
  color: #fff;
}

header.scrolled {
  background-color: #276d6f;
}

header.scrolled a:hover, a:focus {
  color: #fff;
}*/

/*override dos estilos da logo. manter a mesma proporção sempre*/
header .logo{
  height: 24px ;
  width: 135px ;
  margin: 8px 0 0 8px ;
}

/*@nelson componente adicionado*/
/*@nelson criado botao de menu para mobile
 *inclui um fallback para celulares sem suporte a background com url
*/
.menu-stack{
  background:  url('../img/menu_stack.png');
  background-size: contain;
  position: absolute;
  z-index: 5555;
  right: 10px;
  top:13px;
  width: 20px;
  height: 15px;
}
.menu-stack-fallback{
  background:  url('');
  z-index: 9998;
}



/*@nelsonNovo margin-top e padding-top reajustados*/
/*@nelson margin-top zerado*/
/*@nelson padding-top adicionado*/
/*@nelson height adicionado*/
/*@nelson background-color adicionado*/
/*@nelson overflow hidden para animacao*/
.menu-items {
  margin-top: 8px;
  padding-top: 8px;
 /* float: right;
  list-style: none;*/
  height: 190px;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;

}
/*@nelson classes do menu*/
.menu-items.hide{
  height: 0;
  padding: 0;
  transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.menu-items.show{
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}

/*@nelson margin-left ajustado*/
/*@nelson height zerado*/
/*@nelson padding adicionado*/
/*@nelson widht adicionada*/
.menu-items li {
  /*display: inline-block;*/
  margin-left: 20px;
  /*cursor: pointer;*/
  height: auto;
  padding: 15px 0 0 0;
  width: 100%;

}

/*@nelson remove porque nao esta sendo usado*/
/*.menu-items .current-white {
  border-bottom: 6px solid white;
}

.menu-items .current-green {
  border-bottom: 6px solid #508485;
}*/



/*@nelson mudança de cor para melhorar leitura*/
.menu-items li a {
  font-size: 14px;
  color: #dfdfdf;
}

/*@nelson adicionado o current*/
.menu-items .current a{
  color: #508485;
}

/*header li a .menu-item.white-selected {
  border-bottom: 6px solid #fff;
}

header li a .menu-item.green-selected {
  border-bottom: 6px solid #508485;
}

header .columns {
  padding-right: 0;
  padding-left: 0;
}

header ul {
  margin: 0;
}*/

/*COVER*/
/*@nelson margin top negativa para pagina ocupar a tela toda*/
/*@nelson adicionado back-position para centralizar o bakcground*/
/*@nelson max-height*/
#cover {
  /*background-image: url(../img/img_foto.png);*/
  /*background-size: cover;*/
  background-position: 20% 100%;
  /*background-repeat: no-repeat;*/
  /*height: 750px;*/
  padding-bottom: 0px;
  height: 100%;
  /*margin-top: -40px;*/
}

/*@nelson reajuste do paddind*/
#cover .cover-phrase-container {
  padding-top: 60px;
  height: 300px;
}

/*#cover .cover-phrase-text {
  font-size: 18px;
  color: #fff;
}*/

/*@nelson ajuste de margin bottom*/
#cover .cover-phrase-author {
  /*margin-top: 30px;*/
  margin-bottom: 30px;
  /*font-size: 20px;*/
  /*color: #fff;*/
}

/*@nelson redimensionandno a seta*/
#cover .seta{
  width: 30px;
  height: 30px;
}
/*@nelson criado nova classe*/
#cover .cover-seta-container {
  text-align: center;
  position: absolute;
  z-index: 4444;
  bottom:20px;
}

/*O QUE FAZEMOS*/
/*@nelson ajuste padding top*/
#oquefazemos {
  padding-top: 40px;
}

/*@nelson ajuste margim-bottom*/
/*@nelson adicionado text-align*/
#oquefazemos h1 {
  font-size: 44px;
  color: #436E6F;
  margin-bottom: 26px;
  text-align: center;
}

/*@nelson ajuste margin bottom*/
#oquefazemos h2 {
/*  font-size: 26px;
  color: #436E6F;*/
  margin-bottom: 10px;
}

#oquefazemos p {
  font-size: 20px;
  color: #508485;
}

/*@nelson margin bottom ajustado*/
#oquefazemos .description {
  margin-bottom: 40px;
  /*padding-left: 10px;
  padding-right: 10px;*/
}

/*@nelson adicionado margin-bottom*/
#oquefazemos .small-description {
  /*font-size: 16px;
  color: #508485;*/
  margin-bottom: 20px;
}

/*@nelson ajuste de margin-bottom*/
#oquefazemos .content {
  margin-bottom: 30px;
}

/*#oquefazemos .column {
  padding-left: 10px !important;
  padding-right: 10px !important;
}*/

/*PRODUTOS*/
/*@nelson pading top ajustado*/
#produtos .connectt-container {
  /*background-color: #436E59;*/
  padding-top: 60px;
  /*position:relative;*/
}

/*@nelson position mudado*/
/*@nelson margin bottom negativa pra ficar branco por baixo*/
#produtos .product-image {
  position: relative;
  /*z-index: 1;*/
  margin-bottom: -96px;
}

/*@nelson margin bottom ajustado*/
#produtos .product-logo {
  margin-bottom: 30px;
  width: 186px;

}

/*#produtos p {
  font-size: 20px;
  color: #fff;
}*/
/*@nelson margim-bottom ajustado*/
#produtos .connectt-description {
  margin-bottom: 20px;
}

/*@nelson ajuste de height*/
/*@nelson margin-top descomentado os botões estavam entrando debaixo da imagem*/
#produtos .mobile-stores {
  height: 150px;
  margin-top: 100px;
  /*margin-bottom: 192px;*/
}

/*@nelson adicionado padding*/
#produtos .mobile-stores img {
  padding-top:10px ;
  /*margin: 0 10px 0 10px;*/
}


#produtos .mobile-stores.meltt {
  height: 70px;
}
#produtos .mobile-stores.meltt img {
  margin-top:-15px;
}

/*@nelson padding top ajustado*/
#produtos .meltt-container {
  padding-top: 20px;
/*  position:relative;
  background-color: #98553D;*/
}

/*@nelson margin top zerada*/
#produtos .meltt-extra-margin-top {
  margin-top: 0px;
}

/*@nelson margim-bottom ajustado*/
#produtos .meltt-description {
  margin-bottom: 20px;
}

/*A EMPRESA*/
/*@nelson adicionado padding top*/
#empresa {
  position: relative;
  padding-top: 40px;
}

#empresa h1 {
  font-size: 44px;
  color: #666666;
  margin-bottom: 36px;
}

/*@nelson ajuste margin bottom*/
#empresa p {
  /*font-size: 20px;
  color: #999999;*/
  margin-bottom: 20px;
}

/*@nelson reposicionado completamente*/
#empresa .logo {
  position: relative;
/*z-index: 1;*/
/*top: 28%;*/
/*left: 0;*/
/*right: 0;*/
margin-bottom:  -96px;
  width:186px;
}

/*.grey-line {
  height: 6px;
  background-color: #E1E1E1;
}*/

/*@nelson ajuste paddind top*/
#clientes {
  padding-top: 100px;
  background-color: #F7F7F7;
  padding-bottom: 40px;
}
/*@nelson ajuste da ultima coluna de cliente*/
#clientes .column {
  float: left;
}

/*CONTATO*/
/*@nelson ajuste padding top*/
#contato {
  padding-top: 40px;
  /*padding-bottom: 44px;
  background-color: #508485;*/
}

/*#contato h1 {
  font-size: 44px;
  color: #fff;
}

#contato .description {
  color: #fff;
  font-size: 20px;
}*/

/*@nelson ajuste margin top*/
#contato .contato-extra-info-container {
  margin-top: 10px;
}

/*@nelson adicao de margin top*/
/*@nelson ajuste de margin bottom*/
#contato .contato-extra-info-icon {
  margin-bottom: 5px;
  margin-top: 20px;
}

/*@nelson ajuste de font size*/
#contato .contato-extra-info-description {
  font-size: 20px;
  /*color: #fff;*/
}
/*
#contato .contato-social-container {
  margin-top: 44px;
  margin-bottom: 44px;
}

#contato .contato-social-icon {
  margin-right: 10px;
  margin-left: 10px;
}*/

/*@nelson ajustes gerais para taanho e posicionamento*/
#contato .contato-buttons-container a {
  /*color: #508485;*/
  /*background-color: #fff;*/
  margin:auto auto 10px auto;
  width: 313px;
  max-width: 98%;
}

/*#contato .button {
  font-size: 17px;
  margin: 0;
  padding-top: 16.5px;
  padding-bottom: 16.5px;
}*/

/*MAP*/
/*#map-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 360px;
}

#map-frame .zoom {
  position: absolute;
  z-index: 1;
  right: 22px;
  top: 108px;
}

#map-frame .zoom-plus {
  display: block;
  margin-bottom: 6px;
  width: 35px;
  height: 35px;
  background: url('../img/img_mais.png') 0px 0;
}

#map-frame .zoom-minus {
  display: block;
  width: 35px;
  height: 35px;
  background: url('../img/img_mais.png') 0px 0;
}

a[href^="http://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}*/

/*FOOTER*/
/*@nelson ajuste de padding*/
footer {
  height: 70px;
  /*padding-top: 17px;*/
  padding:17px 10px 10px 10px;
  font-size: 18px;
  color: #133738;
}

footer h2 {
  font-size: 18px;
}

footer p {
  margin-top: 5px;
}

footer .column {
  padding-right: 0;
  padding-left: 0;
}

img .no-resize { max-width: none; }

@media screen and (min-width: 360px) and (max-width: 820px)  {
  
}