/* Paleta de cores */
/* line 4, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
* {
  margin: 0; }

/* line 8, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
body {
  background: #139bc1;
  color: #fff;
  font: 16px/1.5 'Roboto', sans-serif; }

/* line 14, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
main {
  font-family: 'Montserrat', sans-serif;
  padding: 60px 0 0; }

/* line 19, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.bloco-escuro {
  background: #004272; }

/* line 23, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.destaque {
  color: #004272; }

/* line 27, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.txt-maior {
  font-size: 1.1em; }

/* line 31, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.direita {
  float: right; }

/* line 35, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.container {
  box-sizing: border-box;
  max-width: 994px;
  margin: auto;
  padding: 24px; }
  /* line 40, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .container + .container {
    padding-top: 0; }

/* line 46, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.capturas {
  background: url(../img/fundo-capturas.png) 0 144px repeat-x #004272; }
  /* line 48, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .capturas .container {
    max-width: 1174px; }

/* line 53, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.logo {
  float: left;
  background: url(../img/logo-sm.svg) 0 center no-repeat;
  color: transparent;
  line-height: 30px;
  height: 30px;
  width: 30px;
  position: relative;
  z-index: 9; }

/* line 64, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
header {
  background: #222;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 30; }
  /* line 70, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  header .container {
    max-width: 1188px;
    padding: 15px 24px;
    overflow: hidden; }

/* line 77, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
nav {
  float: right; }
  /* line 79, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  nav a {
    float: left;
    padding: 3px 6px;
    margin-left: 10px;
    line-height: 24px;
    position: relative; }
    /* line 85, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    nav a:not(.icone-menu):hover {
      background: #fff;
      color: #7900DF; }

/* line 92, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
[class^=icone-] {
  background: url(../img/vermais-24px.svg) 0 0 no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: bottom; }
  /* line 98, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  [class^=icone-]:hover {
    opacity: .8; }

/* line 103, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.icone-chamada {
  background-image: url(../img/call-24dp.svg); }

/* line 107, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
a {
  text-decoration: none; }

/* line 111, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.separador {
  white-space: nowrap; }

/* line 115, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
h1 {
  font: 700 3.2em/1.2 'Quicksand', sans-serif;
  color: #004272;
  text-shadow: 2px 0 #139bc1, -2px 0 #139bc1, 0 2px #139bc1, 0 -2px #139bc1;
  margin: 0 0 12px; }

/* line 122, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
h2 {
  font: 700 1.2em/2 'Quicksand', sans-serif; }

/* line 126, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
p:not(:last-child), ul {
  margin: 0 0 24px; }

/* line 130, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
ul, li {
  list-style: none;
  padding: 0; }

/* line 136, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
ul p {
  margin: 0; }

/* line 139, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
ul li {
  padding: 0 0 0 24px; }
  /* line 141, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  ul li + li {
    padding-top: 10px; }
  /* line 144, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  ul li:before {
    content: "";
    border: 4px solid #139bc1;
    float: left;
    margin: 8px 0 0 -24px; }
    /* line 149, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .bloco-laranja ul li:before {
      border-color: #fff; }

/* line 156, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.centro {
  text-align: center; }

/* line 160, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
footer {
  text-align: center;
  font-weight: 700; }

/* line 165, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.none {
  display: none; }

/* line 170, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.coluna:not(:last-child) {
  margin-bottom: 24px; }

/* line 175, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
a {
  color: #fff; }

/* line 179, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.pad {
  padding: 16px; }

/* line 183, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
[class^=slide-] {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 440px; }
  /* line 188, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  [class^=slide-] li {
    border: 0;
    padding: 0;
    position: absolute;
    margin: 0 0 0 -100%;
    opacity: 0;
    transition: all 2s;
    width: 22%;
    height: 440px; }
    /* line 197, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    [class^=slide-] li:before {
      content: none; }
  /* line 201, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  [class^=slide-] img {
    display: block; }

/* line 206, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.tam-100 {
  display: block;
  width: 100%; }

/* line 211, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
video {
  display: block;
  width: 240px;
  margin: auto; }

/* line 217, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.sl-nav, .sl-nav2 {
  position: absolute;
  width: 48px;
  height: 48px;
  z-index: 3;
  left: 0;
  margin: 0 -30%;
  background: url(../img/prox-24px.svg) center center no-repeat;
  top: 50%; }
  /* line 226, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .sl-nav:hover, .sl-nav2:hover {
    opacity: .75; }

/* line 231, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.sl-nav2 {
  right: 0;
  left: auto; }
  /* line 234, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .sl-nav2:before {
    border-color: transparent transparent transparent #139bc1;
    margin: -10px 20px 0; }

/* line 240, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.sl-nav {
  transform: scaleX(-1); }

/* line 244, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
[class^=exemplo-] {
  background: url(../img/app-exemplo-1.png) center 40px/80% auto no-repeat; }

/* line 248, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-2 {
  background-image: url(../img/app-exemplo-2.png); }

/* line 252, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-3 {
  background-image: url(../img/app-exemplo-3.png); }

/* line 256, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-4 {
  background-image: url(../img/app-exemplo-4.png); }

/* line 260, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-5 {
  background-image: url(../img/app-exemplo-5.png); }

/* line 264, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-6 {
  background-image: url(../img/app-exemplo-6.png); }

/* line 268, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
.exemplo-7 {
  background-image: url(../img/app-exemplo-7.png); }

@media screen and (min-width: 821px) {
  /* line 273, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  body {
    font-size: 20px; }
  /* line 276, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  h1 {
    font-size: 4.5em;
    line-height: 1.3;
    text-shadow: 3px 0 #139bc1, -3px 0 #139bc1, 0 3px #139bc1, 0 -3px #139bc1;
    margin: 0; }
  /* line 282, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  h2 {
    font-size: 2.1em; }
  /* line 285, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .container {
    padding: 48px 24px; }
  /* line 288, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .linha {
    display: flex;
    margin: 0 -12px; }
  /* line 292, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .coluna {
    flex: 1 1;
    margin: 0 12px; }
  /* line 296, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .tam-66 {
    flex-grow: 2; }
  /* line 299, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .tam-75 {
    flex-grow: 3; }
  /* line 302, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .links a {
    margin: 1px auto; }
  /* line 305, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  ul li:before {
    margin-top: 10px; }
  /* line 308, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .icone-menu {
    display: none; }
  /* line 311, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .separador:before {
    content: "|";
    margin: 0 8px; }
  /* line 315, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  [class^=icone-] {
    vertical-align: sub; }
  /* line 320, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-1, .slide-0 .exemplo-2, .slide-0 .exemplo-3, .slide-0 .exemplo-4, .slide-1 .exemplo-1, .slide-1 .exemplo-2, .slide-1 .exemplo-3, .slide-1 .exemplo-4, .slide-2 .exemplo-1, .slide-2 .exemplo-2, .slide-2 .exemplo-3, .slide-2 .exemplo-4, .slide-3 .exemplo-1, .slide-3 .exemplo-2, .slide-3 .exemplo-3, .slide-3 .exemplo-4 {
    margin: 0 0 0 6%;
    opacity: 1; }
  /* line 324, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-2, .slide-1 .exemplo-2, .slide-2 .exemplo-2, .slide-3 .exemplo-2 {
    margin: 0 0 0 28%; }
  /* line 327, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-3, .slide-1 .exemplo-3, .slide-2 .exemplo-3, .slide-3 .exemplo-3 {
    margin: 0 0 0 50%; }
  /* line 330, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-4, .slide-1 .exemplo-4, .slide-2 .exemplo-4, .slide-3 .exemplo-4 {
    margin: 0 0 0 72%; }
  /* line 333, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-1 .sl-nav2, .slide-0 .exemplo-2 .sl-nav2, .slide-0 .exemplo-3 .sl-nav2, .slide-0 .sl-nav, .slide-1 .exemplo-1 .sl-nav2, .slide-1 .exemplo-2 .sl-nav2, .slide-1 .exemplo-3 .sl-nav2, .slide-1 .sl-nav, .slide-2 .exemplo-1 .sl-nav2, .slide-2 .exemplo-2 .sl-nav2, .slide-2 .exemplo-3 .sl-nav2, .slide-2 .sl-nav, .slide-3 .exemplo-1 .sl-nav2, .slide-3 .exemplo-2 .sl-nav2, .slide-3 .exemplo-3 .sl-nav2, .slide-3 .sl-nav {
    display: none; }
  /* line 336, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-5, .slide-0 .exemplo-6, .slide-0 .exemplo-7, .slide-1 .exemplo-5, .slide-1 .exemplo-6, .slide-1 .exemplo-7, .slide-2 .exemplo-5, .slide-2 .exemplo-6, .slide-2 .exemplo-7, .slide-3 .exemplo-5, .slide-3 .exemplo-6, .slide-3 .exemplo-7 {
    margin: 0 0 0 100%; }
  /* line 341, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-4 .exemplo-5, .slide-4 .exemplo-6, .slide-4 .exemplo-7, .slide-4 .exemplo-8, .slide-5 .exemplo-5, .slide-5 .exemplo-6, .slide-5 .exemplo-7, .slide-5 .exemplo-8, .slide-6 .exemplo-5, .slide-6 .exemplo-6, .slide-6 .exemplo-7, .slide-6 .exemplo-8, .slide-7 .exemplo-5, .slide-7 .exemplo-6, .slide-7 .exemplo-7, .slide-7 .exemplo-8 {
    margin: 0 0 0 17%;
    opacity: 1; }
  /* line 345, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-4 .exemplo-6, .slide-5 .exemplo-6, .slide-6 .exemplo-6, .slide-7 .exemplo-6 {
    margin: 0 0 0 39%; }
  /* line 348, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-4 .exemplo-7, .slide-5 .exemplo-7, .slide-6 .exemplo-7, .slide-7 .exemplo-7 {
    margin: 0 0 0 61%; }
  /* line 351, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-4 .exemplo-6 .sl-nav, .slide-4 .exemplo-7 .sl-nav, .slide-4 .sl-nav2, .slide-5 .exemplo-6 .sl-nav, .slide-5 .exemplo-7 .sl-nav, .slide-5 .sl-nav2, .slide-6 .exemplo-6 .sl-nav, .slide-6 .exemplo-7 .sl-nav, .slide-6 .sl-nav2, .slide-7 .exemplo-6 .sl-nav, .slide-7 .exemplo-7 .sl-nav, .slide-7 .sl-nav2 {
    display: none; }
  /* line 356, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  nav a {
    font-size: 14px; } }

@media screen and (max-width: 820px) {
  /* line 362, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .coluna:empty {
    display: none; }
  /* line 365, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  header .container {
    padding: 13px 16px; }
  /* line 368, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  main {
    padding: 56px 0 0; }
  /* line 371, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  nav {
    width: 60px;
    height: 56px;
    overflow: hidden;
    text-align: right;
    position: fixed;
    right: 0;
    top: 0; }
    /* line 379, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    nav + .icone-fechar {
      display: none; }
    /* line 382, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    nav a {
      float: none;
      display: block;
      clear: both;
      margin: 0 -12px;
      padding: 16px;
      position: relative;
      text-align: center;
      box-shadow: 0 1px inset rgba(196, 196, 196, 0.1); }
    /* line 392, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    nav.ativo {
      height: auto;
      bottom: 0;
      left: 0;
      width: auto;
      box-shadow: 0 0 0 999em rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 0, 0, 0.3);
      background: rgba(48, 45, 51, 0.95); }
  /* line 401, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .icone-menu {
    background: none;
    height: 56px;
    padding: 0;
    width: 84px;
    opacity: 1 !important; }
    /* line 407, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .icone-menu span, .icone-menu:before, .icone-menu:after {
      width: 26px;
      border: 2px solid #fff;
      border-radius: 2px;
      transition: all .15s ease-in-out;
      position: absolute;
      right: 28px; }
    /* line 415, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .icone-menu:before {
      content: "";
      top: 18px; }
    /* line 419, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .icone-menu:after {
      content: "";
      top: 34px; }
    /* line 423, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .icone-menu span {
      position: absolute;
      top: 26px; }
    /* line 428, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .ativo .icone-menu:before {
      top: 26px;
      transform: rotate(-45deg); }
    /* line 432, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .ativo .icone-menu:after {
      top: 26px;
      transform: rotate(45deg); }
    /* line 436, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .ativo .icone-menu span {
      top: 26px;
      transform: rotate(135deg); }
  /* line 442, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .fundo-bloq {
    display: none;
    position: fixed;
    left: 0;
    right: 222px;
    bottom: 0;
    top: 0; }
    /* line 449, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    .ativo .fundo-bloq {
      display: block; }
  /* line 454, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-1, .slide-1 .exemplo-2, .slide-2 .exemplo-3, .slide-3 .exemplo-4, .slide-4 .exemplo-5, .slide-5 .exemplo-6, .slide-6 .exemplo-7 {
    margin: 0 24px;
    opacity: 1;
    width: calc(100% - 48px);
    background-size: auto 100%;
    background-position: center 0; }
  /* line 461, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 .exemplo-2, .slide-1 .exemplo-3, .slide-2 .exemplo-4, .slide-3 .exemplo-5, .slide-4 .exemplo-6, .slide-5 .exemplo-7 {
    margin: 0 0 0 100%; }
  /* line 464, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .slide-0 li:not(.exemplo-1) .sl-nav2 {
    display: none; }
  /* line 468, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  [class^=slide-] {
    width: calc(100% + 48px);
    margin: 0 -24px; }
    /* line 471, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
    [class^=slide-] li {
      transition: all 1s; }
  /* line 475, /home/thiago/Documentos/sitios/frwk/assets/css/hot-araujo.scss */
  .sl-nav, .sl-nav2 {
    margin: 0 -24px; } }

/*# sourceMappingURL=hot-araujo.css.map */