@font-face {
  font-family: "Dolce Vita";
  src: url("fonts/Dolce Vita Heavy Bold.eot");
  src: url("fonts/Dolce Vita Heavy Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Dolce Vita Heavy Bold.woff") format("woff"), url("fonts/Dolce Vita Heavy Bold.ttf") format("truetype"), url("fonts/Dolce Vita Heavy Bold.svg") format("svg");
  font-weight: bold;
}

@font-face {
  font-family: "Dolce Vita";
  src: url("fonts/Dolce Vita.eot");
  src: url("fonts/Dolce Vita.eot?#iefix") format("embedded-opentype"), url("fonts/Dolce Vita.woff") format("woff"), url("fonts/Dolce Vita.ttf") format("truetype"), url("fonts/Dolce Vita.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 53, ../../.sass/estilos.sass */
#contato footer, #inicio footer {
  position: absolute;
  width: 10%;
  bottom: 3%;
  right: 3%;
}
/* line 58, ../../.sass/estilos.sass */
#contato footer .logo, #inicio footer .logo {
  width: 100% !important;
  margin-bottom: 5%;
}
/* line 61, ../../.sass/estilos.sass */
#contato footer .social, #inicio footer .social {
  width: 100%;
}
/* line 63, ../../.sass/estilos.sass */
#contato footer .social img, #inicio footer .social img {
  display: inline-block;
  width: 20px;
}
/* line 66, ../../.sass/estilos.sass */
#contato footer .social .fb, #inicio footer .social .fb {
  margin-right: 5%;
}

/* line 72, ../../.sass/estilos.sass */
section {
  width: 100%;
  display: block;
  position: absolute;
  height: 16.66667%;
}
/* line 77, ../../.sass/estilos.sass */
section.semi {
  height: 8.33333%;
}

/* line 81, ../../.sass/estilos.sass */
* {
  margin: 0px;
  padding: 0px;
}

/* line 86, ../../.sass/estilos.sass */
html {
  height: 600%;
}

/* line 89, ../../.sass/estilos.sass */
html, body {
  display: block;
}

/* line 92, ../../.sass/estilos.sass */
body {
  text-align: center;
  font-family: "Dolce Vita";
  font-size: 16px;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

/* line 100, ../../.sass/estilos.sass */
a {
  text-decoration: none;
}

/* line 104, ../../.sass/estilos.sass */
#blackfill {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 100;
}

/* line 111, ../../.sass/estilos.sass */
#menu {
  color: white;
  position: fixed;
  top: 3.5%;
  right: 4%;
  margin-right: 36px;
  z-index: 8;
}
/* line 118, ../../.sass/estilos.sass */
#menu a {
  color: white;
}
/* line 120, ../../.sass/estilos.sass */
#menu span, #menu a {
  cursor: pointer;
}
/* line 122, ../../.sass/estilos.sass */
#menu span:hover, #menu span.selecionado, #menu a:hover, #menu a.selecionado {
  color: #e6a300;
}
/* line 124, ../../.sass/estilos.sass */
#menu span.inativo, #menu a.inativo {
  color: gray;
}

/* line 127, ../../.sass/estilos.sass */
#seta {
  display: block;
  background: url(images/seta.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 217px;
  height: 217px;
  position: fixed;
  z-index: 8;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* line 133, ../../.sass/estilos.sass */
#seta.grande {
  width: 15%;
  top: 25%;
  right: 25%;
}
/* line 137, ../../.sass/estilos.sass */
#seta.pequena {
  width: 36px;
  top: 2%;
  right: 2%;
}

/* line 142, ../../.sass/estilos.sass */
.linhas {
  background: url(images/linhas.png);
  background-repeat: no-repeat;
}

/* line 146, ../../.sass/estilos.sass */
#problemas, #decolaram {
  color: white;
}

/* line 149, ../../.sass/estilos.sass */
#inicio, #servicos, #clientes {
  background-image: url(images/bg.jpg);
  background-repeat: repeat;
}

