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

div, p {
  margin:0;
  padding:0;
}

html, body {
  overflow-x: hidden;
}

html{
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  min-height: 100%;
 /* margin-top: 60px !important;*/
}

.mdl-layout__drawer-button{
  position: fixed !important;
}

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

.bg-image > img { display: none; }

.bg-image + * { position: relative; }

.bg-fixed { background-attachment: fixed; }

/*btn-play*/

.section-video { background: #000000; color: #fff; margin-top: 50px;}
.section-video .title { -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; }
.section-video .btn-play { -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; margin: 80px auto 95px; display: block; }
.section-video.playing .title { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); visibility: hidden; }
.section-video.playing .btn-play { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); visibility: hidden; }

section .section-content, .section .section-content {
position: relative;
  padding: 125px;
  height: 500px;
  -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;

}

/* Play Button */
.btn-play { position: relative;display: inline-block; font-size: 52px; width: 86px; height: 86px; font-size: 22px; vertical-align: middle; margin-bottom: 3px; color: #fff; }
.btn-play:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -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; content: ' '; background: rgba(0, 0, 0, 0.5); }
.btn-play:after { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); filter: blur(0); border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent #ffffff; content: ' '; }
.btn-play:hover:before { -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }


.bg-image img{
  max-width: 100%;
  height: auto;
}


.mdl-layout__header{
  background-color: #fff;
  color: #548485;
  -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);
}

.transition .mdl-layout__drawer-button{
  color: #548485;
}

.transition .mdl-layout__drawer-button.scrolled{
  color: #fff;
}

.transition {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/*!*HEADER*!*/
/*header {*/
  /*position: fixed;*/
  /*top: 0;*/
  /*width: 100%;*/
  /*z-index: 2;*/
  /*color: #fff;*/
  /*height: 60px;*/
  /*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);*/
/*}*/

/*header .header-size {*/
  /*height: 80px;*/
/*}*/

/*header .brand-name {*/
  /*margin-top: 10px;*/
  /*font-size: 40px;*/
  /*line-height: 2.0;*/
  /*letter-spacing: -2px;*/
/*}*/

/*header a {*/
  /*color: #508485;*/
/*}*/

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

/*.white {*/
  /*color: #fff;*/
/*}*/

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

.h-300 {
  height: 300px;
}

.text-footer{
  height: 80px;
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: flex-end;
}
.img-footer{
  width: 160px;
}

.transition header.scrolled{

}

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



.menu-items {
  margin-top: 30px;
  float: right;
  list-style: none;
}

.menu-items li {
  display: inline-block;
  margin-left: 40px;
  cursor: pointer;
  height: 50px;
}

.menu-items .current-white {
  border-bottom: 6px solid white;
}

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

.menu-items li a {
  font-size: 14px;
}

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;
}

header .logo {
  width: 140px;
  height: 70px;
}

/*COVER*/


#cover .cover-phrase-container {
  padding-top: 736px;
}

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

#cover .cover-phrase-author {
  margin-top: 30px;
  margin-bottom: 190px;
  font-size: 20px;
  color: #fff;
}

/*O QUE FAZEMOS*/
#oquefazemos {
  padding-top: 105px;
}

#oquefazemos h1 {
  font-size: 44px;
  color: #436E6F;
  margin-bottom: 36px;
}

#oquefazemos h2 {
  font-size: 26px;
  color: #436E6F;
  margin-bottom: 35px;
}

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

#oquefazemos .description {
  margin-bottom: 80px;
  padding-left: 10px;
  padding-right: 10px;
}

#oquefazemos .small-description {
  font-size: 16px;
  color: #508485;
}

#oquefazemos .content {
  margin-bottom: 98px;
}

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

/*PRODUTOS*/
#produtos .connectt-container {
  background-color: #2dcd75;
  padding-top: 78px;
  position:relative;
  cursor: pointer;
}

#produtos .product-image {
  position: absolute;
  z-index: 1;
}

#produtos .product-logo {
  margin-bottom: 53px;
}

#produtos p {
  font-size: 20px;
  color: #fff;
}

#produtos .connectt-description {
  margin-bottom: 72px;
}

#produtos .mobile-stores {
  height: 150px;
  margin-top: 25px;
  /*margin-bottom: 192px;*/
}

#produtos .mobile-stores img {
  margin: 0 10px 0 10px;
}

#produtos .meltt-container {
  padding-top: 78px;
  position:relative;
  background-color: #98553D;
}

#produtos .meltt-extra-margin-top {
  margin-top: 28px;
}

#produtos .meltt-description {
  margin-bottom: 52px;
}

/*A EMPRESA*/
#empresa {
  position: relative;
  /*padding-top: 105px;*/
}

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

#empresa p {
  font-size: 20px;
  color: #999999;
  margin-bottom: 242px;
}

#empresa .logo {
  position: absolute;
  z-index: 1;
  top: 28%;
  left: 0;
  right: 0;
  margin:auto;
}

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

#clientes {
  padding-top: 170px;
  background-color: #F7F7F7;
  padding-bottom: 63px;
}

/*CONTATO*/
#contato {
  padding-top: 105px;
  padding-bottom: 44px;
  background-color: #508485;
}

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

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

#contato .contato-extra-info-container {
  margin-top: 85px;
  width: 85%;
  min-width: 85%;
}

#contato .contato-extra-info-icon {
  margin-bottom: 20px;
}

#contato .contato-extra-info-description {
  font-size: 22px;
  color: #fff;
}

#contato .contato-social-container {
  margin-top: 44px;
  margin-bottom: 44px;
}

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

#contato .contato-buttons-container a {
  color: #508485;
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  width: 313px;
}

#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;
}
/*@nelson só estava tirando os ícones de mais e menos do mapa*/
/*.gmnoprint div {
    background:none !important;
}*/

/*FOOTER*/

footer {
  height: 70px;
  padding-top: 17px;
  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; }

/*NOTÍCIAS*/
#noticias {
  position: relative;  
  padding-top:20px;
  padding-bottom:40px;
}
#noticias h1 {
  font-size: 44px;
  color: #666666;
  margin-bottom: 36px;
}
#noticias h2 {
    font-size: 25px;
    color: #436E6F;
    margin-bottom: 10px;
}
#noticias .description {
	font-style: italic !important;
}
#noticias a {
	color: #3cb371;
}
#noticias a:hover {
	text-decoration: underline;
}