::selection {
  background: #05264f;
  color: #fff; }

::-moz-selection {
  background: #05264f;
  color: #fff; }

a {
  transition: 0.3s ease-in-out all;
  color: #062d5d; }

.button {
  text-transform: uppercase;
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0;
  transition: 0.3s ease-in-out all;
  font-weight: 700;
  transition: 0.3s ease-in-out all;
  font-size: 1rem;
  letter-spacing: 1px;
  border-radius: 4px;
  border: 2px solid #fff;
  text-shadow: 1px 1px 2px rgba(1, 1, 1, 0.3); }
  .button i {
    padding-left: .5em;
    transition: 0.3s ease-in-out all; }
  .button:hover i {
    padding-left: 1em; }

.button:hover {
  color: #fff;
  background: #010101; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #062d5d; }

i {
  font-family: 'Font Awesome'; }

.icon {
  text-align: center;
  margin-bottom: 2em; }

.mb {
  margin-bottom: 0em; }

.row .column {
  margin-bottom: 1rem; }

iframe {
  width: 100%; }

section {
  padding: 4rem 0; }

.callout {
  padding-top: 1.5rem; }

#customNav {
  position: fixed;
  top: 0;
  z-index: 999999999;
  width: 100%;
  z-index: 999;
  transition: 0.3s ease-in-out all; }

#top {
  background: #fff;
  transition: 0.3s ease-in-out all; }

.top-bar, .title-bar {
  background: #fff; }

.top-bar {
  transition: 0.3s ease-in-out all;
  padding: 0;
  box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.25); }
  .top-bar:hover {
    box-shadow: 0px 10px 10px rgba(1, 1, 1, 0.25); }
  .top-bar ul {
    background: none;
    margin-top: .25em;
    margin-bottom: .25em; }
  .top-bar ul li a {
    text-shadow: none;
    font-weight: 900;
    font-size: .875rem;
    text-transform: uppercase;
    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #8b8a8f;
    transition: 0.3s ease-in-out all;
    background: #fff;
    border-radius: 0.5em;
    padding: .65em .75em .5em;
    margin-left: .5em; }
    .top-bar ul li a:hover {
      text-shadow: 1px 1px 2px rgba(1, 1, 1, 0.3);
      color: #fff;
      background: #062d5d; }
  .top-bar .top-bar-right {
    padding-top: .4rem; }
  .top-bar .redes a {
    padding: 0 .5rem;
    background: none; }
    .top-bar .redes a:hover {
      background: none;
      color: #010101;
      box-shadow: none; }
  .top-bar .redes {
    padding-left: 1rem; }
  .top-bar .top-bar-left ul li a:hover {
    background: none; }

#responsive-topbar .row {
  margin: 0rem auto; }

.menu.medium-horizontal > li {
  display: inline-block; }

.menu {
  background: none; }

ul.menu li {
  padding: 0; }

.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
  box-shadow: 0px 10px 10px rgba(1, 1, 1, 0.25); }

.banda {
  background: linear-gradient(90deg, #fba51a, #ffd02b, #fba51a);
  width: 100%;
  text-align: center;
  padding: .5rem 0; }

@-webkit-keyframes animBg {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@-moz-keyframes animBg {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes animBg {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

#landing {
  height: 100%;
  min-height: 100%;
  background: rgba(139, 138, 143, 0.3); }
  #landing .mask {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9; }
  #landing #info {
    position: absolute;
    width: 100%;
    top: calc(50% - 100px);
    z-index: 10; }
    #landing #info .logo img {
      width: 70%; }
    #landing #info p {
      text-transform: uppercase;
      margin-top: 1em; }

#titulo {
  margin-top: 0;
  padding-top: 8rem;
  padding-bottom: 1rem;
  text-align: center; }
  #titulo .row {
    margin: 0 auto;
    padding: 0; }
  #titulo h2 {
    color: #fff;
    font-size: 1rem;
    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.callout {
  transition: 0.3s ease-in-out all; }

#hero {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6em; }
  #hero .frase {
    background: rgba(255, 255, 255, 0.8);
    padding: 1em;
    margin-bottom: 0; }

#about .lead {
  margin-bottom: 2em; }

#about .column {
  margin-bottom: .5em; }

#about #highlight1 {
  margin-bottom: 2em;
  height: 13em; }

#about .callout {
  border: none;
  padding: 0 1em;
  font-size: .875em;
  background: rgba(255, 255, 255, 0.3);
  position: relative; }
  #about .callout::before {
    content: ' ';
    position: absolute;
    top: .5em;
    left: -1em;
    height: 12px;
    width: 12px;
    background: #062d5d; }

#experience {
  margin-top: 5em;
  position: relative; }
  #experience .row:nth-child(1) {
    margin-bottom: 2em; }
  #experience .column {
    margin-bottom: .5em; }
  #experience p {
    color: #fff;
    orphans: 0; }
  #experience #highlight2 {
    position: relative;
    height: 16em;
    margin-top: -10em; }
  #experience .callout {
    text-transform: capitalize;
    border: none;
    padding: 1em;
    padding-top: 0;
    font-size: .875em;
    font-weight: 900;
    background: none;
    color: #fff; }
    #experience .callout::before {
      content: ' ';
      position: absolute;
      top: .5em;
      left: -1em;
      height: 10px;
      width: 10px;
      background: #062d5d; }