/* line 155, ../../.sass/estilos.sass */
#contato {
  background-color: #ffe700;
  top: 0%;
  overflow: hidden;
}
/* line 159, ../../.sass/estilos.sass */
#contato .conteudo {
  text-align: left;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 25%;
  right: 25%;
  margin-top: -100px;
}
/* line 167, ../../.sass/estilos.sass */
#contato .conteudo h1 {
  font-size: 6em;
  margin-bottom: 5%;
}
/* line 170, ../../.sass/estilos.sass */
#contato .conteudo p {
  font-size: 1.5em;
  font-family: Verdana;
  text-transform: uppercase;
}
@media screen and (max-width: 1100px) {
  /* line 175, ../../.sass/estilos.sass */
  #contato .conteudo h1 {
    font-size: 4em;
  }
  /* line 177, ../../.sass/estilos.sass */
  #contato .conteudo p {
    font-size: 1em;
  }
}
@media screen and (max-width: 700px) {
  /* line 180, ../../.sass/estilos.sass */
  #contato .conteudo h1 {
    font-size: 3em;
  }
  /* line 182, ../../.sass/estilos.sass */
  #contato .conteudo p {
    font-size: 0.8em;
  }
}
/* line 186, ../../.sass/estilos.sass */
#contato footer .logo {
  display: block;
  background: url(images/07-rodapepreto.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 154px;
  height: 63px;
}
/* line 188, ../../.sass/estilos.sass */
#contato #linha1, #contato #linha2 {
  z-index: 0;
}
/* line 190, ../../.sass/estilos.sass */
#contato #linha1 {
  width: 100%;
  height: 100%;
  background-position: 100% 350%;
  position: absolute;
}
/* line 195, ../../.sass/estilos.sass */
#contato #linha2 {
  width: 100%;
  height: 100%;
  background-position: 30% -15%;
  position: absolute;
}

/* line 204, ../../.sass/estilos.sass */
#clientes {
  top: 16.66667%;
}
/* line 206, ../../.sass/estilos.sass */
#clientes .items {
  position: absolute;
  width: 100%;
  top: 10%;
  bottom: 10%;
}
/* line 214, ../../.sass/estilos.sass */
#clientes .items .item {
  cursor: pointer;
  width: 200px;
  height: 200px;
  display: inline-block;
  margin: 1% 1%;
  font-size: 1.2em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 223, ../../.sass/estilos.sass */
#clientes .items .item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
@media screen and (max-width: 900px) {
  /* line 227, ../../.sass/estilos.sass */
  #clientes .items .item {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 700px) {
  /* line 231, ../../.sass/estilos.sass */
  #clientes .items .item {
    width: 120px;
    height: 120px;
  }
}
/* line 234, ../../.sass/estilos.sass */
#clientes .items .imagem {
  margin: 0;
  width: 100%;
  height: 100%;
}
/* line 238, ../../.sass/estilos.sass */
#clientes #item-selecionado {
  position: absolute;
  display: none;
  cursor: pointer;
  width: 80%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  color: #ffe700;
}
/* line 248, ../../.sass/estilos.sass */
#clientes #item-selecionado .texto {
  text-align: left;
  margin-bottom: 15%;
  width: 100%;
}
/* line 253, ../../.sass/estilos.sass */
#clientes #item-selecionado .texto h1 {
  font-size: 4em;
  float: left;
}
/* line 256, ../../.sass/estilos.sass */
#clientes #item-selecionado .texto ul {
  float: left;
  width: auto;
  margin-left: 5%;
  margin-top: 4%;
  font-size: 1em;
  padding-left: 50px;
}
/* line 263, ../../.sass/estilos.sass */
#clientes #item-selecionado .imagens {
  clear: both;
  height: 50%;
}
/* line 266, ../../.sass/estilos.sass */
#clientes #item-selecionado #imagem-destaque {
  float: left;
  height: 100%;
}
/* line 269, ../../.sass/estilos.sass */
#clientes #item-selecionado #imagens-extra {
  width: 60%;
  margin-left: 10%;
  height: 100%;
  background-image: url(../images/cliente01_extras.png);
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: left;
}
@media screen and (max-width: 1000px) {
  /* line 280, ../../.sass/estilos.sass */
  #clientes .imagens {
    clear: both;
  }
  /* line 282, ../../.sass/estilos.sass */
  #clientes #imagem-destaque {
    display: none;
  }
  /* line 284, ../../.sass/estilos.sass */
  #clientes #imagens-extra {
    width: 90% !important;
    margin-left: 5% !important;
  }
}

