/*
Mobi Logística
Tema desenvolvido por Fante.
Version: 1.0
*/

@font-face {
  font-family: 'Gotham';
  src: url('../font/gotham-bold.woff2') format('woff2'),
       url('../font/gotham-bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../font/gotham-book.woff2') format('woff2'),
      url('../font/gotham-book.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *::after, *::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  width: 100%;
  height: 100%;
  margin:0;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Gotham';
  overflow-x: hidden;
}

input, textarea, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'Gotham';
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
  border: none;
}

a {
  text-decoration:none;
}

::-moz-selection {
  color: #323241;
  background: #ffc319;
}

::selection {
  color: #323241;
  background: #ffc319;
}

/* Clearfix */

.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
 clear: both;
}

.anchor {
  height: 90px;
  margin: -90px 0 0;
  display: block;
}

/* Preloader */

#preloader--1,
#preloader--2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#preloader--1 {
  background-color: #323241;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  transition: ease .3s;
  z-index: 102;
}

#preloader--2 {
  background-color: #ffc319;
  -webkit-transition: ease .4s;
  -moz-transition: ease .4s;
  transition: ease .4s;
  z-index: 101;
}

.anime-start #preloader--1,
.anime-start #preloader--2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}

/* Cookie */

.cookies-container {
  color: #222;
  position: fixed;
  width: 100%;
  margin: 0;
  bottom: 20px;
  z-index: 100;
}

.cookies-content {
  background: #fff;
  max-width: 700px;
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  display: block;
  position: relative;
  opacity: 0;
  -webkit-animation: slideUp 0.5s forwards;
  -moz-animation: slideUp 0.5s forwards;
  animation: slideUp 0.5s forwards;
  border: 1px solid rgba(0,0,0,.1);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,.15);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,.15);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.cookies-content p {
  margin: 0;
  width: 60%;
  float: left;
  padding: 0;
  color: #222;
  font-size: 14px;
  line-height: 1.4;
  display: block;
}

.cookies-content a {
  display: inline-block;
  color: #222;
  font-weight: 700;
}

.cookies-content .btn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  float: right;
}

.cookies-content a:hover {
  opacity: 1;
}

@keyframes slideUp {
  to {
    transform: initial;
    opacity: initial;
  }
}

.cookies-pref {
  display: none;
}


@media screen and (max-width:928px) {
  .cookies-content {
    text-align: center;
  }

  .cookies-content p {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  .cookies-content .btn {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    float: none;
  }
}

/* Header */

.header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid rgba(0,0,0,.05);
}

.home .header {
  background-color: transparent;
  border-bottom: 1px solid rgba(0,0,0,0);
}

.header.header-is-visible {
  background-color: #fff;
  box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
}

.admin-bar .header {
  top: 32px;
}

.header-content {
  width: 90%;
  max-width: 1300px;
  height: 90px;
  position: relative;
  margin: 0 auto;
}

.header--bottom {
  width: 100%;
  height: 90px;
}

.header-content .btn {
  float: right;
  margin: 18px 0 0 5px;
}

.header-content .btn.btn-ghost {
  padding: 15px 20px 15px 32px;
}

.header-content .btn.btn-login:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cstyle%3E.a%7Bfill:%23323241;%7D%3C/style%3E%3Cpath d='M37.5 1.7C48-2.8 61.2 3.2 65.3 13.7 68.7 21.4 67 31 61.1 37.1 55.5 43.4 45.9 45.8 37.9 42.9 30.5 40.4 24.8 33.6 23.5 26 21.6 15.9 27.8 5 37.5 1.7Z' class='a'/%3E%3Cpath d='M18.3 61.3C24.5 54.9 33.2 51 42.1 50.3 52 49.4 62.2 52.7 69.7 59.2 76.7 65.2 81.4 73.8 82.6 82.9 82.9 85.3 83.3 87.8 82.1 90L8.6 90C7.6 89.3 7.1 88.3 7.3 87 7.5 77.5 11.5 68.1 18.3 61.3Z' class='a'/%3E%3C/svg%3E");
}

.header-content .btn.btn-delivery {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 14px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M43.7 0L46.1 0C54.4 0.4 62.6 3.6 68.8 9.2 77.9 17.2 82.4 30.1 80.2 42 77.7 56.3 68.9 68.7 59.1 79 55.1 82.9 51.4 87.2 46.6 90L43.8 90C39.7 88.1 36.7 84.5 33.5 81.5 22.9 70.8 13.2 58.1 10.2 43.1 7.7 31.1 11.8 18 20.8 9.8 27 3.9 35.3 0.6 43.7 0M40.4 17.6C30.8 19.9 24.3 30.5 26.9 40 28.8 49 38 55.5 47.1 54.4 55.1 53.6 62.3 47.1 63.5 39.1 65 31.5 61.2 23.3 54.5 19.5 50.3 17 45.1 16.5 40.4 17.6Z' fill='%23ffc319'/%3E%3C/svg%3E");
}

.header-content .btn.btn-delivery:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M43.7 0L46.1 0C54.4 0.4 62.6 3.6 68.8 9.2 77.9 17.2 82.4 30.1 80.2 42 77.7 56.3 68.9 68.7 59.1 79 55.1 82.9 51.4 87.2 46.6 90L43.8 90C39.7 88.1 36.7 84.5 33.5 81.5 22.9 70.8 13.2 58.1 10.2 43.1 7.7 31.1 11.8 18 20.8 9.8 27 3.9 35.3 0.6 43.7 0M40.4 17.6C30.8 19.9 24.3 30.5 26.9 40 28.8 49 38 55.5 47.1 54.4 55.1 53.6 62.3 47.1 63.5 39.1 65 31.5 61.2 23.3 54.5 19.5 50.3 17 45.1 16.5 40.4 17.6Z' fill='%23323241'/%3E%3C/svg%3E");
}

/* Login */

.login-site {
  position: relative;
  float: right;
}

.header-content .btn.btn-login {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 14px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cstyle%3E.a%7Bfill:%23ffc319;%7D%3C/style%3E%3Cpath d='M37.5 1.7C48-2.8 61.2 3.2 65.3 13.7 68.7 21.4 67 31 61.1 37.1 55.5 43.4 45.9 45.8 37.9 42.9 30.5 40.4 24.8 33.6 23.5 26 21.6 15.9 27.8 5 37.5 1.7Z' class='a'/%3E%3Cpath d='M18.3 61.3C24.5 54.9 33.2 51 42.1 50.3 52 49.4 62.2 52.7 69.7 59.2 76.7 65.2 81.4 73.8 82.6 82.9 82.9 85.3 83.3 87.8 82.1 90L8.6 90C7.6 89.3 7.1 88.3 7.3 87 7.5 77.5 11.5 68.1 18.3 61.3Z' class='a'/%3E%3C/svg%3E");
}

.login-site .form-af {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 300px;
  top: 70px;
  right: 0;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 15px 80px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
}

