.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

a {
  color: transparent;
  text-decoration: none;
}

.secao-banner-principal {
  height: 80vh;
  background-image: url('../images/banner_principal.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.secao-quem-somos {
  height: auto;
  padding-bottom: 60px;
  background-image: url('../images/bg_quem_somos.svg');
  background-position: 50% 0px;
  background-size: 2000px;
  background-repeat: no-repeat;
}

.titulo {
  margin-top: 60px;
  margin-bottom: 40px;
  font-family: 'Gotham Narrow Black', sans-serif;
  color: #00adee;
  font-size: 60px;
  text-align: center;
  text-transform: uppercase;
}

.titulo-complemento {
  font-family: 'Gotham Narrow Light', sans-serif;
  color: #231f20;
}

.titulo-complemento.branco {
  color: #fff;
}

.paragrafo {
  font-family: 'Gotham Narrow Book', sans-serif;
  font-size: 16px;
}

.paragrafo.paragrafo-destaque {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #00adee;
  text-transform: uppercase;
}

.paragrafo.paragrafo-nossos-clientes {
  font-size: 26px;
  line-height: 28px;
  text-align: center;
}

.paragrafo.texto-branco {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  line-height: 22px;
  text-decoration: none;
}

.paragrafo.texto-branco.textos-rodape {
  margin-bottom: 0px;
  padding-top: 9px;
  padding-left: 13px;
  text-decoration: none;
}

.paragrafo.segundo-paragrafo-portfolio {
  margin-top: 25px;
}

.grid {
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.texto-destaque-bold {
  font-family: 'Gotham Narrow Black', sans-serif;
}

.secao-missao-visao-valores {
  position: relative;
  z-index: 100;
  height: auto;
  margin-top: -80px;
  margin-bottom: -80px;
  padding-top: 95px;
  padding-bottom: 95px;
  background-image: url('../images/bg_valores_2.png');
  background-position: 50% 50%;
  background-size: cover;
}

.container-missao-visao-valores {
  padding: 90px 40px 35px;
}

.grid-2 {
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 45px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4 {
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 45px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.fundo-icone {
  width: 220px;
  height: 220px;
  border-radius: 250px;
  background-color: #fff;
  text-align: center;
}

.nome-icone {
  margin-top: 88px;
  font-family: 'Gotham Narrow Black', sans-serif;
  text-transform: uppercase;
}

.texto-icone {
  padding-left: 23px;
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #2b388f;
  font-size: 24px;
  line-height: 30px;
}

.fundo-branco {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #fff;
}

.secao-nossos-clientes {
  height: auto;
  margin-top: 25px;
  padding-bottom: 25px;
  background-color: #fff;
}

.container-nossos-clientes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grid-clientes {
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}

.container {
  text-align: center;
}

.body {
  background-color: #0b0204;
}

.secao-video {
  text-align: center;
}

.container-contato {
  padding-top: 15px;
  padding-bottom: 50px;
}

.titulo-2 {
  font-family: 'Gotham Narrow Black', sans-serif;
  color: #00adee;
  text-align: center;
  text-transform: uppercase;
}

.text-span-2 {
  font-family: 'Gotham Narrow Light', sans-serif;
  color: #fff;
}

.campo-formulario {
  margin-top: 27px;
  margin-bottom: 27px;
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: #0b0204 #0b0204 #00adee;
  background-color: transparent;
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  font-size: 25px;
}

.campo-formulario::-webkit-input-placeholder {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  font-size: 25px;
}

.campo-formulario:-ms-input-placeholder {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  font-size: 25px;
}

.campo-formulario::-ms-input-placeholder {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  font-size: 25px;
}

.campo-formulario::placeholder {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  font-size: 25px;
}

.campo-formulario.textfield {
  height: 200px;
}

.botao-enviar {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 4px solid #00adee;
  background-color: transparent;
  font-family: 'Gotham Narrow Book', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
}

.secao-portfolio {
  background-color: #231f20;
}

.grid-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 303px;
  padding-bottom: 40px;
  padding-left: 303px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  justify-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: ". . . . ." ". . . . ." ". . . . ." ". . . . .";
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 0px auto 0px auto 0px auto;
  grid-template-rows: auto auto auto auto;
}

.thumb-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 280px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: url('../images/thumb_portfolio.jpg');
  background-position: 50% 50%;
  background-size: 280px 280px;
  -webkit-transition: background-color 200ms cubic-bezier(.52, .001, .544, .995);
  transition: background-color 200ms cubic-bezier(.52, .001, .544, .995);
}

.thumb-portfolio:hover {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-image: url('../images/thumb_portfolio.jpg');
  background-position: 50% 50%;
  background-size: 280px 280px;
}

.thumb-portfolio.thumb-midia {
  padding-left: 0px;
  background-image: url('../images/01_midia-new.jpg');
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.thumb-portfolio.thumb-midia:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/01_midia-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/01_midia-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-promocao {
  background-image: url('../images/02_promo-new.jpg');
}

.thumb-portfolio.thumb-promocao:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/02_promo-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/02_promo-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-ativacao {
  background-image: url('../images/03_ativacao-new.jpg');
}

.thumb-portfolio.thumb-ativacao:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/03_ativacao-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/03_ativacao-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-feira {
  background-image: url('../images/04_feira-new.jpg');
}

.thumb-portfolio.thumb-feira:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/04_feira-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/04_feira-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-evento {
  background-image: url('../images/05_eventos-new.jpg');
}

.thumb-portfolio.thumb-evento:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/05_eventos-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/05_eventos-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-sampling {
  background-image: url('../images/13_sampling-new.jpg');
}

.thumb-portfolio.thumb-sampling:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/13_sampling-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/13_sampling-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-varejo {
  background-image: url('../images/07_varejo-new.jpg');
}

.thumb-portfolio.thumb-varejo:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/07_varejo-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/07_varejo-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-branding {
  background-image: url('../images/08_branding-new.jpg');
}

.thumb-portfolio.thumb-branding:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/08-branding-thumb.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/08_branding-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-social {
  background-image: url('../images/09_social-new.jpg');
}

.thumb-portfolio.thumb-social:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/09_social-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/09_social-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-editorial {
  background-image: url('../images/10_editorial-new.jpg');
}

.thumb-portfolio.thumb-editorial:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/10_editorial-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/10_editorial-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-projetos {
  background-image: url('../images/11_projetos_especiais-new.jpg');
}

.thumb-portfolio.thumb-projetos:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/11_projetos_especiais-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/11_projetos_especiais-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.thumb-portfolio.thumb-cases {
  background-image: url('../images/12_cases-new.jpg');
}

.thumb-portfolio.thumb-cases:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 238, 0.65)), to(rgba(0, 173, 238, 0.65))), url('../images/12_cases-new.jpg');
  background-image: linear-gradient(180deg, rgba(0, 173, 238, 0.65), rgba(0, 173, 238, 0.65)), url('../images/12_cases-new.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 280px 280px;
}