/* line 293, ../../.sass/estilos.sass */
#decolaram {
  background-color: #95c9c6;
  top: 33.33333%;
}
/* line 296, ../../.sass/estilos.sass */
#decolaram #voador {
  display: block;
  background: url(images/05-voador.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 576px;
  height: 699px;
  position: absolute;
  width: 30%;
  top: 0;
  left: 5%;
  margin-top: -5%;
  z-index: 4;
}
/* line 304, ../../.sass/estilos.sass */
#decolaram #fumaca1, #decolaram #fumaca2 {
  display: block;
  background: url(images/05-fumaca.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 755px;
  height: 434px;
  position: absolute;
}
/* line 307, ../../.sass/estilos.sass */
#decolaram #fumaca1 {
  bottom: -2%;
  left: 10%;
  z-index: 2;
}
/* line 311, ../../.sass/estilos.sass */
#decolaram #fumaca2 {
  bottom: 7%;
  left: 50%;
  z-index: 3;
}
/* line 315, ../../.sass/estilos.sass */
#decolaram #tira {
  position: absolute;
  top: 20%;
  height: 150px;
  width: 100%;
  margin-top: -75px;
  z-index: 3;
}
/* line 322, ../../.sass/estilos.sass */
#decolaram #tira .pre, #decolaram #tira .pos, #decolaram #tira .texto {
  display: block;
  float: left;
}
/* line 325, ../../.sass/estilos.sass */
#decolaram #tira .pre, #decolaram #tira .pos {
  height: 100%;
  background-image: url(images/05-setabg.png);
  background-repeat: repeat;
  background-size: auto 100%;
}
/* line 330, ../../.sass/estilos.sass */
#decolaram #tira .pre {
  width: 40%;
}
/* line 332, ../../.sass/estilos.sass */
#decolaram #tira .pos {
  width: 20%;
}
/* line 334, ../../.sass/estilos.sass */
#decolaram #tira .texto {
  width: 40%;
  font-size: 3.7em;
  margin-top: 1%;
}
@media screen and (max-width: 1200px) {
  /* line 339, ../../.sass/estilos.sass */
  #decolaram #voador {
    width: 40%;
  }
  /* line 341, ../../.sass/estilos.sass */
  #decolaram .texto {
    font-size: 2.5em !important;
  }
  /* line 343, ../../.sass/estilos.sass */
  #decolaram #tira {
    height: 100px;
  }
  /* line 345, ../../.sass/estilos.sass */
  #decolaram #fumaca1 {
    bottom: -5%;
    left: 10%;
  }
  /* line 348, ../../.sass/estilos.sass */
  #decolaram #fumaca2 {
    bottom: -2%;
    left: 40%;
  }
}
@media screen and (max-width: 900px) {
  /* line 352, ../../.sass/estilos.sass */
  #decolaram #voador {
    width: 50%;
  }
  /* line 354, ../../.sass/estilos.sass */
  #decolaram .texto {
    font-size: 1.5em !important;
  }
  /* line 356, ../../.sass/estilos.sass */
  #decolaram #tira {
    height: 70px;
  }
  /* line 358, ../../.sass/estilos.sass */
  #decolaram #fumaca1 {
    bottom: -15%;
    width: 70%;
    left: -5%;
  }
  /* line 362, ../../.sass/estilos.sass */
  #decolaram #fumaca2 {
    bottom: -5%;
    left: 20%;
  }
}

/* line 368, ../../.sass/estilos.sass */
#servicos {
  top: 41.66667%;
  z-index: 4;
}
/* line 371, ../../.sass/estilos.sass */
#servicos .items {
  position: absolute;
  width: 80%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}
/* line 379, ../../.sass/estilos.sass */
#servicos .items .item {
  cursor: pointer;
  position: relative;
  width: 25%;
  height: 40%;
  display: inline-block;
  margin: 2% 2%;
  font-size: 1.2em;
  overflow: hidden;
}
/* line 389, ../../.sass/estilos.sass */
#servicos .items .item .imagem {
  margin: 0;
  height: 70%;
  position: relative;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 397, ../../.sass/estilos.sass */