.login-site:hover .form-af {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.login-site .form-af div {
  width: 100%;
  padding: 8px 10px;
}

.g-recaptcha {
  padding: 10px !important;
}


.g-recaptcha div {
  padding: 0 !important;
}

.login-site .form-af label {
  font-size: 14px;
  position: absolute;
  top: 24px;
  left: 45px;
  color: #323241;
  font-weight: 400;
  margin: 0;
  opacity: .9;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  transition: ease .3s;
}

.login-site .form-af input:focus + label,
.login-site .form-af input:valid + label {
  font-size: 10px;
  opacity: 1;
  left: 10px;
  top: -6px;
}

.login-site .form-af input[type=text],
.login-site .form-af input[type=password] {
  color: #323241;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 35px;
  border: 1.5pt solid rgba(50,50,65,.3);
  background-color: rgba(50,50,65,.10);
  background-position: left 10px center;
  background-size: 12px auto;
}

.login-site .form-af input[type=text] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cstyle%3E.a%7Bfill:%23323241;;%7D%3C/style%3E%3Cpath d='M37.5 1.7C48-2.8 61.2 3.2 65.3 13.7 68.7 21.4 67 31 61.1 37.1 55.5 43.4 45.9 45.8 37.9 42.9 30.5 40.4 24.8 33.6 23.5 26 21.6 15.9 27.8 5 37.5 1.7Z' class='a'/%3E%3Cpath d='M18.3 61.3C24.5 54.9 33.2 51 42.1 50.3 52 49.4 62.2 52.7 69.7 59.2 76.7 65.2 81.4 73.8 82.6 82.9 82.9 85.3 83.3 87.8 82.1 90L8.6 90C7.6 89.3 7.1 88.3 7.3 87 7.5 77.5 11.5 68.1 18.3 61.3Z' class='a'/%3E%3C/svg%3E");
}

.login-site .form-af input[type=password] {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='23px' version='1.1' viewBox='0 0 16 23' width='16px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23323241' id='Core' transform='translate(-550.000000, -253.000000)'%3E%3Cg id='https' transform='translate(550.000000, 253.500000)'%3E%3Cpath d='M14,7 L13,7 L13,5 C13,2.2 10.8,0 8,0 C5.2,0 3,2.2 3,5 L3,7 L2,7 C0.9,7 0,7.9 0,9 L0,19 C0,20.1 0.9,21 2,21 L14,21 C15.1,21 16,20.1 16,19 L16,9 C16,7.9 15.1,7 14,7 L14,7 Z M8,16 C6.9,16 6,15.1 6,14 C6,12.9 6.9,12 8,12 C9.1,12 10,12.9 10,14 C10,15.1 9.1,16 8,16 L8,16 Z M11.1,7 L4.9,7 L4.9,5 C4.9,3.3 6.3,1.9 8,1.9 C9.7,1.9 11.1,3.3 11.1,5 L11.1,7 L11.1,7 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 10px auto;
}

.login-site .form-af input[type=text]:focus,
.login-site .form-af input[type=password]:focus {
  border: 1.5pt solid rgba(50,50,65,.9);
  background-color: rgba(50,50,65,.19);
}

.login-site .form-af input[type=text]:valid,
.login-site .form-af input[type=password]:valid {
  background-size: 12px auto;
}

.login-site .form-af input[type=submit] {
  width: 100%;
  margin: 0;
}

.login-site-hover {
  display: none;
}

@media screen and (max-width:928px) {
#login-site {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  right: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#login-site:target {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  display: block;
}

#login-site .form-af {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  left: 50%;
  top: 50%;
  right: auto;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.login-site-hover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 195, 25, .9);
  cursor: default;
  text-indent: -999px;
}


.login-site .form-af input[type=submit] {
  display: block;
}
}

/* Logo */

.logo {
  display: block;
  width: 105px;
  float: left;
  margin: 15px 0 0;
}

.logo img {
  display: block;
  width: 100%;
  margin: 0;
}

@media screen and (max-width:1228px) {
  .header {
    background-color: #fff;
  }
  .header-content {
    height: 65px;
    width: 100%;
    padding: 0 20px;
  }
  .header--bottom {
    height: 65px;
  }
  .header-content .btn.btn-ghost,
  .header-content .btn {
    display: none;
  }
  .logo {
    width: 80px;
    margin: 12px 0 0;
  }

}

/* Nav */

.nav {
  float: left;
  margin: 0 0 0 40px;
}

.nav ul {
  margin: 0 auto;
  padding: 0;
  width:auto;
  font-size:0;
}

.nav p {
  display: none;
}

.nav li {
  display: inline-block;
  float: left;
  line-height: 90px;
  position: relative;
}

.nav li a {
  display: block;
  font-size: 12.5px;
  text-align: center;
  font-weight: 400;
  color: #323241;
  padding: 0 17px;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.nav li:hover a {
  color: #ffc319;
}

.nav .btn.btn-ghost,
.nav .btn {
  display: none;
}

/* Input */

input#toggle-menu,
label.toggle-menu {
  display:none;
}

@media screen and (max-width:1228px) {
  label.toggle-menu {
    display: block;
    z-index: 11;
    float: right;
    background-color: transparent;
    margin: 3px 0 0;
    padding: 0;
    height: 60px;
    width: 90px;
    outline: 0;
    border: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }

  label.toggle-menu h4,
  label.toggle-menu h5 {
    font-size: 10px;
    font-weight: 700;
    color: #323241;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  label.toggle-menu h5 {
    display:none;
    color: #fff;
    left: 15px;
  }

  label.toggle-menu div {
    position: absolute;
    top:20px;
    right: 30px;
  }

  label.toggle-menu span {
    display: block;
    height: 2px;
    width: 20px;
    background-color: #323241;
    position: absolute;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  label.toggle-menu span:nth-child(1) {
    top:0px;
  }

  label.toggle-menu span:nth-child(2) {
    top: 8px;
  }

  label.toggle-menu span:nth-child(3) {
    top: 16px;
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(2) {
    opacity: 0;
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  input#toggle-menu:checked ~ label.toggle-menu h4 {
    display: none;
  }

  input#toggle-menu:checked ~ label.toggle-menu h5 {
    display: block;
  }

  input#toggle-menu:checked ~ label.toggle-menu span {
    background-color: #fff;
  }

  .nav {
    float:none;
    height:100vh;
    width: calc(100% - 80px);
    position: fixed;
    top:0;
    right: 0;
    z-index:10;
    background-color: #323241;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 0 800px rgba(0,0,0,0), 1px 0 7px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 800px rgba(0,0,0,0), 1px 0 7px 2px rgba(0,0,0,0);
    box-shadow: 0 0 0 800px rgba(0,0,0,0), 1px 0 7px 2px rgba(0,0,0,0);
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    transform: translateX(150%);
  }

  input#toggle-menu:checked ~ .nav {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 0 0 0 800px rgba(0,0,0,0.5), 1px 0 7px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 800px rgba(0,0,0,0.5), 1px 0 7px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 800px rgba(0,0,0,0.5), 1px 0 7px 2px rgba(0,0,0,0.2);
  }

  .nav p {
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    font-size:12px;
    font-weight: 500;
    color: #fff;
    background-color: #282834;
    padding: 0 10px 0 25px;
  }

  .nav ul {
    height: auto;
    width: 100%;
    line-height:55px;
    padding: 0 0 20px;
  }

  .nav li {
    position: relative;
    float: left;
    width: 100%;
    line-height:55px;
  }

  .nav li a {
    font-size:15px;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    color: #fff;
    text-align:left;
    padding:0 15px 0 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    position: relative;
  }

  .nav .btn.btn-ghost,
  .nav .btn {
    display: block;
    float: none;
    width: calc(100% - 40px);
    margin: 14px 20px;
  }

  .nav .btn.btn-ghost {
    background-color: #fff;
    padding: 15px 30px;
  }
}

/* Grid */

.col-af {
  width: 100%;
  height: auto;
  position: relative;
  padding: 80px 0;
}

.col-af-content {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}

/* Button */

