.container {
  width: 100%;
  max-width: 1280px;
  padding: 0% 2%;
  margin: 0 auto; }

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.pop {
  height: 80%;
  display: none;
  position: fixed;
  z-index: 999999999;
  left: 14%;
  top: 15%;
  overflow-x: hidden;
  transition: 0.5s;
  text-align: center;
  margin: auto;
  overflow-y: hidden;
  height: 500px;
  transition: 0.3s; }
  .pop form {
    width: 60%;
    margin: auto;
    border-radius: 20px;
    background-color: white;
    padding: 40px 0;
    height: 100%;
    text-align: center;
    font-family: "Open Sans", sans-serif; }
    .pop form h1 {
      font-size: 16px;
      color: #268df3;
      font-weight: 700; }
    .pop form input {
      width: 80%;
      height: 35px;
      margin-top: 20px;
      border-radius: 20px;
      padding-left: 10px;
      outline: none;
      font-family: "Open Sans", sans-serif;
      border: 1px solid #268df3; }
    .pop form textarea {
      width: 80%;
      height: 100px;
      max-width: 80%;
      max-height: 100px;
      min-width: 80%;
      min-height: 100px;
      margin-top: 20px;
      border-radius: 20px;
      padding-left: 10px;
      border: 1px solid #268df3;
      padding-top: 10px;
      outline: none;
      font-family: "Open Sans", sans-serif; }
    .pop form input[type=submit] {
      padding-left: 0px;
      cursor: pointer;
      background: none;
      color: white;
      background-color: #268df3;
      font-size: 16px;
      font-weight: 700; }
  .pop .closebtn {
    position: absolute;
    top: 5px;
    right: 30%;
    font-size: 40px; }
  .pop a {
    padding: 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    color: #c6c6c6;
    display: block;
    transition: 0.3s; }
  .pop a:hover, .pop a:focus {
    color: #268df3; }

#roll {
  position: fixed;
  width: 100%;
  height: 100px;
  top: 800px;
  left: 30px;
  z-index: 99;
  transition: 0.5s; }
  #roll img {
    width: 250px; }

#roll2 {
  position: fixed;
  width: 100%;
  height: 100px;
  top: 800px;
  left: 30px;
  z-index: 99;
  transition: 0.5s;
  display: none; }
  #roll2 img {
    width: 250px; }

#navbar {
  background-color: white;
  /* Black background color */
  position: fixed;
  /* Make it stick/fixed */
  top: -100px;
  /* Hide the navbar 50 px outside of the top view */
  width: 100%;
  /* Full width */
  height: 100px;
  transition: top 0.3s;
  /* Transition effect when sliding down (and up) */
  z-index: 99;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 30px 120px;
  transition: 0.5s; }
  #navbar .flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  #navbar .logo {
    text-align: left; }
    #navbar .logo img {
      width: 160px; }
  #navbar .main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 40px; }
    #navbar .main a {
      margin-top: 5px;
      text-decoration: none;
      color: #268df3;
      font-family: "Open Sans", sans-serif;
      font-weight: 700; }
    #navbar .main a:hover {
      color: #00E4B9; }
  #navbar .btn {
    text-align: center; }
    #navbar .btn a {
      display: block;
      width: 200px;
      height: 35px;
      text-decoration: none;
      color: white;
      border: 1px solid #268df3;
      font-family: "Open Sans", sans-serif;
      padding: 5px;
      background-color: #268df3;
      border-radius: 30px;
      font-weight: 700;
      text-transform: uppercase; }
    #navbar .btn a:hover {
      animation: tada 1s infinite; }

.slider {
  width: 100%; }

.slick-slide {
  margin: 0px 20px; }

.slick-slide img {
  width: 100%; }

.slick-prev:before,
.slick-next:before {
  color: black; }

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2; }

.slick-active {
  opacity: .5; }

.slick-current {
  opacity: 1; }

#menu {
  display: none; }
  #menu img {
    cursor: pointer;
    margin-top: 5px;
    width: 25px; }

.w20 {
  width: 20%;
  padding: 0 1%; }

.w30 {
  width: 30%;
  padding: 0 1%; }

.w60 {
  width: 60%;
  padding: 0 1%; }

.w75 {
  width: 75%;
  padding: 0 1%; }

.w25 {
  width: 25%;
  padding: 0 1%; }

.w50 {
  width: 50%;
  padding: 0 1%; }

.w40 {
  width: 40%;
  padding: 0 3%; }

.w90 {
  width: 90%;
  padding: 0 3%; }

.w100 {
  width: 100%;
  padding: 0 1%; }

body::-webkit-scrollbar {
  width: 5px; }

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #ccc;
  border-radius: 50px; }

body::-webkit-scrollbar-thumb {
  background: #268df3; }

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s; }

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-family: "Exo 2", sans-serif; }

.overlay a {
  padding: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  color: #c6c6c6;
  display: block;
  transition: 0.3s; }