#servicos .items .item .texto {
  margin-top: -10%;
  height: 30%;
  position: relative;
}
/* line 401, ../../.sass/estilos.sass */
#servicos .items .item .texto .desc {
  position: absolute;
  z-index: 2;
  width: 90%;
  left: 5%;
  top: 46%;
}
/* line 407, ../../.sass/estilos.sass */
#servicos .items .item .texto h2 {
  font-weight: bold;
  font-size: 0.8em;
}
/* line 410, ../../.sass/estilos.sass */
#servicos .items .item .texto p {
  display: none;
  font-size: 0.6em;
  font-family: Verdana;
}
/* line 414, ../../.sass/estilos.sass */
#servicos .items .item .texto .camada-clara, #servicos .items .item .texto .camada-escura {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  width: 90%;
  height: 90%;
  margin: 5%;
}
/* line 420, ../../.sass/estilos.sass */
#servicos .items .item .texto .camada-clara {
  background-color: #ffe700;
  z-index: 1;
  -webkit-transform: rotate(-5deg) skew(-8deg, 4deg);
  -moz-transform: rotate(-5deg) skew(-8deg, 4deg);
  -ms-transform: rotate(-5deg) skew(-8deg, 4deg);
  -o-transform: rotate(-5deg) skew(-8deg, 4deg);
  transform: rotate(-5deg) skew(-8deg, 4deg);
}
/* line 424, ../../.sass/estilos.sass */
#servicos .items .item .texto .camada-escura {
  background-color: #e6a300;
  z-index: 0;
  -webkit-transform: rotate(2deg) skew(5deg, 2deg);
  -moz-transform: rotate(2deg) skew(5deg, 2deg);
  -ms-transform: rotate(2deg) skew(5deg, 2deg);
  -o-transform: rotate(2deg) skew(5deg, 2deg);
  transform: rotate(2deg) skew(5deg, 2deg);
}
/* line 428, ../../.sass/estilos.sass */
#servicos .items .item:hover {
  color: #e6a300;
}
/* line 430, ../../.sass/estilos.sass */
#servicos .items .item:hover .imagem {
  height: 75%;
}
/* line 432, ../../.sass/estilos.sass */
#servicos .items .item:hover .camada-clara {
  -webkit-transform: rotate(5deg) skew(8deg, -4deg);
  -moz-transform: rotate(5deg) skew(8deg, -4deg);
  -ms-transform: rotate(5deg) skew(8deg, -4deg);
  -o-transform: rotate(5deg) skew(8deg, -4deg);
  transform: rotate(5deg) skew(8deg, -4deg);
}
/* line 435, ../../.sass/estilos.sass */
#servicos .items .item:hover .camada-escura {
  -webkit-transform: rotate(-2deg) skew(-5deg, -2deg);
  -moz-transform: rotate(-2deg) skew(-5deg, -2deg);
  -ms-transform: rotate(-2deg) skew(-5deg, -2deg);
  -o-transform: rotate(-2deg) skew(-5deg, -2deg);
  transform: rotate(-2deg) skew(-5deg, -2deg);
}
/* line 440, ../../.sass/estilos.sass */
#servicos .items .item.selecionado:hover {
  color: black;
}
/* line 442, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .imagem {
  height: 0%;
}
/* line 444, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto {
  height: 100%;
  margin-top: 0;
}
/* line 447, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto .desc {
  top: 15%;
}
/* line 449, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto h2 {
  margin-bottom: 5%;
}
/* line 451, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto p {
  width: 70%;
  margin-left: 15%;
  display: block;
  margin-bottom: -60%;
}
/* line 456, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto .camada-clara {
  -webkit-transform: rotate(2deg) skew(1deg, 1deg);
  -moz-transform: rotate(2deg) skew(1deg, 1deg);
  -ms-transform: rotate(2deg) skew(1deg, 1deg);
  -o-transform: rotate(2deg) skew(1deg, 1deg);
  transform: rotate(2deg) skew(1deg, 1deg);
}
/* line 459, ../../.sass/estilos.sass */
#servicos .items .item.selecionado .texto .camada-escura {
  -webkit-transform: rotate(-10deg) skew(-15deg, 10deg);
  -moz-transform: rotate(-10deg) skew(-15deg, 10deg);
  -ms-transform: rotate(-10deg) skew(-15deg, 10deg);
  -o-transform: rotate(-10deg) skew(-15deg, 10deg);
  transform: rotate(-10deg) skew(-15deg, 10deg);
}
/* line 462, ../../.sass/estilos.sass */
#servicos .items .item#socialmedia .imagem {
  background-image: url(images/04-socialmedia.png);
  width: 100% !important;
}
/* line 468, ../../.sass/estilos.sass */
#servicos .items .item#gms .imagem {
  background-image: url(images/04-gms.png);
  width: 100% !important;
}
/* line 472, ../../.sass/estilos.sass */
#servicos .items .item#design .imagem {
  background-image: url(images/04-design.png);
  width: 100% !important;
}
/* line 476, ../../.sass/estilos.sass */
#servicos .items .item#websites .imagem {
  background-image: url(images/04-websites.png);
  width: 100% !important;
}
/* line 480, ../../.sass/estilos.sass */
#servicos .items .item#assimp .imagem {
  background-image: url(images/04-assimp.png);
  width: 100% !important;
}
/* line 484, ../../.sass/estilos.sass */
#servicos .items .item#mediatraining .imagem {
  background-image: url(images/04-mediatraining.png);
  width: 100% !important;
}
@media screen and (max-width: 900px) {
  /* line 488, ../../.sass/estilos.sass */
  #servicos .items .item h2 {
    font-size: 0.6em !important;
  }
  /* line 490, ../../.sass/estilos.sass */
  #servicos .items .item p {
    font-size: 0.4em !important;
  }
}
/* line 492, ../../.sass/estilos.sass */
#servicos #linhas-amarelas {
  background-image: url(images/04-linhas.png);
  background-repeat: repeat-x;
  background-size: auto 130%;
  display: block;
  position: absolute;
  width: 100%;
  height: 10%;
  bottom: 0;
}