#cases {
  padding: 4em 0; }
  #cases .callout {
    position: relative;
    border: none;
    box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.25);
    margin: .5em;
    min-height: 20em; }
    #cases .callout:hover {
      box-shadow: 0px 20px 50px rgba(1, 1, 1, 0.35); }
  #cases .backstretch img {
    opacity: .15; }

#links {
  background: #8b8a8f; }
  #links h3 {
    color: #fff; }

#clients {
  background: rgba(139, 138, 143, 0.15); }
  #clients .logo-cliente {
    box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.25);
    padding: .5em; }

label {
  color: #221f1f; }

select {
  font-size: 1rem;
  color: #221f1f;
  border: 2px solid #062d5d; }

input {
  border: 2px solid #062d5d; }

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
  color: #221f1f;
  transition: 0.3s ease-in-out all;
  border: 2px solid #062d5d; }

[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
  color: #221f1f;
  transition: 0.3s ease-in-out all;
  border: 2px solid #062d5d; }

button.button:hover, button.button {
  transition: 0.3s ease-in-out all; }

label a {
  text-decoration: underline; }

footer {
  background: #062d5d;
  padding: 2em 0 2.75em;
  text-align: center; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: #010101; }
  footer .redes {
    margin: 2rem auto 2em; }
    footer .redes ul {
      list-style: none;
      padding: 0; }
    footer .redes li {
      padding: 0;
      display: inline-block; }
  footer .redes i {
    font-size: 1.625em;
    margin: 0 1rem; }
  footer nav {
    background: #010101;
    margin-bottom: 1em;
    font-size: .875em; }
    footer nav a:hover {
      color: #fba51a; }

footer small, footer p {
  color: #fff; }

@media (min-width: 481px) and (max-width: 768px) {
  .top-bar-left {
    display: none; }
  .top-bar-right ul.menu li {
    display: block; }
  #about {
    margin-top: 3em; }
    #about .lead {
      margin-bottom: 2em; }
    #about .column {
      margin-bottom: .5em; }
    #about #highlight1 {
      margin-top: 1em;
      margin-bottom: 2em;
      height: 10em; }
    #about .callout {
      border: none;
      padding: 0 1em;
      font-size: .875em;
      background: rgba(255, 255, 255, 0.3);
      position: relative; }
      #about .callout::before {
        content: ' ';
        position: absolute;
        top: .5em;
        left: -1em;
        height: 12px;
        width: 12px;
        background: #062d5d; }
  #experience {
    margin-top: 5em;
    position: relative; }
    #experience .row:nth-child(1) {
      margin-bottom: 2em; }
    #experience .column {
      margin-bottom: .5em; }
    #experience p {
      color: #fff;
      orphans: 0; }
    #experience #highlight2 {
      position: relative;
      height: 16em;
      margin-top: -10em;
      margin-bottom: 1em; }
    #experience .callout {
      text-transform: capitalize;
      border: none;
      padding: 1em;
      padding-top: 0;
      font-size: .875em;
      font-weight: 900;
      background: none;
      color: #fff; }
      #experience .callout::before {
        content: ' ';
        position: absolute;
        top: .5em;
        left: -1em;
        height: 10px;
        width: 10px;
        background: #062d5d; } }

@media screen and (max-width: 480px) {
  .top-bar-left {
    display: none; }
  .top-bar-right .menu li {
    display: block;
    width: 95%; }
  #about {
    margin-top: 3em; }
    #about .lead {
      margin-bottom: 2em; }
    #about .column {
      margin-bottom: .5em; }
    #about #highlight1 {
      margin-top: 1em;
      margin-bottom: 2em;
      height: 10em; }
    #about .callout {
      border: none;
      padding: 0 1em;
      font-size: .875em;
      background: rgba(255, 255, 255, 0.3);
      position: relative; }
      #about .callout::before {
        content: ' ';
        position: absolute;
        top: .5em;
        left: -1em;
        height: 12px;
        width: 12px;
        background: #062d5d; }
  #experience {
    margin-top: 5em;
    position: relative; }
    #experience .row:nth-child(1) {
      margin-bottom: 2em; }
    #experience .column {
      margin-bottom: .5em; }
    #experience p {
      color: #fff;
      orphans: 0; }
    #experience #highlight2 {
      position: relative;
      height: 16em;
      margin-top: -10em;
      margin-bottom: 1em; }
    #experience .callout {
      text-transform: capitalize;
      border: none;
      padding: 1em;
      padding-top: 0;
      font-size: .875em;
      font-weight: 900;
      background: none;
      color: #fff; }
      #experience .callout::before {
        content: ' ';
        position: absolute;
        top: .5em;
        left: -1em;
        height: 10px;
        width: 10px;
        background: #062d5d; } }