.btn {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #323241;
  border: 1.5pt solid #ffc319;
  margin: 0;
  background-color: #ffc319;
  padding: 15px 30px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn-ghost {
  background-color: transparent;
  border: 1.5pt solid transparent;
}

.btn:hover {
  background-color: #ffd14d;
  border: 1.5pt solid #ffd14d;
}

.btn.btn-ghost:hover {
  background-color: #ffc319;
  border: 1.5pt solid #ffc319;
}

.title-common {
  font-size: 38px;
  font-weight: 700;
  color: #323241;
  line-height: 1.2;
  margin: 0 0 20px;
}

.desc-common {
  font-size: 20px;
  font-weight: 400;
  color: #323241;
  line-height: 1.5;
  opacity: .8;
  margin: 0;
}

.btn-esqueci {
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #323241;
  border: 1.5pt solid #ffc319;
  margin: 0;
  background-color: #ffc319;
  padding: 15px 30px ;
  padding-right: 63px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media screen and (max-width:928px) {
  .btn {
    font-size: 14px;
  }

  .col-af {
    padding: 60px 0;
  }

  .title-common {
    font-size: 28px;
  }

  .title-common br {
    display: none;
  }

  .desc-common {
    font-size: 16px;
  }
}

/* Hero */

.hero {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #ffc319;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0;
}

.home .hero--1 {
  background-image: url(../images/hero-1.jpg);
}

.home .hero--2 {
  background-image: url(../images/hero-2.jpg);
}

.home .hero--3 {
  background-image: url(../images/hero-3.jpg);
}

.home .hero--4 {
  background-image: url(../images/forca_rs_4.png);
}

.hero::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  background: rgb(243,243,243);
  background: linear-gradient(150deg, rgba(243,243,243,0.9) 43%, transparent);
  margin: 0;
}

.hero.hero-page {
  height: 560px;
}

.hero-content {
  width: 90%;
  max-width: 1300px;
  position: absolute;
  z-index: 2;
  top: calc(50% + 40px);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.hero-content div {
  max-width: 650px;
}

.home .hero-content div {
  max-width: 500px;
}

.home .hero-content .title-common {
  font-size: 54px;
}

.hero-content .title-common,
.anime-start .owl-item .hero-content .title-common {
  margin: 0 0 20px;
  -webkit-transition: ease .8s;
  transition: ease .8s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  transition-delay: .2s;
}

.home .hero-content .title-common {
  margin: 0 0 30px;
}

.anime-start .hero-content .title-common,
.anime-start .owl-item.active .hero-content .title-common {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.hero-content .desc-common,
.anime-start .owl-item .hero-content .desc-common {
  padding: 0 50px 0 0;
  margin: 0 0 40px;
  -webkit-transition: ease .8s;
  transition: ease .8s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  transition-delay: .4s;
}

.home .hero-content .desc-common {
  margin: 0 0 50px;
}

.anime-start .hero-content .desc-common,
.anime-start .owl-item.active .hero-content .desc-common {
  opacity: .9;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.hero-content div div,
.anime-start .owl-item .hero-content div div {
  -webkit-transition: ease .8s;
  transition: ease .8s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition-delay: .6s;
  -moz-transition-delay: .6s;
  transition-delay: .6s;
}

.anime-start .hero-content div div,
.anime-start .owl-item.active .hero-content div div  {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.hero-content .btn {
  margin: 0 15px 0 0;
}

@media screen and (max-width:928px) {
  .hero {
    height: 100vh;
  }

  .home .hero--1 {
    background-image: url(../images/hero-1-mobile.jpg);
  }

  .home .hero--2 {
    background-image: url(../images/hero-2-mobile.jpg);
  }

  .home .hero--3 {
    background-image: url(../images/hero-3-mobile.jpg);
  }

  .home .hero--1 {
    background-image: url(../images/forca_rs_2_mobile.png);
  }

  .hero::after {
    opacity: .85;
  }

  .home .hero-content {
    top: 45%;
    padding: 0 40px 0 0;
  }

  .hero-page .hero-content {
    top: 55%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .hero-content .desc-common {
    margin: 0 0 30px;
    padding: 0;
  }

  .hero-content .btn {
    margin: 10px 0;
    display: block;
  }
  .hero-content .title-common {
    font-size: 28px;
  }
  .home .hero-content .title-common {
    font-size: 34px;
  }

}

/* Sobre */

.sobre,
.sobre.biker.solucoes {
  background-color: #fff;
  overflow: hidden;
}

.sobre.solucoes,
.sobre:nth-of-type(even) {
  background-color: #f6f6f6;
}

.sobre.biker.solucoes {
  border-top: 1px solid rgba(0, 0, 0, .05);
}

.sobre img.sobre-img {
  position: absolute;
  display: block;
  bottom: 0;
  right: 5%;
  width: 50%;
  max-width: 800px;
  z-index: 1;
}

.sobre.solucoes--small img.sobre-img {
 max-width: 700px;
}

.sobre:nth-of-type(even) img.sobre-img {
  right: auto;
  max-width: 600px;
  left: 5%;
  bottom: 50px;
}

.sobre-content div {
  width: 50%;
  max-width: 550px;
  float: left;
  z-index: 2;
  position: relative;
}

.trabalhe .sobre-content div {
  max-width: 500px;
}

.sobre-content .app img {
  width: calc(50% - 20px);
  max-width: 200px;
  display: block;
  float: left;
  margin: 10px 20px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.home .sobre-content div {
  max-width: 500px;
}

.sobre:nth-of-type(even) .sobre-content div {
  float: right;
}

.sobre-content h3.title-common {
  font-weight: 400;
  font-size: 26px;
  margin: 0;
}

.home .sobre-content h2.title-common {
  font-size: 44px;
}

.sobre-content p {
  font-size: 16px;
  font-weight: 400;
  color: #323241;
  line-height: 1.5;
  opacity: .8;
  margin: 30px 0;
}

.sobre-content div ul {
  width: 100%;
  padding: 40px 0 0;
  border-top: 1px solid rgba(0,0,0,.1);
  margin: 40px 0;
}

.sobre-content div ul li {
  position: relative;
  width: 33.3333333%;
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #323241;
  line-height: 1.2;
  margin: 0;
  padding: 0 50px 0 0;
}

.sobre-content div ul li img {
  width: 30px;
  display: block;
  margin: 0 0 20px;
  position: relative;
  z-index: 2;
}

.sobre.solucoes .sobre-content div ul li img {
  width: 35px;
}

.sobre-content div ul li span {
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 12px;
  width: 20px;
  height: 20px;
  display: block;
  background-color: #ffc319;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.sobre-content div.sobre-image {
  float: right;
  position: relative;
}

.sobre-content div.sobre-image img {
  display: block;
  width: 100%;
  z-index: 2;
  position: relative;
}

.sobre-content div.sobre-image .modal-video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  z-index: 3;
  margin: -60px 0 0 -60px;
  background-color: #ffc319;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.sobre-content div.sobre-image .modal-video img {
  display: block;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -18px;
}

.sobre-content div.solucoes-dot-1 {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -20px;
  left: 100px;
  z-index: 3;
  background-color: transparent;
  border: 25px solid #ffc319;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: float 3s ease-in-out infinite;
  animation: float 3s ease-in-out infinite;
}

.sobre-content div.solucoes-dot-2 {
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: 140px;
  left: -50px;
  z-index: 1;
  background-color: #ffc319;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: float 2s ease-in-out infinite;
  animation: float 2s ease-in-out infinite;
}

.sobre-content div.solucoes-dot-3 {
  width: 120px;
  height: 57px;
  position: absolute;
  bottom: -30px;
  right: 30px;
  z-index: 3;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='67' viewBox='0 0 142 67'%3E%3Cstyle%3E.a%7Bfill:%23ffc319;%7D%3C/style%3E%3Cpath d='M7.3 0L9.4 0C16.2 0.6 19.5 9.8 14.5 14.4 9.9 19.4 0.7 16.3 0 9.5L0 7.8C0.4 3.8 3.5 0.8 7.3 0Z' class='a'/%3E%3Cpath d='M32.4 0L34.4 0C37.4 0.6 40.4 2.4 41.4 5.4 43.4 10.2 40 16.1 35 16.8 29.8 17.9 24.6 13.2 25.1 8 25.1 3.9 28.6 0.8 32.4 0Z' class='a'/%3E%3Cpath d='M57.4 0L59.5 0C62.5 0.6 65.4 2.4 66.4 5.4 68.4 10.1 65.1 16.1 60 16.8 54.9 17.8 49.7 13.2 50.1 8 50.2 3.9 53.6 0.8 57.4 0Z' class='a'/%3E%3Cpath d='M82.3 0L84.4 0C87.4 0.6 90.3 2.4 91.4 5.5 93.3 10.1 90 16 85 16.7 80.2 17.8 75.2 13.9 75 9 74.6 4.6 78.1 0.8 82.3 0Z' class='a'/%3E%3Cpath d='M107.4 0L109.4 0C112.4 0.6 115.3 2.4 116.4 5.4 118.4 10.1 115.1 16.1 110 16.8 104.8 17.9 99.6 13.2 100.1 8 100.1 3.9 103.6 0.8 107.4 0Z' class='a'/%3E%3Cpath d='M132.4 0L134.5 0C138.3 0.6 141.4 3.6 142 7.4L142 9.4C141.4 13.4 138.1 16.8 134 16.9 128.8 17.3 124.2 12.1 125.2 7 125.7 3.4 128.9 0.8 132.4 0Z' class='a'/%3E%3Cpath d='M0 33.2C0.1 27.3 6.9 23.1 12.2 25.9 17.8 28.4 18.5 37 13.4 40.4 8.4 44.2 0.7 40.7 0 34.6L0 33.2Z' class='a'/%3E%3Cpath d='M30.4 25.6C36.3 23 43.2 28.8 41.8 35 41 41.2 32.6 44.2 28 39.9 23.2 36.1 24.6 27.6 30.4 25.6Z' class='a'/%3E%3Cpath d='M55.4 25.7C61.3 23 68.4 28.9 66.8 35.1 66 41.3 57.6 44.2 53.1 39.9 48.3 36.2 49.7 27.7 55.4 25.7Z' class='a'/%3E%3Cpath d='M80.5 25.6C86.3 23.1 93.3 28.9 91.7 35.1 90.8 41.3 82.6 44.2 78 40 73.1 36.2 74.6 27.5 80.5 25.6Z' class='a'/%3E%3Cpath d='M105.5 25.6C111.3 23 118.3 28.8 116.8 35 116 41.2 107.6 44.2 103.1 40 98.2 36.2 99.6 27.6 105.5 25.6Z' class='a'/%3E%3Cpath d='M125.3 35C124.1 29.9 128.8 24.6 134 25.1 138.1 25.1 141.3 28.5 142 32.4L142 34.2C141.5 37.4 139.6 40.4 136.6 41.4 131.8 43.4 126 40 125.3 35Z' class='a'/%3E%3Cpath d='M0 57.8C0.5 53.8 3.8 50.2 8 50.1 13.2 49.6 17.9 54.9 16.8 60 16.3 63.7 13.1 66.2 9.6 67L7.8 67C3.8 66.6 0.7 63.5 0 59.6L0 57.8Z' class='a'/%3E%3Cpath d='M25.6 61.6C23.6 56.8 27 50.9 32 50.3 37.2 49.1 42.4 53.8 41.9 59 41.9 63.1 38.5 66.2 34.7 67L32.5 67C29.6 66.4 26.6 64.6 25.6 61.6Z' class='a'/%3E%3Cpath d='M50.7 61.6C48.7 56.9 52 51 57.1 50.3 62.2 49.1 67.5 53.8 67 59 66.9 63.1 63.5 66.3 59.6 67L57.6 67C54.6 66.4 51.7 64.6 50.7 61.6Z' class='a'/%3E%3Cpath d='M75.6 61.6C73.6 56.9 76.9 50.9 82 50.3 87.1 49.1 92.3 53.8 91.9 59 91.8 63.1 88.4 66.2 84.6 67L82.7 67C79.6 66.5 76.6 64.7 75.6 61.6Z' class='a'/%3E%3Cpath d='M100.6 61.6C98.6 56.9 101.9 50.9 107 50.3 112.2 49.1 117.4 53.8 116.9 59 116.9 63.1 113.5 66.2 109.7 67L107.5 67C104.6 66.4 101.7 64.6 100.6 61.6Z' class='a'/%3E%3Cpath d='M125.2 60C124.2 54.9 128.8 49.6 134 50.1 138.1 50.2 141.2 53.6 142 57.4L142 59.2C141.6 63.2 138.5 66.3 134.6 67L132.6 67C129 66.4 125.7 63.7 125.2 60Z' class='a'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-position: center;
  -webkit-animation: float2 2s ease-in-out infinite;
  animation: float2 2s ease-in-out infinite;
}

@keyframes float {
  0%, to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes float2 {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

@media screen and (max-width:928px) {
.sobre {
  padding: 60px 0 80%;
}

.sobre img.sobre-img {
  right: 5%;
  width: 90%;
}

.sobre-content div {
  width: 100%;
  max-width: 100%;
}

.sobre-content div ul li {
  font-size: 13px;
  padding: 0 30px 0 0;
}

.sobre-content div.sobre-image img {
  margin: 40px 0 0;
}

.sobre-content div.sobre-image .modal-video {
  width: 100px;
  height: 100px;
  margin: -30px 0 0 -50px;
}

.sobre-content div.sobre-image .modal-video img {
  width: 36px;
  margin: -18px 0 0 -15px;
}

.home .sobre-content h2.title-common {
  font-size: 28px;
}

.sobre-content h3.title-common {
  font-size: 22px;
}

.sobre-content .app img {
  width: calc(50% - 10px);
  margin: 0 20px 0 0;
}

.sobre-content .app:nth-of-type(2) img {
  margin: 0;
}

.sobre-content div.solucoes-dot-1 {
  width: 100px;
  height: 100px;
  top: 0px;
  left: 40px;
  z-index: 3;
  border: 20px solid #ffc319;
}

.sobre-content div.solucoes-dot-2 {
  width: 50px;
  height: 50px;
  bottom: 70px;
  left: 20px;
  z-index: 3;
}
}

/* Contador */

.counter {
  background-color: #323241;
  padding: 60px 0;
}

.counter-content div {
  width: 25%;
  float: left;
  padding: 0 10px;
  text-align: center;
}

.counter-content div .title-common,
.counter-content div .desc-common {
  color: #fff;
}

.counter-content div span.counter-icon {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background-color: #ffc319;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.counter-content div span.count {
  display: inline-block;
}

.counter-content div span img {
  display: block;
  position: absolute;
  width: 36px;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

@media screen and (max-width:928px) {
.counter-content div {
  width: 50%;
  padding: 20px 0px;
}

.counter-content div .title-common {
  font-size: 24px;
  margin: 0 0 10px;
}
}

/* Tecnologia */

.tecnologia {
  background-color: #fff;
  position: relative;
}

.tecnologia-image {
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.tecnologia-home-1 {
  background-image: url(../images/img_home_2.png);
}

.tecnologia-home-2 {
  background-image: url(../images/img_home_3.png);
}

.tecnologia-home-3 {
  background-image: url(../images/img_home_4.png);
}

.solucoes-1 .tecnologia-image {
  background-image: url(../images/img_solucoes_armazenagem.png);
}

.solucoes-2 .tecnologia-image {
  background-image: url(../images/img_solucoes_back.png);
}

.solucoes-3 .tecnologia-image {
  background-image: url(../images/img_solucoes_agility.png);
}

.solucoes-4 .tecnologia-image {
  background-image: url(../images/img_solucoes_vip.png);
}

.solucoes-5 .tecnologia-image {
  background-image: url(../images/img_solucoes_plus.png);
}

.solucoes-6 .tecnologia-image {
  background-image: url(../images/img_solucoes_flex.png);
}

.solucoes-7 .tecnologia-image {
  background-image: url(../images/img_solucoes_deal.png);
}

.tecnologia:nth-of-type(odd) .tecnologia-image {
  left: auto;
  right: 0;
}

.tecnologia-content div {
  position: relative;
  width: 50%;
  margin: 0 100px 0 0;
  float: right;
  background-color: #ffc319;
  padding: 60px;
  z-index: 2;
}

.tecnologia:nth-of-type(odd) .tecnologia-content div {
  float: left;
  margin: 0 0 0 100px;
}

.tecnologia-content div h3.desc-common {
  margin: 20px 0 30px;
  font-size: 28px;
  opacity: 1;
}

@media screen and (max-width:928px) {
.tecnologia {
  padding: 300px 0 60px;
}

.tecnologia-image {
  width: 100%;
  height: 300px;
}

.tecnologia:nth-of-type(odd) .tecnologia-image {
  left: auto;
  right: 0;
}

.tecnologia-content div,
.tecnologia:nth-of-type(odd) .tecnologia-content div {
  width: 100%;
  float: left;
  padding: 50px;
  margin: -60px 0 0;
}

.tecnologia-content div h3.desc-common {
  font-size: 22px;
}

.solucoes-1 .tecnologia-image,
.solucoes-2 .tecnologia-image,
.solucoes-3 .tecnologia-image,
.solucoes-4 .tecnologia-image,
.solucoes-5 .tecnologia-image,
.solucoes-6 .tecnologia-image,
.solucoes-7 .tecnologia-image {
  background-position: center;
}
}

/* Tecnologia */

.clientes {
  background-color: #f6f6f6;
  position: relative;
  text-align: center;
}

.clientes ul {
  display: block;
  list-style: none;
}

.clientes .title-common {
  margin: 0 0 40px;
}

.clientes ul li {
  display: block;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0 25px;
  list-style: none;
}

.clientes ul li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  opacity: .6;
  filter: grayscale(1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.clientes ul li img:hover {
  filter: grayscale(0);
  opacity: 1;
}

@media screen and (max-width:928px) {
.clientes .title-common {
  margin: 0 0 30px;
}

.clientes ul li {
  padding: 0 15px;
}
}

/* Footer */

.footer {
  background-color: #323241;
}

.footer-content div {
  width: 25%;
  float: left;
  padding: 0 10px;
}

.footer-content div img  {
  display: block;
  width: 120px;
  /* margin: 0 0 40px; */
}

.footer-content div a.reclame-aqui {
  display: inline-block;
  float: left;
}

.footer-content div a.reclame-aqui img  {
  width: 120px;
  display: inline-block;
  /* margin: 60px 0 0; */
}

.footer-content div h6 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #ffc319;
  line-height: 1.4;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-content div h6:nth-of-type(2) {
  margin: 40px 0 0;
}

.footer-content div a,
.footer-content div p {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  margin: 20px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-content div p {
  font-size: 12px;
}

.footer-content div a:hover {
  color: #ffc319;
}

@media screen and (max-width:928px) {
.footer-content div {
  width: 100%;
  text-align: center;
}

.footer-content div img  {
  margin: 0 auto 40px;
}

.footer-content div a.reclame-aqui img  {
  margin: 60px auto;
}
}


/* Social */

.social {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9;
  padding: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffc319;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3);
}

.social a {
  display: block;
  margin: 15px 0;
}

.social a img {
  display: block;
  width: 24px;
}

@media screen and (max-width:928px) {
.social {
  padding: 10px;
}

.social a img {
  width: 20px;
}
}

/* Copyright */

.end {
  padding: 0;
  background-color: #323241;
  border-top: 1px solid rgba(255,255,255,.1);
}

.end .col-af-content div {
  width: 50%;
  float: left;
  text-align: left;
}

.end .col-af-content div:nth-child(2) {
  text-align: right;
}

.end div p {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  line-height: 65px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 10px 0 0;
}

.end div a {
  display: inline-block;
  margin: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 65px;
  color: #fff;
  text-transform: uppercase;
}

.end img {
  display: block;
  width: 65px;
  max-width: 65px;
  margin: 0 0 -3px;
}

@media screen and (max-width:768px) {
  .end {
    padding: 20px 0;
  }

  .end .col-af-content div,
  .end .col-af-content div:nth-child(2) {
    width: 100%;
    text-align: center;
  }

  .end div p {
    line-height: 1.5;
    margin: 10px 10px 10px 0;
  }
}

/* Abrangência */

.abrangencia {
  background-color: #f6f6f6;
  background-color: #ffc319;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/abrangencia.jpg);
  margin: 0;
}

.abrangencia::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(243,243,243);
  background: linear-gradient(150deg, rgba(243,243,243,0.9) 43%, transparent);
  margin: 0;
}

.abrangencia-content {
  position: relative;
  z-index: 2;
}

.abrangencia-content div {
  width: 50%;
  float: left;
  margin: 50px 0 0;
}

.abrangencia-content div .title-common {
  font-size: 44px;
}

.abrangencia-content div.mapa {
  float: right;
  margin: 0;
 }

.map {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 10px;
 }

.shape {
  fill: #323241;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.shape:hover {
  fill: #ffc319;
}

.label-state {
  fill: #fff;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.shape:hover ~ .label-state {
  fill: #323241;
}

.icon-state {
  fill: #323241;
  display: none;
}

.state--df .icon-state {
  display: block;
  fill: #1e1e29;
}

/* Modal  */

.panel-md {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.panel-md-hover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 195, 25, .9);
  cursor: default;
  text-indent: -999px;
}

.panel-md.current {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.content-md {
  position: relative;
  top: 50%;
  left: 50%;
  height: auto;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  margin: 20px 0 0;
  max-width: 500px;
  width: 90%;
  padding: 60px;
  background: #323241;
  z-index: 2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.content-md.content-md-video {
  padding: 20px;
  background: #fff;
  max-width: 700px;
  overflow-y: visible;
}

.content-md a.md-close {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M12.1 15C13.5 11.6 18.3 10.4 21 13.1 29.1 21 37 29.1 45.1 37.1 53.1 29.4 60.7 21.4 68.6 13.7 70.2 12 72.7 11 74.9 12 78.5 13.1 80 18.4 77.1 21 69.2 29.1 61.1 37 53.2 45.1 61 53.2 69.1 61 77 69.1 79.9 71.7 78.7 77.1 74.9 78.2 72.7 79.2 70.2 78.2 68.6 76.5 60.7 68.7 53 60.8 45.1 53.1 37.4 60.8 29.7 68.4 22.1 76.1 20.9 77.2 19.7 78.5 18 78.5 14.5 79.1 11 75.5 11.7 72 12.3 69.5 14.5 67.9 16.1 66.1 23.1 59.1 30.2 52.2 37.1 45.1 29.4 37.3 21.7 29.7 14 22 12.2 20.3 10.8 17.5 12.1 15Z' fill='%23ffc319'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
  top: 20px;
  right: 20px;
}

.content-md.content-md-video a.md-close {
  top: -50px;
  right: 0px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.content-md .title-common {
  color: #fff;
}

.content-md ul {
  width: 100%;
}

.content-md ul li {
  display: block;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  opacity: .8;
}

.content-md ul li span {
  display: inline-block;
  width: 100px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin:0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:928px) {
.abrangencia-content div {
  width: 100%;
  margin: 0 0 60px;
}

.abrangencia-content div .title-common {
  font-size: 28px;
}

.map {
  zoom: 70%;
}

.content-md {
  padding: 40px 30px;
}
}

/* Rastreio */

.rastreio {
  padding: 120px 0 140px;
}

.rastreio .title-common {
  font-size: 44px;
}

.rastreio .form-af {
  margin: 30px 0 0;
  position: relative;
  width: 80%;
}

.rastreio .form-af label {
  font-size: 15px;
  position: absolute;
  top: 18px;
  left: 30px;
  color: #323241;
  font-weight: 400;
  margin: 0;
  opacity: .9;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  transition: ease .3s;
}

.rastreio .form-af input:focus + label,
.rastreio .form-af input:valid + label {
  font-size: 12px;
  opacity: 1;
  left: 10px;
  top: -20px;
}

.rastreio .form-af input[type=text] {
  color: #323241;
  height: 55px;
  line-height: 55px;
  border: 1.5pt solid rgba(50,50,65,.3);
  background-color: rgba(50,50,65,.10);
}

.rastreio .form-af input[type=text]:focus {
  border: 1.5pt solid rgba(50,50,65,.9);
  background-color: rgba(50,50,65,.19);
}

.rastreio .form-af input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
  line-height: 55px;
}

@media screen and (max-width:928px) {
.rastreio {
  padding: 60px 0 80%;
}

.rastreio .title-common {
  font-size: 32px;
}

.rastreio .form-af {
  width: 100%;
}

.rastreio .form-af input[type=submit] {
  padding: 0 50px 0 20px;
}
}

/* Filosofia */

.filosofia {
  background-color: #ffc319;
  padding: 60px 0;
}

.filosofia-content {
  display: flex;
}

.filosofia-content div {
  width: calc(33.3333333% - 30px);
  flex: 1;
  margin: 15px;
  float: left;
  padding: 40px;
  text-align: center;
  background-color: #323241;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.filosofia-content div .title-common,
.filosofia-content div .desc-common {
  color: #fff;
}

.filosofia-content div .title-common {
  font-size: 28px;
}

.filosofia-content div .desc-common {
  font-size: 15px;
}

.filosofia-content div img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 30px;
}

@media screen and (max-width:928px) {
.filosofia-content {
  display: block;
}

.filosofia-content div {
  width: calc(100% - 30px);
  flex: none;
}

.filosofia-content div .title-common {
  font-size: 22px;
}
}

/* Animate */

.anime {
  opacity: 0;
  -webkit-transition: ease .8s;
  transition: ease .8s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.come-in {
  opacity: 1;
}

.anime.already-visible {
  opacity: 1;
  -webkit-transform: none!important;
  transform: none!important;
}

.anime.fadeInUp {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.anime.fadeInBottom {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.anime.fadeInUp.come-in,
.anime.fadeInBottom.come-in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.anime.fadeInRight {
  -webkit-transform: translateX(70px);
  transform: translateX(70px);
}

.anime.fadeInLeft {
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}

.anime.fadeInLeft.come-in,
.anime.fadeInRight.come-in {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.anime.fadeZoom {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}

.anime.fadeZoom.come-in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.anime.delay--2s {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.anime.delay--4s {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.anime.delay--6s {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

@media screen and (max-width: 768px) {
  .anime.delay--2s.delay--mobile,
  .anime.delay--4s.delay--mobile,
  .anime.delay--6s.delay--mobile {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }
}

/* OWL */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-nav {
  display: block;
  width: 100%;
  max-width: 1300px;
  bottom: 0;
  z-index: 10;
}

.owl-nav button {
  z-index: 10;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.owl-nav button.owl-prev {
  float: left;
  left: -45px;
  margin: 0;
}

.owl-nav button.owl-next {
  float: right;
  right: -45px;
  margin: 0;
}

.owl-nav button svg {
  z-index: 10;
  display: block;
  width: 13px;
  height: auto;
  margin: 0 0 0 16px;
}

.owl-nav button svg path {
  fill: #525555;
}

.owl-nav button:hover {
  opacity: 1;
}

.owl-nav button.disabled {
  opacity: 0;
}

.owl-dots {
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: center;
}

.owl-dots .owl-dot {
  display: inline-block;
  border: 0;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
  margin: 0 10px;
  outline: 0;
  background-color: #ffc319;
  border: 1px solid rgba(0, 0, 0, .3);
  opacity: .4;
}

.owl-dots .owl-dot:hover {
  opacity: .8;
}

.owl-dots .owl-dot.active {
  opacity: 1;
}

.no-js .owl-carousel {
  display: block;
}

/* FAQ */

.faq {
  background-color: #ffc319;
}

.faq-content .title-common {
  font-size: 44px;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs {
  margin: 50px 0 0;
  width: 100%;
  background-color: #fff;
  padding: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.tabs--label {
  width: 50%;
  padding-right: 50px;
  float: left;
  border-right: 1px solid rgba(0,0,0,.1);
}

.tabs--label label {
  display: block;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #323241;
  line-height: 1.4;
  opacity: .5;
  background-color: transparent;
   background-size: 12px auto;
  background-position: right 20px center;
  background-repeat: no-repeat;
  border: 1px solid rgba(50,50,65,0);
  padding: 20px 40px 20px 20px;
  margin: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.tabs--label label.current {
  background-color: #fff;
  border: 1px solid rgba(50,50,65,.2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M21.1 11C17.6 7.4 20.4 1.1 25.1 0.4 27.4-0.2 29.6 1.3 31.2 2.9 43.6 15.4 56.2 27.9 68.6 40.4 71.5 42.7 71.5 47.4 68.8 49.9 56.7 62.1 44.5 74.2 32.3 86.3 31 87.8 29.4 89 27.7 90L24.9 90C20.2 89.1 17.7 82.8 21.2 79.2 32.4 67.8 43.9 56.6 55.1 45.1 43.8 33.8 32.3 22.4 21.1 11Z' fill='%23353442'/%3E%3C/svg%3E");
  opacity: 1;
  box-shadow: 0px 0px 62px 0px rgba(2, 1, 1, 0.11);
}

section.tabs--section > div {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

section.tabs--section {
  width: 50%;
  float: left;
  padding-left: 50px;
}

section.tabs--section img {
  display: block;
  width: 50px;
  margin: 0 0 30px;
}

section.tabs--section .title-common {
  font-size: 24px;
}

section.tabs--section p {
  font-size: 16px;
  font-weight: 400;
  color: #323241;
  line-height: 1.5;
  opacity: .8;
  margin: 30px 0;
}

#tab--01:checked ~ .tab--section--01,
#tab--02:checked ~ .tab--section--02,
#tab--03:checked ~ .tab--section--03,
#tab--04:checked ~ .tab--section--04,
#tab--05:checked ~ .tab--section--05,
#tab--06:checked ~ .tab--section--06,
#tab--07:checked ~ .tab--section--07,
#tab--08:checked ~ .tab--section--08,
#tab--09:checked ~ .tab--section--09,
#tab--10:checked ~ .tab--section--10 {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

@media screen and (max-width:928px) {
  .faq-content .title-common {
    font-size: 32px;
  }
.tabs {
  padding: 20px;
}

.tabs--label {
    width: 100%;
    padding-right: 0;
    border-right: 0;
  }

  .tabs--label label {
    width: 100%;
    float: left;
    font-size: 13px;
    background-position: right 10px center;
    background-size: 14px auto;
    padding: 15px 20px;
  }

  section.tabs--section {
    width: 100%;
    padding: 60px 20px 20px;
  }
}

/* Contato */

.contato {
  background-color: #323241;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.contato-duvida{
  height: 600px;
}

.btn-fale-conosco {
  font-size: large;
  margin-top: 40px;
}

.contato-content .title-common,
.contato-content .desc-common {
  color: #fff;
}

.contato .form-af {
  width: 50%;
  padding: 50px 0 0;
}

.contato img.contato-img {
  position: absolute;
  display: block;
  bottom: 0;
  right: 5%;
  width: 40%;
  max-width: 550px;
}

@media screen and (max-width:928px) {
.contato {
  padding: 60px 0 140%;
}

.contato .form-af {
  width: 100%;
  padding: 50px 0 0;
}

.contato img.contato-img {
  right: 10%;
  bottom: 0;
  top: auto;
  width: 80%;
}
}

/* Inputs */

.form-af {
  display: block;
  margin: 0;
  position: relative;
}

.naoexibir {
  display: none!important;
}

.form-af div {
  width: 50%;
  padding: 10px;
  margin: 0;
  float: left;
  position: relative;
}

.form-af div.full,
.form-af div.div-hidden {
  width: 100%;
}

.form-af div.div-hidden {
  display: none;
  padding: 10px 0;
}

.form-af div.div-checkbox {
  margin: 40px 0 0;
}

.form-af .desc-common {
  margin: 10px 0 20px;
}

@media screen and (max-width:928px) {
.form-af div {
  width: 100%;
}

.form-af div.div-checkbox {
  margin: 20px 0 0;
}
}

.form-af span {
  display: block;
  float: left;
  font-size: 12px;
  padding: 0;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  margin: 10px 0;
  opacity: .9;
}

.form-af span a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}

.form-af label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 10px;
}

.form-af select,
.form-af input[type=text],
.form-af input[type=email],
.form-af input[type=tel],
.form-af input[type=password],
.form-af textarea {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #323241;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin:0;
  outline:0;
  border: 1.5pt solid rgba(255,255,255,1);
  background-color: rgba(255,255,255,.95);
  background-size: 11px auto;
  background-position: right 12px center;
  background-repeat: no-repeat;
  resize: none;
  -webkit-appearance: none;
  padding: 0 10px 0 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.form-af input[type=text]:valid,
.form-af input[type=email]:valid,
.form-af input[type=tel]:valid,
.form-af input[type=password]:valid,
.form-af select:valid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M49 67.8C66.4 50.3 83.9 32.9 101.4 15.4 106.7 20.1 111.5 25.4 116.6 30.4 93.9 52.7 71.5 75.3 49 97.8 34 82.8 19 67.8 4 52.8 9 47.8 14 42.8 19 37.8 29 47.8 39 57.8 49 67.8Z' fill='%23323241'/%3E%3C/svg%3E");
}

.form-af select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M0 24.7C1.2 20.2 7.3 17.7 10.8 21.2 22.3 32.3 33.4 44.1 45 55.1 55.4 44.5 66.1 34.1 76.5 23.5 78.3 21.7 80.2 19.4 83 19.6 88.2 19.2 92.1 26.3 88.1 30.1 75.4 43.1 62.4 55.8 49.6 68.7 47.3 71.4 42.7 71.5 40.2 68.8 28.5 57.2 16.8 45.4 5.1 33.8 3.2 31.9 1.4 30.1 0 27.8L0 24.7Z' fill='%23353442'/%3E%3C/svg%3E");
  line-height: 47px;
}

.form-af textarea {
  height: 110px;
  line-height: 1.5;
  resize: none;
  padding: 20px 20px;
}

.form-af select:required:invalid {
  color: #adadb1;
}

.form-af select option[value=""][disabled] {
  display: none;
}

.form-af select option {
  color: #323241;
}

.form-af select:focus,
.form-af input[type=text]:focus,
.form-af input[type=email]:focus,
.form-af input[type=tel]:focus,
.form-af input[type=password]:focus,
.form-af textarea:focus {
  border: 1.5pt solid #ffc319;
  background-color: rgba(255,255,255,1);
}

.form-af input::-webkit-input-placeholder {
  color: #adadb1;
}

.form-af input::-moz-placeholder {
  color: #adadb1;
}

.form-af input:-moz-placeholder {
  color: #adadb1;
}

.form-af input:-ms-input-placeholder {
  color: #adadb1;
}

.form-af input::placeholder {
  color: #adadb1;
}

.form-af textarea::-webkit-input-placeholder {
  color: #adadb1;
}

.form-af textarea::-moz-placeholder {
  color: #adadb1;
}

.form-af textarea:-moz-placeholder {
  color: #adadb1;
}

.form-af textarea:-ms-input-placeholder {
  color: #adadb1;
}

.form-af textarea::placeholder {
  color: #adadb1;
}

.form-af input[type=checkbox] {
  display: block;
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 2px 15px 0 0;
  outline: 0;
  border: 4px solid rgba(255,255,255,0);
  -webkit-appearance: none;
  background: rgba(255,255,255,1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.form-af input[type=checkbox]:checked {
  border: 4px solid rgba(255,255,255,1);
  background: #ffc319;
}

.form-af input[type=submit] {
  cursor: pointer;
  border: 0;
  outline: 0;
  padding: 0 60px 0 30px;
  height: 55px;
  line-height: 55px;
  text-align: left;
  background-size: 12px auto;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath d='M21.1 11C17.6 7.4 20.4 1.1 25.1 0.4 27.4-0.2 29.6 1.3 31.2 2.9 43.6 15.4 56.2 27.9 68.6 40.4 71.5 42.7 71.5 47.4 68.8 49.9 56.7 62.1 44.5 74.2 32.3 86.3 31 87.8 29.4 89 27.7 90L24.9 90C20.2 89.1 17.7 82.8 21.2 79.2 32.4 67.8 43.9 56.6 55.1 45.1 43.8 33.8 32.3 22.4 21.1 11Z' fill='%23353442'/%3E%3C/svg%3E");
}

/* Enviado */

.page-template-page-enviado .header,
.page-template-page-enviado .footer,
.page-template-page-enviado .end {
  display: none;
}

.pedido-enviado .col-af-content {
  max-width: 600px;
  text-align: center;
  padding: 50px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.pedido-enviado .col-af-content a.btn {
  margin: 30px 0 0;
}

._form-thank-you {
  text-align: center;
  padding: 0;
}

._form-thank-you p {
  margin: 0;
}

._form-thank-you span {
  display: block;
}

@keyframes scaleAnimation {
 0% {
   opacity: 0;
   transform: scale(1.5);
 }
 100% {
   opacity: 1;
   transform: scale(1);
 }
}
@keyframes drawCircle {
 0% {
   stroke-dashoffset: 151px;
 }
 100% {
   stroke-dashoffset: 0;
 }
}
@keyframes drawCheck {
 0% {
   stroke-dashoffset: 36px;
 }
 100% {
   stroke-dashoffset: 0;
 }
}
@keyframes fadeOut {
 0% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }
}
@keyframes fadeIn {
 0% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }
}

#successAnimationCircle {
  stroke-dasharray: 151px 151px;
  stroke: #16a085;
}

#successAnimationCheck {
  stroke-dasharray: 36px 36px;
  stroke: #fff;
}

#successAnimationResult {
  fill: #16a085;
  opacity: 0;
}

.anime-start #successAnimation.animated {
  animation: 1s ease-out 0s 1 both scaleAnimation;
}

.anime-start #successAnimation.animated #successAnimationCircle {
  animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}

.anime-start #successAnimation.animated #successAnimationCheck {
  animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}

.anime-start #successAnimation.animated #successAnimationResult {
  animation: 0.3s linear 0.9s both fadeIn;
}

/* Content */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  font-weight: 700;
  color: #323241;
  margin: 25px 0;
  line-height: 1.6;
}

.entry-content h1 {
  font-size: 36px;
}

.entry-content h2 {
  font-size: 24px;
}

.entry-content h3,
.entry-content h4,
.entry-content h5 {
  font-size: 20px;
}

.entry-content p {
  font-size: 16px;
  font-weight: 400;
  color: #323241;
  line-height: 1.5;
  opacity: .8;
  margin: 30px 0;
}

.entry-content ul {
  display: block;
  list-style: circle;
  padding: 0 0 0 30px;
}

.entry-content li {
  display: list-item;
  list-style: circle;
  line-height: 1.6;
  padding: 0 0 0 15px;
  color:#787878;
  margin: 25px 0;
}

#popup {
  z-index: 99999;
  width: 90%;
  max-width: 400px;
  max-height: 70%;
  background-color: rgb(245, 245, 245);
  color: #000;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}
#close-popup {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 5px;
  top: -30px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

#fadebg{
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99998;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
}

#popup .popup-head{
  background-color: #da8f26;
  height: 20px;
  font-weight: 600;
  padding: 15px;
}

#popup .popup-body img{
  text-align: center;
  /* padding: 15px; */
  width: inherit;
  height: auto;
  object-fit: cover;
}

#popup-body {
  background-color:rgba(50,50,65,.10);
  height: 20px;
  padding: 25px;
  border-radius: 0px 0px 10px 10px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #ffc319;
  color: #323241;
  border-radius: 10px 10px 0px 0px;
}

.modal-body {padding: 2px 16px;}

.modal-content {
  color: #323241;
  border-radius: 10px 10px 10px 10px;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #ffc319;
  color: #323241;
  border-radius: 0px 0px 10px 10px;
}
.grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
}
.grid-item {
  padding: 20px;
  font-size: 18px;
  text-align: -webkit-center;
}
.modal-footer p{
  padding: 8px;
  font-size: 11px;
  text-align: -webkit-right;
}
#faceMatchModal .instrucoes{
  background-color: #efefef;
  padding: 20px;
  border-radius: 2%;
  text-align: left;
}
#faceMatchModal .instrucoes .title {
  font-weight: bold;
  margin-bottom: 14px;
}
#faceMatchModal .instrucoes .content p {
  font-size: 16px;
  margin-bottom: 7px;
}
#faceMatchModal h2 {
  margin-bottom: 23px;
}

#tokenModal .instrucoes{
  background-color: #efefef;
  padding: 20px;
  border-radius: 2%;
  text-align: left;
}
#tokenModal .instrucoes .title {
  font-weight: bold;
  margin-bottom: 14px;
}
#tokenModal .instrucoes .content p {
  font-size: 16px;
  margin-bottom: 7px;
}
#tokenModal h2 {
  margin-bottom: 23px;
}
#tokenModal .msg{
  background: #ff4f4f;
  padding: 16px;
  /* size: auto; */
  inline-size: max-content;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  display: none;
  max-width: 30pc;
}
#tokenModal input[type=text] {
  color: #323241;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 35px;
  border: 1.5pt solid rgba(50,50,65,.3);
  background-color: rgba(50,50,65,.10);
  background-position: left 10px center;
  background-size: 12px auto;
}