/* line 507, ../../.sass/estilos.sass */
#decolar {
  background-image: url(images/03-bg.jpg);
  background-repeat: repeat;
  top: 58.33333%;
  font-size: 2.7em;
}
/* line 512, ../../.sass/estilos.sass */
#decolar p {
  text-align: left;
  position: absolute;
  left: 7%;
  top: 12%;
}
@media screen and (max-width: 700px) {
  /* line 518, ../../.sass/estilos.sass */
  #decolar p {
    text-align: center;
    position: relative;
    margin: 0 auto;
    left: 0;
  }
}
/* line 523, ../../.sass/estilos.sass */
#decolar .grande {
  font-size: 2.2em;
  font-weight: bold;
}

/* line 530, ../../.sass/estilos.sass */
#problemas {
  background-color: black;
  top: 66.66667%;
  text-align: center;
}
/* line 534, ../../.sass/estilos.sass */
#problemas #triangulo {
  display: block;
  margin: -50px auto 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 50px;
  border-color: transparent transparent black transparent;
}
@media screen and (max-width: 700px) {
  /* line 543, ../../.sass/estilos.sass */
  #problemas #triangulo {
    display: none;
  }
}
/* line 545, ../../.sass/estilos.sass */
#problemas .items {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -150px;
}
/* line 552, ../../.sass/estilos.sass */
#problemas #web .imagem {
  display: block;
  background: url(images/02-web.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 356px;
  height: 236px;
}
/* line 555, ../../.sass/estilos.sass */
#problemas #imprensa .imagem {
  display: block;
  background: url(images/02-imprensa.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 356px;
  height: 236px;
}
/* line 557, ../../.sass/estilos.sass */
#problemas .item {
  width: 20%;
  display: inline-block;
  margin: 0 5%;
  font-size: 1.2em;
}
/* line 564, ../../.sass/estilos.sass */
#problemas .item .imagem {
  margin: 0;
  width: 100% !important;
}
/* line 567, ../../.sass/estilos.sass */
#problemas .item .texto {
  margin-top: -20%;
}
@media screen and (max-width: 900px) {
  /* line 570, ../../.sass/estilos.sass */
  #problemas .item .texto {
    font-size: 0.8em;
    margin-top: -60%;
  }
}

/* line 577, ../../.sass/estilos.sass */
#inicio {
  top: 83.33333%;
  overflow: hidden;
}
/* line 580, ../../.sass/estilos.sass */
#inicio #gradiente {
  background-image: url(images/01-gradiente.png);
  background-size: auto 100%;
  height: 10%;
  width: 100%;
  position: absolute;
  top: 0;
  background-repeat: repeat-x;
}
/* line 588, ../../.sass/estilos.sass */
#inicio #deumup {
  display: block;
  background: url(images/01-deumup.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 514px;
  height: 549px;
  width: 35%;
  top: 20%;
  left: 15%;
  position: absolute;
}
/* line 595, ../../.sass/estilos.sass */
#inicio .linhas {
  width: 100%;
  height: 100%;
  background-position: 100% 120%;
  background-size: 100% auto;
}
/* line 602, ../../.sass/estilos.sass */
#inicio footer .logo {
  display: block;
  background: url(images/01-rodapebranco.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 154px;
  height: 63px;
}
@media screen and (max-width: 900px) {
  /* line 606, ../../.sass/estilos.sass */
  #inicio #deumup {
    width: 40%;
  }
  /* line 608, ../../.sass/estilos.sass */
  #inicio .linhas {
    background-position: 100% 100%;
  }
}
@media screen and (max-width: 700px) {
  /* line 611, ../../.sass/estilos.sass */
  #inicio #deumup {
    width: 60%;
  }
}