.texto-thumb-portfolio {
  background-color: transparent;
  font-family: 'Gotham Narrow Black', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 28px rgba(0,0,0,0.8);
}

.botao-email {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  background-color: transparent;
  background-image: url('../images/icon_email.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-column-span: none;
  column-span: none;
}

.botao-telefone {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  background-color: transparent;
  background-image: url('../images/icon_tel.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.botao-insta {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  background-color: transparent;
  background-image: url('../images/icon_insta.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.botao-facebook {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  background-color: transparent;
  background-image: url('../images/icon_facebook.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-contato-esq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  background-color: #231f20;
}

.logo-speed {
  width: 150px;
}

.botao-menu {
    margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Gotham Narrow Book', sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    width: 115px;
    text-align: center;
    font-size: 12px;
}

.botao-menu:hover {
  color: #00adee;
}

.botao-menu.w--current {
  color: #00adee;
}

.div-rodape {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.secao-rodape {
  background-image: url('../images/bg_rodape.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-contato-esquerda {
  width: 50%;
  float: left;
}

.div-contato-direita {
  width: 50%;
  float: right;
}

.secao-banner-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
}

.secao-banner-portfolio.banner-promocao {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_promo.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_promo.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, auto;
}

.secao-banner-portfolio.banner-portal-rh {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_promo.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/trabalhe-conosco.jpg');
  background-position: center center, center center;
  background-size: cover;
}


.secao-banner-portfolio.banner-feira {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_feira.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_feira.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-midia {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_pagina_midia.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_pagina_midia.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-ativacao {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_ativacao.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_ativacao.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-eventos {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_eventos.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_eventos.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-varejo {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_varejo.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_varejo.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-branding {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_branding.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_branding.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-social {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_social.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_social.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-editorial {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_editorial.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_editorial.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-projetos-especiais {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_proj_especiais.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_proj_especiais.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-cases {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_cases.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_cases.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-responsabilidade-social {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_resp_social.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_resp_social.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-gestao-sustentavel {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_resp_social.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_sustentabilidade.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-banner-portfolio.banner-sampling {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(30%, hsla(0, 0%, 100%, 0))), url('../images/banner_sampling_2.jpg');
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 30%), url('../images/banner_sampling_2.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.secao-conteudo-portfolio {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f4f6f8;
}

.titulo-pagina-portfolio {
  margin-bottom: 35px;
  font-family: 'Gotham Narrow Black', sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 62px;
  text-transform: uppercase;
}

.imagem-portfolio {
  padding: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: #f4f6f8;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.imagem-portfolio.portfolio-especial:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.portfolio-video {
  width: 100%;
  height: 538px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-portfolio {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
}

.colunas-portfolio {
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

.portfolio-col-dir {
  overflow: hidden;
  padding-right: 0px;
  padding-left: 0px;
}

.portfolio-col-esq {
  overflow: hidden;
  padding-right: 0px;
  padding-left: 0px;
}

.titulo-texto-portfolio {
  font-family: 'Gotham Narrow Black', sans-serif;
  font-size: 30px;
  line-height: 32px;
}

.div-caixas-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.envie-email {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Gotham Narrow Black', sans-serif;
  color: #fff;
}

.div-clientes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.logo-cliente {
  margin: 2px;
}

.descricao-portfolio {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding-top: 10px;
  background-color: rgba(0, 173, 238, 0.8);
}

.descricao-portfolio-texto {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.menu-topo {
  float: left;
  width: 100%;
  background-color: #28AAE1;
  padding: 5px;
}

.menu-topo a {
  color: #fff;
  margin: 0 18px;
  float: right;
}

@media (max-width: 991px) {

  .grid {
    grid-template-areas: ". ." ". ." ". .";
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
  .grid:hover {
    -ms-grid-columns: 0.25fr 2fr;
    grid-template-columns: 0.25fr 2fr;
  }
  .container-missao-visao-valores {
    padding-right: 0px;
    padding-left: 0px;
  }
  .grid-2,  .grid-4 {
    grid-column-gap: 12px;
    grid-template-areas: ". . ." ". . ." ". . ." ". . ." ". . ." ". . .";
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .grid-portfolio {
    padding-right: 79px;
    padding-left: 79px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto;
  }
  .thumb-portfolio {
    width: 200px;
    height: 200px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-size: 200px 200px;
    
  }
  .thumb-portfolio:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/thumb_portfolio.jpg');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/thumb_portfolio.jpg');
    background-size: auto, 200px 200px;
    text-shadow: none;
  }
  .texto-thumb-portfolio {
    padding: 0px;
    font-size: 34px;
    line-height: 36px;

  }
  .botao-menu {
    margin-top: 0px;
    text-align: center;
    width: auto;
  }
  .botao-menu br{
    display: none;
  }
  .icon {
    color: #fff;
    font-size: 55px;
  }
  .menu-button {
    background-color: transparent;
  }
  .menu-button.w--open {
    background-color: transparent;
  }
  .nav-menu {
    background-color: #231f20;
  }
  .secao-banner-portfolio.banner-promocao {
    background-position: 0px 0px, 50% 100%;
    background-size: auto, auto 70vh;
  }
  .secao-banner-portfolio.banner-feira {
    background-position: 0px 0px, 100% 100%;
  }
  .secao-banner-portfolio.banner-ativacao {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-eventos {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-varejo {
    background-position: 0px 0px, 30% 50%;
  }
  .secao-banner-portfolio.banner-branding {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-social {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-editorial {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-projetos-especiais {
    background-position: 0px 0px, 0% 50%;
  }
  .secao-banner-portfolio.banner-cases {
    background-position: 0px 0px, 0% 50%;
  }
  .secao-banner-portfolio.banner-responsabilidade-social {
    background-position: 0px 0px, 50% 100%;
    background-size: auto, auto 80vh;
    background-repeat: repeat, repeat;
  }
  .secao-banner-portfolio.banner-sampling {
    background-position: 0px 0px, 50% 100%;
    background-size: auto, auto 80vh;
    background-repeat: repeat, repeat;
  }
  .portfolio-video {
    height: 410px;
  }
  .descricao-portfolio {
    height: auto;
    padding-right: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 767px) {
  .secao-banner-principal {
    height: 600px;
  }
  .secao-quem-somos {
    background-color: #fff;
    background-image: none;
  }
  .titulo {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 50px;
    line-height: 40px;
  }
  .paragrafo {
    padding-right: 30px;
    padding-left: 30px;
  }
  .paragrafo.paragrafo-nossos-clientes {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragrafo.texto-branco {
    padding-left: 0px;
    font-size: 14px;
  }
  .grid {
    grid-template-areas: ". ." ". ." ". .";
  }
  .secao-missao-visao-valores {
    margin-top: -169px;
    margin-bottom: -108px;
    padding-top: 100px;
    padding-bottom: 140px;
    background-position: 50% 50%;
  }
  .container-missao-visao-valores {
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .grid-2, .grid-4 {
    grid-template-areas: "." "." "." "." "." ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .fundo-icone {
    width: 150px;
    height: 150px;
  }
  .nome-icone {
    margin-top: 58px;
    font-size: 35px;
    line-height: 38px;
  }
  .texto-icone {
    padding-right: 147px;
    padding-left: 147px;
    font-size: 20px;
    line-height: 25px;
  }
  .secao-nossos-clientes {
    margin-top: 0px;
  }
  .container-nossos-clientes {
    padding-right: 30px;
    padding-left: 30px;
  }
  .container-contato {
    padding-right: 23px;
    padding-left: 23px;
  }
  .grid-portfolio {
    grid-template-areas: ". . . ." ". . . ." ". . . ." ". . . ." ". . . ." ". . . ." ". . . .";
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto;
  }
  .thumb-portfolio {
    padding-bottom: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .div-contato-esq {
    margin-top: -9px;
    padding-top: 0px;
  }
  .secao-banner-portfolio {
    height: 60vh;
  }
  .secao-banner-portfolio.banner-promocao {
    background-size: auto, auto 50vh;
  }
  .secao-banner-portfolio.banner-varejo {
    background-position: 0px 0px, 30% 0%;
  }
  .secao-banner-portfolio.banner-branding {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-social {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-editorial {
    background-position: 0px 0px, 50% 50%;
  }
  .secao-banner-portfolio.banner-responsabilidade-social {
    background-size: auto, auto 70vh;
  }
  .secao-banner-portfolio.banner-sampling {
    background-size: auto, auto 70vh;
  }
  .secao-conteudo-portfolio {
    padding-right: 30px;
    padding-left: 30px;
  }
  .titulo-pagina-portfolio.titulo-responsabilidade-social {
    font-size: 50px;
    line-height: 52px;
  }
  .imagem-portfolio {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .imagem-portfolio:hover {
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .portfolio-video {
    height: 295px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .div-portfolio {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .colunas-portfolio {
    padding-right: 0px;
    padding-left: 0px;
  }
  .portfolio-col-dir {
    padding-left: 0px;
  }
  .portfolio-col-esq {
    padding-right: 0px;
  }
}

@media (max-width: 479px) {
  .titulo {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 47px;
  }
  .paragrafo {
    font-size: 22px;
    line-height: 24px;
  }
  .paragrafo.paragrafo-destaque {
    font-size: 22px;
    line-height: 24px;
  }
  .paragrafo.paragrafo-nossos-clientes {
    font-size: 25px;
    line-height: 27px;
  }
  .paragrafo.texto-branco {
    padding-right: 0px;
    text-align: center;
  }
  .container-missao-visao-valores {
    height: auto;
    padding-top: 120px;
    padding-bottom: 80px;
  }
  .fundo-icone {
    width: 200px;
    height: 200px;
  }
  .nome-icone {
    margin-top: 82px;
    font-size: 40px;
    line-height: 42px;
  }
  .texto-icone {
    padding-right: 15px;
    padding-left: 15px;
  }
  .fundo-branco {
    font-size: 25px;
    line-height: 27px;
  }
  .grid-clientes {
    padding-bottom: 25px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
  }
  .container-contato {
    padding-bottom: 0px;
  }
  .grid-portfolio {
    padding-right: 0px;
    padding-left: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  }
  .thumb-portfolio {
    width: 200px;
    height: 200px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .texto-thumb-portfolio {
    font-size: 25px;
    line-height: 25px;
  }
  .logo-speed {
    width: 125px;
  }
  .div-contato-esquerda {
    width: 100%;
    float: none;
  }
  .div-contato-direita {
    width: 100%;
    margin-top: 20px;
    float: none;
  }
  .secao-banner-portfolio {
    height: 40vh;
  }
  .secao-banner-portfolio.banner-promocao {
    background-size: auto, auto 30vh;
  }
  .secao-banner-portfolio.banner-responsabilidade-social {
    background-size: auto, auto 50vh;
  }
  .secao-banner-portfolio.banner-sampling {
    background-size: auto, auto 50vh;
  }
  .secao-conteudo-portfolio {
    padding-right: 10px;
    padding-left: 10px;
  }
  .titulo-pagina-portfolio {
    font-size: 50px;
    line-height: 52px;
  }
  .titulo-pagina-portfolio.titulo-responsabilidade-social {
    font-size: 30px;
    line-height: 32px;
  }
  .portfolio-video {
    height: 165px;
  }
}

#w-node-49e062dc872c-cbac7f37 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-daa8090d9a02-cbac7f37 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-87f716c5fe13-cbac7f37 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-347293ed0a46-cbac7f37 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-1bbb23e13e35-cbac7f37 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#container-digital .quatro {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-6691c965f957-cbac7f37 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-6691c965f957-cbac7f37oba {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-7f12bef982e3-cbac7f37 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-9e8b44f932f6-cbac7f37 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-1543361f16f7-cbac7f37 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-d7121e1faae3-cbac7f37 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: 6;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

@media (max-width: 991px) {
  #w-node-d7121e1faae3-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}

@media (max-width: 767px) {
  #w-node-49e062dc872c-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }
  #w-node-daa8090d9a02-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
  #w-node-347293ed0a46-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 6;
    grid-row-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 7;
  }
  #w-node-1bbb23e13e35-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
  }
  #w-node-6691c965f957-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }
  #w-node-7f12bef982e3-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }
  #w-node-d7121e1faae3-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}

@media (max-width: 480px) {
  #w-node-d7121e1faae3-cbac7f37 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}

@font-face {
  font-family: 'Aller Bold';
  src: url('../fonts/Aller_Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow Light';
  src: url('../fonts/Gotham-Narrow-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow Book';
  src: url('../fonts/Gotham-Narrow-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow Black';
  src: url('../fonts/Gotham-Narrow-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}