video {
  border-radius: 2%;
}
.contador {
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-reset: my-count 3;
  animation: countdown 3s linear;
  margin-left: calc(50% - 60px);
  width: 94px;
  color: #f3bc1c;
  position: absolute;
  height: 5px;
  top: 225px;
  left: 329px;
  font-size: 7px;
  opacity: 60%;
  display: none;
}
.contador::after {
  content: counter(my-count);
  font-size: 30em;
}

@keyframes countdown {
  33% {
    counter-increment: my-count -1;
  }
  66% {
    counter-increment: my-count -2;
  }
  100% {
    counter-increment: my-count -3;
  }
}

.customBtn {
  background-color: #ffc319;
  border: none;
  padding: 24px 46px;
  border-radius: 4px;
  font-weight: bold;
  color: #323241;
  margin: 20px 0px;
  margin-bottom: 61px;
}

.customBtn:hover {
  background-color: #ffd14d
}

#faceMatchModal .msg{
  background: #ff4f4f;
  padding: 16px;
  /* size: auto; */
  inline-size: max-content;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  display: none;
  max-width: 30pc;
}

/* loading */
:root {
	--size: 75px;
	--clr-bg: #262723;
  --clr1: #4CAF50;
  --clr2: #4CAF50;
  --clr3: #4CAF50;
  --clr4: #4CAF50;
  --clr5: #4CAF50;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.loading-wrap {
  margin: 0;
  opacity: 0.7;
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.loading-container {
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: grid;
	grid-template-columns: repeat(2, auto);
	place-items: center;
}
.loading-wrap .text {
  width: 100%;
  display: inline-block;
  color: #ccc68d;
  position: absolute;
  bottom: -33px;
  margin-left: 7px;
}

.loading-container .text::before {
    content: "";
    clear: both;
}

@media (min-width: 600px) {
	.loading-container {
		grid-template-rows: repeat(2, auto);
		grid-template-columns: repeat(3, auto);
	}
}


.spinner:nth-child(1) .spinner-item:nth-child(1) {
	--clr-spinner: var(--clr1);
	animation-delay: calc(var(--animation-duration) / 10 * -3);
}

.spinner:nth-child(1) .spinner-item:nth-child(2) {
	--clr-spinner: var(--clr5);
	animation-delay: calc(var(--animation-duration) / 10 * -1);
}

.spinner:nth-child(1) .spinner-item:nth-child(3) {
	--clr-spinner: var(--clr3);
	animation-delay: calc(var(--animation-duration) / 10 * -2);
}

.spinner:nth-child(1) .spinner-item:nth-child(4) {
	--clr-spinner: var(--clr4);
	animation-delay: calc(var(--animation-duration) / 10 * -1);
}

.spinner:nth-child(1) .spinner-item:nth-child(5) {
	--clr-spinner: var(--clr2);
	animation-delay: calc(var(--animation-duration) / 10 * -3);
}

.spinner:nth-child(1) {
	--animation-duration: 650ms;
	position: relative;
	width: var(--size);
	height: var(--size);
}

.spinner:nth-child(1) .spinner-item {
	position: absolute;
	width: var(--item-size);
	height: var(--item-size);
	top: calc(50% - var(--item-size) / 2);
	left: calc(50% - var(--item-size) / 2);
	border: 4px solid transparent;
	border-left: 4px solid var(--clr-spinner);
	border-right: 4px solid var(--clr-spinner);
	border-radius: 50%;
	animation: spinner2 var(--animation-duration) linear infinite;
}

@keyframes spinner2 {
	to {
		transform: rotate(360deg);
	}
}

.spinner:nth-child(1) .spinner-item:nth-of-type(1) {
	--item-size: var(--size);
	--clr-spinner: var(--clr1);
	border-top: 4px solid var(--clr1);
}

.spinner:nth-child(1) .spinner-item:nth-of-type(2) {
	--item-size: calc(var(--size) - 15px);
	--clr-spinner: var(--clr5);
	border-bottom: 4px solid var(--clr5);
}

.spinner:nth-child(1) .spinner-item:nth-of-type(3) {
	--item-size: calc(var(--size) - 30px);
	--clr-spinner: var(--clr3);
	border-top: 4px solid var(--clr3);
}

.whatsapp-number{
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 15px !important;
  display: flex !important;
  justify-content: start !important;
  align-items: center;
}

.img-whatsapp{
  width: 20px !important;
  margin: 0px !important;
  height: 25px;
  padding: 0px;
  border-radius: 5px;
}

@media (max-width: 928px) {
  .whatsapp-number{
    justify-content: center !important;
  }
}