a.btn1 {
  display: block;
  margin: auto;
  width: 250px;
  height: 40px;
  text-decoration: none;
  color: white;
  border: 1px solid #00E4B9;
  font-family: "Open Sans", sans-serif;
  padding: 5px;
  background-color: #00E4B9;
  border-radius: 30px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  animation: pulse 1s infinite; }

.overlay a:hover, .overlay a:focus {
  color: #268df3; }

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px; }

/*FIM MENU MOBILE-DESK*/
header {
  background-image: url("../img/bg.png");
  background-size: cover;
  width: 100%;
  height: auto;
  padding: 30px 100px;
  overflow-x: hidden;
  overflow-y: hidden; }
  header .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  header .logo {
    text-align: left; }
    header .logo img {
      width: 160px; }
  header .main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 40px; }
    header .main a {
      margin-top: 5px;
      text-decoration: none;
      color: white;
      font-family: "Open Sans", sans-serif;
      font-weight: 700; }
    header .main a:hover {
      color: #00E4B9; }
  header .btn {
    text-align: center; }
    header .btn a {
      display: block;
      width: 200px;
      height: 35px;
      text-decoration: none;
      color: white;
      border: 1px solid #268df3;
      font-family: "Open Sans", sans-serif;
      padding: 5px;
      background-color: #268df3;
      border-radius: 30px;
      font-weight: 700;
      text-transform: uppercase; }
    header .btn a:hover {
      transform: scale(1.1);
      transition: 0.5s; }
  header .text {
    padding: 50px 20px;
    padding-top: 100px; }
    header .text h1 {
      color: white;
      font-family: "Raleway", sans-serif;
      font-size: 55px;
      text-transform: uppercase;
      font-weight: 800; }
    header .text p {
      width: 90%;
      margin-top: 20px;
      color: white;
      font-size: 18px;
      font-weight: 300;
      font-family: "Roboto", sans-serif;
      line-height: 42px; }
    header .text a {
      margin-top: 30px;
      display: block;
      width: 300px;
      height: 45px;
      text-decoration: none;
      color: white;
      border: 1px solid #00E4B9;
      font-family: "Open Sans", sans-serif;
      padding: 8px;
      background-color: #00E4B9;
      border-radius: 30px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      font-size: 20px;
      animation: pulse 1s infinite; }

.air {
  text-align: center;
  width: 100%;
  margin: auto; }
  .air .space {
    width: 40px;
    background-color: white;
    border-radius: 30px;
    text-align: center;
    margin: auto;
    margin-top: -20px; }
    .air .space img {
      margin-top: 8px;
      width: 20px;
      animation: pulse 1s infinite; }

#sctq {
  background-color: #fbfbfb; }

section.sct1 {
  padding: 50px 150px; }
  section.sct1 .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    section.sct1 .flex .text h1 {
      color: #268df3;
      font-family: "Raleway", sans-serif;
      font-size: 42px;
      text-transform: uppercase;
      font-weight: 800; }
    section.sct1 .flex .text p {
      width: 90%;
      margin-top: 20px;
      color: #666473;
      font-size: 16px;
      font-weight: 500;
      font-family: "Raleway", sans-serif;
      line-height: 42px; }
    section.sct1 .flex .img img {
      margin-top: 180px;
      width: 100%; }

section.sct2 {
  text-align: center;
  padding: 40px 150px; }
  section.sct2 h1 {
    color: #268df3;
    font-family: "Raleway", sans-serif;
    font-size: 40px;
    font-weight: 800; }
  section.sct2 h2 {
    margin-top: 20px;
    color: #c6c6c6;
    font-size: 18px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    line-height: 42px; }
  section.sct2 .flex {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    section.sct2 .flex .box {
      background-color: white;
      border-radius: 30px;
      text-align: left;
      padding: 30px 20px;
      -webkit-box-shadow: -14px 10px 35px 3px #dedede;
      -moz-box-shadow: -14px 10px 35px 3px #dedede;
      box-shadow: -14px 10px 35px 3px #dedede; }
      section.sct2 .flex .box img {
        width: 30px;
        margin-bottom: 10px; }
      section.sct2 .flex .box h1 {
        font-size: 18px; }
      section.sct2 .flex .box p {
        width: 90%;
        margin-top: 20px;
        color: #666473;
        font-size: 14px;
        font-weight: 600;
        font-family: "Raleway", sans-serif;
        line-height: 28px; }

section.sct3 {
  padding: 50px 80px; }
  section.sct3 img {
    width: 150px; }

section.sct4 {
  padding: 100px 150px;
  background-image: url("../img/bg2.png");
  background-position: 0px -70px;
  background-size: cover; }
  section.sct4 .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  section.sct4 .text {
    text-align: right; }
    section.sct4 .text h1 {
      color: white;
      font-family: "Raleway", sans-serif;
      font-size: 42px;
      text-transform: uppercase;
      font-weight: 800; }
    section.sct4 .text h2 {
      color: white;
      font-family: "Raleway", sans-serif;
      font-size: 42px;
      text-transform: uppercase;
      font-weight: 800; }
    section.sct4 .text a {
      margin-top: 30px;
      float: right;
      display: block;
      width: 300px;
      height: 45px;
      text-decoration: none;
      color: white;
      border: 1px solid white;
      font-family: "Open Sans", sans-serif;
      padding: 8px;
      background-color: none;
      border-radius: 30px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      font-size: 20px;
      animation: pulse 1s infinite; }

footer {
  padding: 50px 30px;
  overflow-x: hidden;
  overflow-y: hidden; }
  footer .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    margin: 0px 70px; }
    footer .flex .img img {
      width: 170px; }
    footer .flex .img p {
      margin-top: 10px;
      color: #c6c6c6;
      font-weight: 500;
      font-size: 12px; }
    footer .flex .links {
      font-size: 14px; }
      footer .flex .links p {
        color: #363636;
        font-weight: 700;
        margin-bottom: 20px; }
      footer .flex .links div {
        margin-top: 10px; }
        footer .flex .links div a {
          margin-top: 20px;
          font-weight: 600;
          color: #c6c6c6;
          text-decoration: none;
          outline: none; }
        footer .flex .links div a:hover {
          color: #268df3; }
    footer .flex .whats img {
      width: 48px; }
  footer hr {
    margin: auto;
    width: 90%;
    margin-top: 30px;
    border: 0.5px solid #c6c6c6; }
  footer .final {
    padding: 30px;
    padding-left: 63px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    footer .final p {
      color: #363636;
      font-weight: 700;
      font-family: "Open Sans", sans-serif;
      font-size: 14px; }
    footer .final a img {
      width: 34px; }

@media screen and (max-width: 1060px) {
  #menu {
    display: block; }

  .w50 {
    width: 100%; }

  #navbar {
    display: none; }
    #navbar .main {
      display: none; }

  .btn {
    display: none; }

  header {
    background-image: url("../img/bg.png");
    background-size: cover;
    background-position: -250px 0px; }
    header .flex .main {
      display: none; }

  section.sct1 {
    padding: 50px 20px; }
    section.sct1 .flex .text {
      text-align: center; }
      section.sct1 .flex .text h1 {
        width: 100%; }
      section.sct1 .flex .text p {
        width: 100%; }
    section.sct1 .flex .img {
      margin-top: -60px;
      text-align: center;
      width: 100%; }
      section.sct1 .flex .img img {
        width: 500px; }

  section.sct2 {
    padding: 50px 20px; }

  section.sct3 {
    padding: 50px 20px; }

  section.sct4 {
    padding: 50px 40px;
    background-image: url("../img/bg2.png");
    background-position: 0px 0px;
    background-size: cover; }

  footer .w20 {
    width: 50%; }
  footer .flex {
    margin: 0px; }
    footer .flex .img {
      text-align: center;
      padding-top: 40px; }
    footer .flex .links {
      margin-top: 30px;
      text-align: center; }
    footer .flex .whats {
      text-align: center;
      width: 100%; }
  footer .final p {
    font-size: 14px; } }
@media screen and (max-width: 885px) {
  .pop {
    width: 100%;
    left: 0%; }
    .pop form {
      width: 70%; }
    .pop .closebtn {
      top: 2px;
      right: 20%; }

  .w30 {
    width: 60%; }

  header {
    padding: 50px 10px; }
    header .w50 {
      width: 100%; }
    header .text h1 {
      width: 100%;
      font-size: 40px; }

  section.sct1 .flex .img {
    margin-top: -60px;
    text-align: center;
    width: 100%; }
    section.sct1 .flex .img img {
      width: 100%; }

  section.sct2 .flex .box {
    text-align: center;
    margin: auto;
    margin-top: 30px;
    height: 270px; }
    section.sct2 .flex .box p {
      width: 100%; }

  section.sct3 {
    padding: 50px 40px; } }
@media screen and (max-width: 749px) {
  #roll {
    display: none; }

  #roll2 {
    display: block; }

  footer {
    padding: 50px 10px; }
    footer .w20 {
      width: 100%; }
    footer .flex .whats {
      margin-top: 30px; }
    footer .final {
      text-align: center; }
      footer .final p {
        width: 100%; }
      footer .final a {
        margin: auto;
        margin-top: 30px; }

  section.sct4 {
    padding: 100px 10px; }
    section.sct4 .text {
      text-align: center; }
      section.sct4 .text h1 {
        font-size: 32px; }
      section.sct4 .text h2 {
        font-size: 32px; }
      section.sct4 .text a {
        margin: auto;
        margin-top: 30px;
        float: none; } }
@media screen and (max-width: 500px) {
  header {
    background-image: url("../img/bgmobile.png");
    background-size: cover;
    background-position: 0px 0px; }

  .w30 {
    width: 80%; }

  section.sct2 {
    padding: 50px 10px; } }

/*# sourceMappingURL=style.css.map */