body {
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
}

a {
  color: #00885a;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.image {
  height: 75px;
}

.navbar {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  height: 75px;
  padding-bottom: 0px;
  border-style: none;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 10, 22, 0.93)), color-stop(64%, rgba(16, 15, 27, 0.7)), color-stop(98%, hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, rgba(11, 10, 22, 0.93), rgba(16, 15, 27, 0.7) 64%, hsla(0, 0%, 100%, 0) 98%);
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #fff;
}

.hero-pc {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(30%, transparent)), -webkit-gradient(linear, left bottom, left top, from(rgba(6, 6, 8, 0.93)), color-stop(12%, rgba(15, 15, 19, 0.75)), color-stop(48%, hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #000, transparent 30%), linear-gradient(0deg, rgba(6, 6, 8, 0.93), rgba(15, 15, 19, 0.75) 12%, hsla(0, 0%, 100%, 0) 48%);
}

.hero-pc.headkp {
  height: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 21, 134, 0.89)), to(rgba(50, 21, 134, 0.89))), url('../images/rob-bye-125309-min.jpg');
  background-image: linear-gradient(180deg, rgba(50, 21, 134, 0.89), rgba(50, 21, 134, 0.89)), url('../images/rob-bye-125309-min.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.nav-link {
  height: 60px;
  margin-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
  opacity: 0.7;
  -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease;
  color: #fafafa;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}

.nav-link:hover {
  opacity: 1;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
  color: #fff;
  text-decoration: none;
}

.nav-link.w--current {
  color: #17a49f;
}

.heading {
  display: block;
  margin-top: 250px;
  margin-bottom: 30px;
  padding-right: 100px;
  padding-left: 100px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 50px;
  line-height: 1.1em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.heading.manifesto {
  margin-top: 10%;
  text-align: left;
}

.heading.lp {
  margin-top: 15%;
  padding-left: 15px;
  font-size: 40px;
  text-align: left;
}

.container {
  padding-bottom: 200px;
  color: #17a49f;
  text-align: center;
}

.container-2 {
  position: static;
  right: 0px;
  bottom: 0px;
  overflow: visible;
  height: 650px;
  margin-top: 0%;
  padding-top: 7%;
  padding-right: 0%;
  padding-bottom: 50%;
  text-align: center;
}

.paragraph {
  display: block;
  width: 600px;
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  color: #d1cdcd;
  font-size: 14px;
  text-align: left;
}

.paragraph._1 {
  width: auto;
}

.heading-3 {
  display: block;
  margin-top: 40px;
  margin-bottom: 0px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #09cfc8;
  font-size: 35px;
  font-weight: 300;
  text-align: left;
}

.section-2 {
  display: none;
  height: 720px;
  padding-bottom: 23px;
  background-color: #060925;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(6%, #05051d), color-stop(38%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#050514), color-stop(58%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, rgba(8, 15, 29, 0.31))), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-image: linear-gradient(0deg, #05051d 6%, hsla(0, 0%, 100%, 0) 38%), linear-gradient(180deg, #050514, hsla(0, 0%, 100%, 0) 58%), linear-gradient(90deg, transparent, rgba(8, 15, 29, 0.31) 0%), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-position: 0px 0px, 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, auto, 960px;
  background-repeat: repeat, repeat, repeat, repeat;
  background-attachment: scroll, scroll, scroll, fixed;
}

.div-block {
  margin-right: 10%;
  margin-left: 10%;
}

.text-block {
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #fff;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #c5c5c5;
  font-size: 14px;
  text-align: center;
}

.link-block-2 {
  display: block;
  overflow: visible;
  width: 400px;
  height: 35px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  clear: none;
  text-decoration: none;
}

.link-block-2:hover {
  text-decoration: none;
}

.section-3 {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #070722), color-stop(18%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#050514), color-stop(12%, #050514), color-stop(31%, rgba(10, 9, 24, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(7, 6, 22, 0.73)), to(rgba(7, 6, 22, 0.73))), url('../images/rob-bye-125309-min.jpg');
  background-image: linear-gradient(180deg, #070722 1%, hsla(0, 0%, 100%, 0) 18%), linear-gradient(0deg, #050514, #050514 12%, rgba(10, 9, 24, 0) 31%), linear-gradient(180deg, rgba(7, 6, 22, 0.73), rgba(7, 6, 22, 0.73)), url('../images/rob-bye-125309-min.jpg');
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 50%;
  background-size: auto, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
}

.heading-4 {
  width: 450px;
  margin-top: 78px;
  margin-bottom: 20px;
  float: right;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 42px;
  font-weight: 300;
  text-align: right;
}

.container-3 {
  position: static;
  padding-top: 100px;
  padding-bottom: 30px;
  text-align: center;
}

.submit-button {
  display: block;
  margin-top: 0px;
  float: none;
  border: 1px solid #fff;
  background-color: transparent;
}

.submit-button:hover {
  background-color: #17a49f;
}

.submit-button:active {
  background-color: #00885a;
}

.section-4 {
  padding-bottom: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 5, 20, 0.9)), color-stop(100%, hsla(0, 0%, 100%, 0)), color-stop(101%, #fff)), -webkit-gradient(linear, left top, left bottom, from(rgba(1, 8, 20, 0.8)), to(rgba(1, 8, 20, 0.8))), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-image: linear-gradient(180deg, rgba(5, 5, 20, 0.9), hsla(0, 0%, 100%, 0) 100%, #fff 101%), linear-gradient(180deg, rgba(1, 8, 20, 0.8), rgba(1, 8, 20, 0.8)), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-position: 0px 0px, 0px 0px, 0px 58%;
  background-size: auto, auto, 960px;
  background-attachment: scroll, scroll, fixed;
}

.container-4 {
  text-align: center;
}

.text-block-2 {
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 13px;
}

.image-4 {
  display: block;
  width: 51px;
  height: 64px;
  margin-bottom: 30px;
  float: left;
}

.image-4.autor {
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
  margin-left: 0px;
}

.link-2 {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

.link-2:hover {
  text-decoration: underline;
}

.link-block-3 {
  margin-top: 30px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: right;
  color: #fff;
  text-decoration: none;
}

.text-block-3 {
  float: left;
}

.image-5 {
  width: 30px;
  margin-top: -5px;
  margin-left: 5px;
  float: right;
}

.paragraph-2 {
  width: 95%;
  margin-bottom: 32px;
  float: right;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  text-align: right;
}

.text-block-4 {
  margin-top: 14px;
  margin-bottom: 0px;
  padding-top: 61px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 14px;
}

.link-block-4 {
  width: 40px;
  height: 64px;
  margin-right: 10px;
  margin-bottom: 25px;
  margin-left: 10px;
  border-radius: 50px;
  background-image: radial-gradient(circle closest-side at 50% 50%, #fff 75%, transparent 90%);
}

.link-block-4.autor {
  position: relative;
  left: 40px;
  top: -50px;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  margin-left: 105px;
}

.link-block-4.linkedin {
  display: inline-block;
}

.body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

.heading-5 {
  margin-right: 80px;
  margin-left: 80px;
  padding-top: 125px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #e9e9e9;
  font-size: 30px;
  font-style: italic;
  text-align: left;
}

.heading-5._1 {
  margin-right: 195px;
  margin-left: 50px;
  padding-top: 100px;
}

.container-5 {
  padding: 35px 15%;
  text-align: center;
}

.conteudo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 30px;
}

.textarea {
  padding-bottom: 50px;
  border-radius: 5px;
  background-color: rgba(10, 23, 48, 0.79);
  color: #999;
}

.textarea:active {
  color: #999;
}

.textarea:focus {
  color: #999;
}

.textarea::-webkit-input-placeholder {
  color: #999;
}

.textarea:-ms-input-placeholder {
  color: #999;
}

.textarea::-ms-input-placeholder {
  color: #999;
}

.textarea::placeholder {
  color: #999;
}

.image-9 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-8 {
  height: 500px;
  margin-top: -75px;
  padding-top: 150px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 14, 29, 0.89)), to(rgba(16, 44, 94, 0.68))), url('../images/home-blog-fractos-sistemas-de-gestao.png');
  background-image: linear-gradient(180deg, rgba(6, 14, 29, 0.89), rgba(16, 44, 94, 0.68)), url('../images/home-blog-fractos-sistemas-de-gestao.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  text-align: center;
}

.section-8.academy {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 14, 29, 0.89)), to(rgba(16, 44, 94, 0.68))), url('../images/fractos.jpg');
  background-image: linear-gradient(180deg, rgba(6, 14, 29, 0.89), rgba(16, 44, 94, 0.68)), url('../images/fractos.jpg');
  background-position: 0px 0px, 50% 78%;
}

.section-8.academy.ebook {
  margin-top: -89px;
  padding-top: 122px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(82%, transparent), to(#06132c)), -webkit-gradient(linear, left top, left bottom, from(rgba(6, 14, 29, 0.89)), color-stop(36%, rgba(15, 38, 80, 0.68))), url('../images/ebooks-fractos-academyy.jpg');
  background-image: linear-gradient(180deg, transparent 82%, #06132c), linear-gradient(180deg, rgba(6, 14, 29, 0.89), rgba(15, 38, 80, 0.68) 36%), url('../images/ebooks-fractos-academyy.jpg');
  background-position: 0px 0px, 0px 0px, 0% 85%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.div-block-2 {
  display: block;
  width: 20%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 19px;
  border-bottom: 1px solid #fff;
}

.heading-7 {
  margin-top: 10%;
  margin-bottom: 20px;
  color: #fff;
  font-size: 45px;
}

.heading-7.academy {
  margin-top: 0%;
  font-size: 60px;
  line-height: 70px;
}

.heading-7.academy.ebooks {
  margin-top: 5%;
}

.heading-8 {
  margin-top: 10px;
  padding-top: 1px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.button {
  min-width: 200px;
  margin-top: 30px;
  border: 1px solid #00885a;
  border-radius: 3px;
  background-color: rgba(23, 164, 159, 0.8);
}

.button:hover {
  background-color: #102c5e;
  text-decoration: none;
}

.icon {
  float: right;
  color: #fff;
}

.container-6 {
  display: block;
  margin-bottom: 24px;
}

.heading-9 {
  margin-top: 12px;
  padding-top: 11px;
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.heading-9.eventos {
  color: #17a49f;
  font-size: 25px;
  text-align: center;
}

.div-block-3 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-4 {
  position: relative;
  overflow: hidden;
}

.div-block-5 {
  position: relative;
  overflow: hidden;
  height: 125px;
  padding: 13px;
  border-top: 1px solid #e5e5e5;
}

.heading-10 {
  display: inline-block;
  height: 45px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding-right: 0px;
  padding-left: 0px;
  color: #101315;
  font-size: 16px;
  line-height: 21px;
}

.paragraph-3 {
  overflow: hidden;
  height: 40px;
  margin-bottom: 0px;
  color: #7a7a7a;
  font-size: 13px;
  line-height: 19px;
}

.text-block-7 {
  position: static;
  left: 10px;
  top: 5px;
  display: block;
  float: left;
  color: #999;
  font-size: 12px;
  line-height: 35px;
  font-style: normal;
}

.section-9 {
  padding-top: 62px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 25, 54, 0.64)), to(rgba(9, 25, 54, 0.64))), -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(35, 47, 56, 0.47)), to(#080e1a)), url('../images/cadastre-se-na-fractos-sistemas-de-gestao.jpg');
  background-image: linear-gradient(180deg, rgba(9, 25, 54, 0.64), rgba(9, 25, 54, 0.64)), linear-gradient(180deg, rgba(35, 47, 56, 0.47) 55%, #080e1a), url('../images/cadastre-se-na-fractos-sistemas-de-gestao.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.heading-11 {
  color: #fffbfb;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}

.submit-button-2 {
  display: inline-block;
  width: 25%;
  height: 50px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(23, 164, 159, 0.28);
  -webkit-transition: background-color 350ms ease, color 350ms ease;
  transition: background-color 350ms ease, color 350ms ease;
}

.submit-button-2:hover {
  background-color: #17a49f;
}

.text-field {
  display: block;
  width: 75%;
  height: 50px;
  float: left;
  border: 1px solid #000;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #4d565d;
  font-size: 15px;
}

.div-block-2-copy {
  display: block;
  width: 20%;
  height: 1px;
  margin: 16px auto;
  background-color: #dedede;
}

.collection-item-2 {
  margin-bottom: 13px;
  padding: 6px 12px;
}

.collection-item-2.academy {
  position: relative;
}

.div-block-7 {
  display: block;
  width: 20%;
  height: 1px;
  margin: 16px auto 26px;
  background-color: #17a49f;
}

.heading-12 {
  margin-top: 0px;
  margin-bottom: 4px;
  padding-right: 20px;
  color: #fff;
  font-size: 27px;
  line-height: 30px;
}

.paragraph-4 {
  margin-bottom: 0px;
  padding-right: 44px;
  color: hsla(0, 0%, 100%, 0.7);
  line-height: 25px;
}

.text-block-7-copy {
  display: inline-block;
  float: left;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 12px;
  line-height: 36px;
}

.text-block-8-copy {
  position: static;
  left: 90px;
  top: 25px;
  display: inline-block;
  float: right;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 12px;
  line-height: 35px;
}

.section-10 {
  height: 300px;
  margin-top: -75px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.menu-button-2 {
  margin-top: 15px;
}

.menu-button-2.w--open {
  background-color: #102c5e;
}

.nav-menu-2 {
  background-color: #102c5e;
}

.nav-link-copy {
  display: block;
  margin-top: 10px;
  color: #fff;
  text-transform: uppercase;
}

.nav-link-copy:hover {
  color: #fff;
}

.nav-link-copy.w--current {
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #17a49f;
}

.text-block-9 {
  margin-right: 5px;
  float: left;
  color: #fff;
  font-size: 20px;
}

.success-message {
  background-color: #102c5e;
  color: #fff;
  font-size: 16px;
}

.error-message {
  background-color: #a41717;
  color: #fff;
  text-align: center;
}

.text-block-10 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-left: 10px;
  color: #999;
  font-size: 14px;
  line-height: 25px;
}

.container-7 {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: center;
}

.div-block-7-copy {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #dedede;
}

.div-block-12 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px 20px 15px;
}

.div-block-13 {
  width: 30px;
  height: 30px;
  max-width: 100%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
  border-radius: 60px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.link-block-5 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  text-decoration: none;
}

.link-block-5:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.link-block-6 {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  -webkit-transition: box-shadow 200ms ease, -webkit-transform 200ms ease;
  transition: box-shadow 200ms ease, -webkit-transform 200ms ease;
  transition: box-shadow 200ms ease, transform 200ms ease;
  transition: box-shadow 200ms ease, transform 200ms ease, -webkit-transform 200ms ease;
  color: #333;
  text-decoration: none;
}

.link-block-6:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09), 0 2px 23px 0 rgba(0, 0, 0, 0.09);
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
  text-decoration: none;
}

.form-2 {
  width: 90%;
  margin-bottom: 36px;
  float: right;
  background-color: transparent;
}

.div-block-15 {
  margin-bottom: 20px;
}

.heading-14 {
  margin-top: 0px;
  margin-bottom: 7px;
}

.section-11 {
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: #102c5e;
}

.link-3 {
  display: inline-block;
  min-height: 65px;
  padding: 20px 20px 10px;
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.link-3:hover {
  background-color: #f0f0f0;
  color: #243039;
  text-decoration: none;
}

.collection-item-3 {
  text-align: center;
}

.section-12 {
  padding-bottom: 89px;
  background-color: #010203;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#06132c), color-stop(16%, transparent)), -webkit-gradient(linear, left bottom, left top, from(#020813), color-stop(73%, #0c2249), to(#102c5e));
  background-image: linear-gradient(180deg, #06132c, transparent 16%), linear-gradient(0deg, #020813, #0c2249 73%, #102c5e);
}

.collection-item-4 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
  padding-bottom: 7px;
}

.text-block-12 {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 10;
  padding: 7px 9px 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 13px;
  text-transform: uppercase;
}

.div-block-16 {
  height: 280px;
  border-radius: 3px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-17 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 60px 20px 62px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(65%, rgba(0, 0, 0, 0.75)), to(#000));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.75) 65%, #000);
}

.div-block-18 {
  text-align: center;
}

.form-block {
  display: block;
  width: 500px;
  margin: 20px auto 80px;
}

.div-block-19 {
  width: 100%;
  height: 150px;
  margin-top: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.text-block-13 {
  position: absolute;
  left: 10px;
  top: 4px;
  display: inline-block;
  margin-top: 6px;
  padding: 6px;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
}

.div-block-20 {
  padding: 6px 13px;
  border-top: 1px solid #efefef;
  background-color: #fcfcfc;
}

.div-block-20.academy {
  display: block;
  width: 225px;
  height: 50px;
  margin: 40px auto;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #17a49f;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.div-block-21 {
  width: 25px;
  height: 25px;
  max-width: 100%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
  border-radius: 60px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.text-block-14 {
  display: inline-block;
  float: right;
  color: #999;
  font-size: 12px;
  line-height: 35px;
}

.section-8-copy {
  height: 300px;
  margin-top: -75px;
  padding-top: 150px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(16, 44, 94, 0.7)), color-stop(0, hsla(0, 0%, 100%, 0.31)), to(#102c5e)), url('../images/categorias-blog-fractos.jpg');
  background-image: linear-gradient(180deg, rgba(16, 44, 94, 0.7) 100%, hsla(0, 0%, 100%, 0.31) 0, #102c5e), url('../images/categorias-blog-fractos.jpg');
  background-position: 0px 0px, 50% 75%;
  background-size: auto, cover;
  text-align: center;
}

.heading-7-copy {
  margin-top: 0px;
  margin-bottom: 30px;
  color: #fff;
  font-size: 50px;
}

.div-block-22 {
  height: 300px;
  margin-top: -40px;
  background-image: url('../images/foto.PNG');
  background-position: 50% 50%;
  background-size: cover;
}

.section-13 {
  height: 300px;
  margin-top: -75px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 44, 94, 0.4)), to(rgba(16, 44, 94, 0.4))), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-image: linear-gradient(180deg, rgba(16, 44, 94, 0.4), rgba(16, 44, 94, 0.4)), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-position: 0px 0px, 46% 25%;
  background-size: auto, cover;
}

.container-12 {
  position: relative;
  top: 115px;
}

.link-block-8 {
  width: 30px;
  height: 30px;
}

.heading-15 {
  color: #ebebeb;
}

.section-12-copy {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#020813), to(#102c5e));
  background-image: linear-gradient(180deg, #020813, #102c5e);
}

.link-block-9 {
  display: block;
  padding: 10px 5px;
  text-decoration: none;
}

.div-block-23 {
  position: relative;
  overflow: hidden;
  height: 140px;
  padding: 57px 30px 30px;
  border-radius: 3px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.39);
}

.div-block-24 {
  position: absolute;
  left: 8px;
  top: 10px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  height: 100%;
  background-color: rgba(10, 179, 122, 0.77);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.heading-16 {
  position: relative;
  top: -9px;
  z-index: 10;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 21px;
  line-height: 1.1em;
}

.heading-16:hover {
  text-decoration: none;
}

.container-6-copy {
  margin-top: 62px;
}

.collection-item-2-copy {
  margin-bottom: 13px;
  padding: 6px 12px;
}

.section-16 {
  padding-bottom: 65px;
}

.section-8-copy-copy {
  position: relative;
  z-index: 0;
  height: 300px;
  margin-top: -75px;
  padding-top: 150px;
  background-image: url('../images/categorias-blog-fractos.jpg');
  background-position: 50% 75%;
  background-size: cover;
  text-align: center;
}

.text-block-15 {
  margin-bottom: 13px;
  padding-right: 18px;
  padding-left: 18px;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: hsla(0, 0%, 100%, 0.6);
  text-decoration: none;
}

.section-17 {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #f7f7f7;
}

.collection-item-2-copy-copy {
  margin-bottom: 13px;
  padding: 6px 12px;
}

.section-18 {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #f7f7f7;
}

.link-4 {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  padding: 6px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.rich-text-block-2 {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  line-height: 1.42em;
  text-align: left;
}

.rich-text-block-3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.row-2 {
  display: block;
  clear: both;
}

.div-block-25 {
  display: block;
  width: 70%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.link-block-10 {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.link-block-10:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.div-block-26 {
  display: inline-block;
  width: 100px;
  height: 100px;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.link-5 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #353535;
  font-size: 17px;
  font-style: italic;
  text-decoration: none;
}

.link-5:hover {
  color: #102c5e;
  text-decoration: none;
}

.div-block-7-copy-copy {
  display: block;
  width: 50px;
  height: 2px;
  margin: 10px auto;
  background-color: #dedede;
}

.rich-text-block-4 {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.link-block-11 {
  width: 25px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.link-block-11:hover {
  opacity: 0.45;
}

.div-block-27 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
}

.container-13 {
  position: relative;
}

.search-input {
  position: relative;
  top: 21px;
  display: inline-block;
  width: 30%;
  border-radius: 5px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 22, 49, 0.49)), to(rgba(7, 22, 49, 0.49)));
  background-image: linear-gradient(180deg, rgba(7, 22, 49, 0.49), rgba(7, 22, 49, 0.49));
  color: #fff;
}

.search-input:focus {
  background-color: hsla(0, 0%, 100%, 0.85);
  color: #000;
}

.search-button {
  position: relative;
  top: 16px;
  margin-left: 12px;
  border: 1px solid #fff;
  background-color: hsla(0, 0%, 100%, 0);
}

.search {
  text-align: center;
}

.section-19 {
  min-height: 650px;
}

.search-button-2 {
  background-color: #102c5e;
}

.search-button-2:hover {
  background-color: #00885a;
}

.text-block-16 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.search-input-2 {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.search-input-2:focus {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.heading-17 {
  color: #102c5e;
}

.div-block-28 {
  width: 220px;
  height: 150px;
  margin-bottom: 25px;
  float: right;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.link-6 {
  color: #1a0dab;
  font-size: 18px;
  line-height: 1.2em;
  text-decoration: none;
}

.link-6:hover {
  text-decoration: underline;
}

.text-block-17 {
  width: 48em;
  height: 18px;
  color: #006621;
  line-height: 16px;
}

.paragraph-7 {
  color: #545454;
  font-size: 13px;
  line-height: 1.4;
}

.paragrafo-nova-forma {
  margin-top: 20px;
  margin-right: 90px;
  margin-left: 80px;
  opacity: 0;
  color: #eee;
  font-size: 16px;
  text-align: left;
}

.paragrafo-nova-forma._1 {
  margin-right: 150px;
  margin-left: 50px;
  font-size: 16px;
  text-align: left;
}

.nav-menu-3 {
  height: 60px;
  margin-right: 2%;
}

.container-14 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  height: 75px;
  margin-right: auto;
  margin-left: auto;
}

.brand.w--current {
  margin-left: 2%;
}

.section-20 {
  padding-top: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(24%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#060614), color-stop(30%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(4, 8, 32, 0.67)), to(rgba(4, 8, 32, 0.67))), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-image: linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 24%), linear-gradient(0deg, #060614, hsla(0, 0%, 100%, 0) 30%), linear-gradient(180deg, rgba(4, 8, 32, 0.67), rgba(4, 8, 32, 0.67)), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  background-size: auto, auto, auto, 960px;
  background-attachment: scroll, scroll, scroll, fixed;
}

.div-block-29 {
  position: relative;
  z-index: 1;
  width: 550px;
  height: 450px;
  margin-top: 0px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 14, 0.3)), to(rgba(14, 14, 14, 0.3))), url('../images/saiba-como-a-fractos-pode-ajudar-a-reinventar-seu-negocio.jpg');
  background-image: linear-gradient(180deg, rgba(14, 14, 14, 0.3), rgba(14, 14, 14, 0.3)), url('../images/saiba-como-a-fractos-pode-ajudar-a-reinventar-seu-negocio.jpg');
  background-position: 0px 0px, 74% 50%;
  background-size: auto, cover;
}

.div-block-29.autonomia {
  position: relative;
  left: 70px;
  z-index: 1;
  margin-top: -100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.41)), to(rgba(0, 0, 0, 0.41))), url('../images/greg-rakozy-38802.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41)), url('../images/greg-rakozy-38802.jpg');
  background-position: 0px 0px, 0% 67%;
  background-size: auto, cover;
}

.div-block-30 {
  position: relative;
  left: 450px;
  z-index: 2;
  width: 550px;
  height: 450px;
  margin-top: -250px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.46)), to(rgba(0, 0, 0, 0.46))), url('../images/photo-1504333638930-c8787321eee0.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)), url('../images/photo-1504333638930-c8787321eee0.jpg');
  background-position: 0px 0px, 55% 28%;
  background-size: auto, cover;
}

.paragraph-8 {
  display: block;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #fff;
  color: #d1d1d1;
  font-size: 14px;
}

.paragraph-8:hover {
  color: #fff;
}

.form-block-2 {
  display: inline-block;
  width: 90%;
  float: right;
}

.text-field-2 {
  border-radius: 5px;
  background-color: rgba(10, 23, 48, 0.79);
  color: #999;
}

.text-field-3 {
  border-radius: 5px;
  background-color: rgba(10, 23, 48, 0.79);
  color: #999;
}

.text-field-3:active {
  color: #999;
}

.text-field-3:focus {
  color: #999;
}

.text-field-3::-webkit-input-placeholder {
  color: #999;
}

.text-field-3:-ms-input-placeholder {
  color: #999;
}

.text-field-3::-ms-input-placeholder {
  color: #999;
}

.text-field-3::placeholder {
  color: #999;
}

.text-field-4 {
  border-radius: 5px;
  background-color: rgba(10, 23, 48, 0.79);
  color: #999;
}

.text-field-4:active {
  color: #999;
}

.text-field-4:focus {
  color: #999;
}

.text-field-4::-webkit-input-placeholder {
  color: #999;
}

.text-field-4:-ms-input-placeholder {
  color: #999;
}

.text-field-4::-ms-input-placeholder {
  color: #999;
}

.text-field-4::placeholder {
  color: #999;
}

.vantagens {
  padding: 25px;
  border: 1px none #fff;
  background-color: rgba(11, 14, 29, 0.77);
  text-align: center;
}

.navbar-3 {
  background-color: transparent;
}

.navbar-4 {
  background-color: transparent;
}

.navbar-5 {
  position: fixed;
  display: inline;
  height: 75px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #000), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(44%, #040b18), color-stop(62%, hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #000 65%, transparent), linear-gradient(180deg, #040b18 44%, hsla(0, 0%, 100%, 0) 62%);
  opacity: 1;
}

.div-block-32 {
  width: 550px;
  height: 450px;
  padding: 15px;
}

.div-block-32-copy {
  width: 550px;
  height: 450px;
  padding: 15px;
  float: left;
}

.link-block-12 {
  display: block;
  width: 60px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}

.link-block-12.w--current {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 34px;
  margin-right: auto;
  margin-left: auto;
}

.error-message-2 {
  background-color: transparent;
  color: #fff;
}

.success-message-2 {
  background-color: #17a49f;
}

.div-block-33 {
  position: relative;
  top: 78px;
  display: block;
  width: 125px;
  height: 125px;
  margin-left: 20px;
  padding-right: 0px;
  border-radius: 1000px;
  background-color: #0c1d29;
  background-image: url('../images/foto.PNG');
  background-position: 102% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.text-field-5 {
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: rgba(13, 31, 61, 0.53);
  color: #f3f3f3;
}

.form-4 {
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}

.field-label {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.column-4 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.section-22 {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 27, 27, 0.25)), to(rgba(112, 27, 27, 0.25))), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-image: linear-gradient(180deg, rgba(112, 27, 27, 0.25), rgba(112, 27, 27, 0.25)), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.paragraph-9 {
  margin-right: 100px;
  margin-left: 100px;
  color: #d6d6d6;
}

.container-15 {
  height: 100%;
  background-color: rgba(12, 11, 27, 0.65);
}

.subheading {
  margin-bottom: 0px;
  padding-left: 15px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.1em;
  font-weight: 400;
  text-align: left;
}

.link-block-7 {
  width: 200px;
  margin: 35px auto 25px;
}

.link-block-7:hover {
  text-decoration: none;
}

.link-block-7.w--current {
  margin-top: 35px;
}

.field-label-copy {
  margin-bottom: 35px;
  color: #e9e7e7;
  font-size: 13px;
  font-weight: 400;
}

.heading-3-copy {
  margin-top: 90px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #27ddd7;
  font-size: 30px;
  font-weight: 300;
  text-align: left;
}

.paragraph-copy {
  margin-top: -40px;
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 20px;
  color: #b8b2b2;
  font-size: 18px;
  text-align: left;
}

.div-block-34 {
  margin-top: 50px;
}

.image-14 {
  width: 100px;
  margin-right: 15px;
}

.paragraph-10 {
  color: #fff;
  font-size: 14px;
  text-align: left;
}

.link-block-13 {
  float: left;
}

.column-8 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 40px;
  text-align: center;
}

.container-16 {
  padding-right: 100px;
  padding-left: 100px;
}

.row-5 {
  display: inline-block;
  width: 90%;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding: 15px 50px;
  background-image: radial-gradient(circle farthest-corner at 14% 49%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0) 25%), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background-image: radial-gradient(circle farthest-corner at 14% 49%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0) 25%), linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
}

.section-23 {
  height: 100%;
  margin-top: auto;
  padding-right: 5%;
  padding-left: 5%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#060c24), to(hsla(0, 0%, 100%, 0.01))), url('../images/categorias-blog-fractos.jpg');
  background-image: linear-gradient(180deg, #060c24, hsla(0, 0%, 100%, 0.01)), url('../images/categorias-blog-fractos.jpg');
  background-position: 0px 0px, 50% 99%;
  background-size: auto, cover;
}

.section-23.fundo3 {
  display: block;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#031330), color-stop(99%, hsla(0, 0%, 100%, 0))), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-image: linear-gradient(180deg, #031330, hsla(0, 0%, 100%, 0) 99%), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.container-17 {
  padding-top: 50px;
  padding-bottom: 75px;
  background-image: none;
  color: #fff;
}

.heading-18 {
  margin-top: 15%;
}

.heading-18.curso {
  margin-top: 16%;
  text-align: center;
}

.heading-18.modulos {
  height: auto;
  margin-top: 12%;
  margin-left: 46px;
  color: #fff;
}

.paragraph-11 {
  margin-top: 24px;
  padding-right: 10%;
  padding-left: 10%;
  font-size: 22px;
  line-height: 1.1em;
  text-align: center;
}

.paragraph-11.curso {
  margin-top: 13px;
  font-size: 14px;
  text-align: justify;
}

.section-24 {
  height: 800px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(7, 7, 34, 0.91))), -webkit-gradient(linear, left top, left bottom, from(rgba(5, 5, 29, 0.92)), to(transparent)), url('../images/saiba-como-a-fractos-pode-ajudar-a-reinventar-seu-negocio.jpg');
  background-image: linear-gradient(180deg, transparent, rgba(7, 7, 34, 0.91)), linear-gradient(180deg, rgba(5, 5, 29, 0.92), transparent), url('../images/saiba-como-a-fractos-pode-ajudar-a-reinventar-seu-negocio.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.div-block-35 {
  width: 250px;
  height: 250px;
  margin: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.div-block-35.academy {
  margin-top: -127px;
  margin-right: 2px;
  margin-left: 296px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 175, 169, 0.58)), to(rgba(0, 175, 169, 0.58)));
  background-image: linear-gradient(180deg, rgba(0, 175, 169, 0.58), rgba(0, 175, 169, 0.58));
}

.div-block-35.academy._2 {
  position: relative;
  left: 68px;
  margin-top: 0px;
  margin-left: 0px;
}

.div-block-35.serv1 {
  margin-top: -31px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 209, 202, 0.54)), to(rgba(0, 209, 202, 0.54)));
  background-image: linear-gradient(180deg, rgba(0, 209, 202, 0.54), rgba(0, 209, 202, 0.54));
}

.div-block-35.serv1._2 {
  margin: 27px 0px 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 209, 202, 0.25)), to(rgba(0, 209, 202, 0.25)));
  background-image: linear-gradient(180deg, rgba(0, 209, 202, 0.25), rgba(0, 209, 202, 0.25));
}

.div-block-35.serv2 {
  margin-top: -219px;
  margin-left: 419px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 184, 179, 0.75)), to(rgba(62, 184, 179, 0.75)));
  background-image: linear-gradient(180deg, rgba(62, 184, 179, 0.75), rgba(62, 184, 179, 0.75));
}

.div-block-35.serv2._2 {
  position: relative;
  left: -98px;
  margin-top: 280px;
  margin-left: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 184, 179, 0.35)), to(rgba(62, 184, 179, 0.35)));
  background-image: linear-gradient(180deg, rgba(62, 184, 179, 0.35), rgba(62, 184, 179, 0.35));
}

.div-block-35.serv3 {
  margin-top: -383px;
  margin-right: -14px;
  margin-left: 700px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 184, 179, 0.67)), to(rgba(62, 184, 179, 0.67)));
  background-image: linear-gradient(180deg, rgba(62, 184, 179, 0.67), rgba(62, 184, 179, 0.67));
}

.div-block-35.serv3._2 {
  position: relative;
  left: -55px;
  margin-top: 90px;
  margin-left: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 184, 179, 0.29)), to(rgba(62, 184, 179, 0.29)));
  background-image: linear-gradient(180deg, rgba(62, 184, 179, 0.29), rgba(62, 184, 179, 0.29));
}

.title-servicos {
  width: 250px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-weight: 400;
}

.heading-19 {
  margin-top: 0px;
  margin-left: 30px;
  padding-top: 31px;
  padding-right: 26px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 35px;
  font-style: italic;
}

.bold-text {
  display: block;
  width: auto;
  margin-bottom: 27px;
  color: #c2e4e3;
  font-size: 18px;
  font-weight: 400;
}

.bold-text.podemos {
  display: block;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.subheading-2 {
  margin-bottom: 0px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.text-block-18 {
  margin-top: 20px;
  margin-right: 30px;
  margin-left: 30px;
  color: #fff;
  font-size: 16px;
}

.text-block-19 {
  margin-top: 31px;
  font-size: 18px;
  text-align: center;
}

.cta-curso {
  display: block;
  width: 200px;
  height: 50px;
  margin-top: 51px;
  margin-right: auto;
  margin-left: auto;
  background-color: #17a49f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#17a49f), to(#17a49f));
  background-image: linear-gradient(180deg, #17a49f, #17a49f);
  text-align: center;
}

.cta-curso.cta2 {
  margin-top: 0px;
  border: 2px solid #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#102c5e), to(#102c5e));
  background-image: linear-gradient(180deg, #102c5e, #102c5e);
}

.div-block-37 {
  width: 200px;
  height: 200px;
  margin-top: 45px;
  margin-right: 28px;
  margin-left: 10%;
  float: left;
  border-radius: 100px;
  background-image: url('../images/Flavio.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.heading-20 {
  margin-top: 60px;
  font-size: 36px;
}

.text-block-20 {
  width: 400px;
  padding-right: 10%;
  padding-left: 0%;
  float: right;
  text-align: right;
}

.bg-flavio-curso {
  display: none;
  height: 100%;
  background-color: #04132e;
  background-image: none;
}

.row-7 {
  height: 250px;
  margin-top: 10%;
}

.image-15 {
  display: block;
  width: 150px;
  height: 150px;
  margin-top: 19px;
  margin-right: auto;
  margin-left: auto;
}

.modulos {
  height: 100%;
  padding-bottom: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0b162a), to(#0b162a));
  background-image: linear-gradient(180deg, #0b162a, #0b162a);
}

.row-8 {
  margin-top: 0px;
  margin-right: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
}

.link-block-14 {
  display: block;
  width: 60px;
  height: 50px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
}

.image-16 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-12 {
  margin-top: 15px;
  padding-bottom: 20px;
  text-align: center;
}

.column-9 {
  padding-top: 0px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-image: linear-gradient(180deg, transparent, transparent);
}

.column-10 {
  padding-top: 0px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-image: linear-gradient(180deg, transparent, transparent);
}

.div-block-38 {
  width: 200px;
  height: 100%;
  min-height: 275px;
  padding: 20px 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#0fd4cd), to(#0fd4cd));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), hsla(0, 0%, 100%, 0)), linear-gradient(180deg, #0fd4cd, #0fd4cd);
}

.bold-text-3 {
  color: #fff;
}

.bold-text-4 {
  color: #fff;
}

.div-block-39 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  width: 100vw;
  height: 100vh;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  opacity: 0;
}

.div-block-40 {
  width: 55%;
  height: 300px;
  margin-top: 30vh;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 2px solid #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 29, 68, 0.85)), to(rgba(7, 29, 68, 0.85))), url('../images/entre-em-contato-com-a-fractos.png');
  background-image: linear-gradient(180deg, rgba(7, 29, 68, 0.85), rgba(7, 29, 68, 0.85)), url('../images/entre-em-contato-com-a-fractos.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-41 {
  position: relative;
  top: 0px;
  right: 0px;
  float: right;
}

.link-8 {
  position: relative;
  right: 10px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 35px;
  text-decoration: none;
}

.link-8:hover {
  text-decoration: none;
}

.heading-21 {
  margin-top: 0px;
  padding-left: 20px;
  color: #fff;
}

.paragraph-13 {
  padding-right: 20px;
  padding-left: 20px;
  color: #fff;
  font-size: 14px;
}

.form-6 {
  padding: 20px;
}

.submit-button-3 {
  float: right;
  background-color: #00ce88;
}

.section-25 {
  min-height: 400px;
  background-color: #1d0f46;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(48%, #0f0629), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(29, 15, 70, 0.7)), to(rgba(29, 15, 70, 0.7))), url('../images/rob-bye-125309-min.jpg');
  background-image: linear-gradient(90deg, #0f0629 48%, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(29, 15, 70, 0.7), rgba(29, 15, 70, 0.7)), url('../images/rob-bye-125309-min.jpg');
  background-position: 0px 0px, 0px 0px, 257px 64%;
  background-size: auto, auto, 2447px;
  background-repeat: repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, fixed;
}

.image-17 {
  display: none;
  height: 75px;
}

.heading-22 {
  width: 65%;
  margin-top: 86px;
  margin-left: 15px;
  color: #fff;
  text-transform: uppercase;
}

.paragraph-14 {
  margin-top: -5px;
  margin-left: 15px;
  padding-top: 8px;
  color: #fff;
  font-size: 20px;
}

.container-20 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-18 {
  position: static;
  left: 459px;
  top: -47px;
  right: 4px;
  width: 35px;
  margin-left: 15px;
}

.div-block-42 {
  height: auto;
  min-height: 475px;
  padding: 15px 25px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 220, 226, 0.9)), to(rgba(221, 220, 226, 0.9)));
  background-image: linear-gradient(180deg, rgba(221, 220, 226, 0.9), rgba(221, 220, 226, 0.9));
}

.section-26 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 8, 57, 0.65)), to(rgba(20, 8, 57, 0.65))), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-image: linear-gradient(180deg, rgba(20, 8, 57, 0.65), rgba(20, 8, 57, 0.65)), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
}

.container-21 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.heading-23 {
  color: #000;
  font-size: 28px;
  line-height: 1.1em;
  text-transform: uppercase;
}

.link-block-15 {
  display: block;
  width: 300px;
  height: 90px;
  margin-right: auto;
  margin-bottom: -48px;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.paragraph-15 {
  color: #000;
}

.row-10 {
  margin-bottom: 30px;
}

.image-19 {
  position: relative;
  top: -15px;
  right: -125px;
}

.div-block-43 {
  padding-top: 75px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#140839), to(#140839));
  background-image: linear-gradient(180deg, #140839, #140839);
}

.heading-24 {
  color: #fff;
}

.paragraph-16 {
  color: #fff;
}

.list-item-4 {
  color: #fff;
}

.div-block-45 {
  position: relative;
  top: 78px;
  display: block;
  width: 125px;
  height: 125px;
  margin-left: 20px;
  padding-right: 0px;
  border-radius: 1000px;
  background-color: #0c1d29;
  background-image: url('../images/foto.PNG');
  background-position: 102% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.paragraph-copy-copy {
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 20px;
  color: #b8b2b2;
  font-size: 15px;
  text-align: left;
}

.image-20 {
  position: relative;
  float: right;
}

.div-block-46 {
  min-height: 575px;
  margin-top: 25px;
  padding: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 138, 146, 0.9)), to(rgba(19, 138, 146, 0.9)));
  background-image: linear-gradient(180deg, rgba(19, 138, 146, 0.9), rgba(19, 138, 146, 0.9));
}

.field-label-2 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.field-label-3 {
  color: #fff;
  font-weight: 400;
  text-align: left;
}

.submit-button-4 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #1f076f;
  cursor: pointer;
}

.text-field-6 {
  margin-top: 35px;
}

.text-field-7 {
  margin-bottom: 10px;
}

.checkbox-field {
  text-align: left;
}

.div-block-46-copy {
  min-height: 385px;
  margin-top: 25px;
  padding: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 138, 146, 0.9)), to(rgba(19, 138, 146, 0.9)));
  background-image: linear-gradient(180deg, rgba(19, 138, 146, 0.9), rgba(19, 138, 146, 0.9));
}

.column-11 {
  padding-right: 30px;
  text-align: left;
}

.image-21 {
  height: 100px;
}

.section-27 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(67, 16, 94, 0.41)), to(rgba(67, 16, 94, 0.41))), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-image: linear-gradient(180deg, rgba(67, 16, 94, 0.41), rgba(67, 16, 94, 0.41)), url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-47 {
  display: block;
  width: 250px;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 500px;
  background-image: url('../images/foto.PNG');
  background-position: 50% 50%;
  background-size: cover;
}

.column-12 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
}

.heading-25 {
  color: #fff;
}

.rich-text-block-5 {
  color: #fff;
}

.text-block-22 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.div-block-48 {
  display: block;
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}

.link-block-16 {
  position: absolute;
  z-index: 10;
  width: 95%;
  height: 100%;
}

.heading-9-copy {
  margin-top: 60px;
  color: #000;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.link-block-17 {
  display: block;
  color: #fff;
  text-decoration: none;
}

.link-block-17:hover {
  text-decoration: none;
}

.link-block-18 {
  position: relative;
  left: 231px;
  top: -61px;
  width: 60px;
  margin-top: 20px;
}

.section-28 {
  height: 500px;
  margin-top: -10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 18, 36, 0.79)), to(rgba(9, 18, 36, 0.79))), url('../images/cadastre-se-na-fractos-sistemas-de-gestao.jpg');
  background-image: linear-gradient(180deg, rgba(9, 18, 36, 0.79), rgba(9, 18, 36, 0.79)), url('../images/cadastre-se-na-fractos-sistemas-de-gestao.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.heading-26 {
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 170px;
  color: #fff;
  text-align: center;
}

.text-block-23 {
  margin-right: 30px;
  margin-left: 30px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.problemas {
  position: relative;
  top: 5px;
  display: block;
  width: 180px;
  height: 150px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 10px;
  background-color: #0d205d;
  box-shadow: 0 0 6px 0 #000;
}

.problemas:hover {
  background-color: #0c3675;
}

.problemas._4 {
  left: 46px;
  bottom: -15px;
}

.problemas._2 {
  left: -11px;
  top: -4px;
  right: -78px;
}

.problemas._3 {
  left: -106px;
  top: 23px;
  right: 73px;
}

.problemas._1 {
  left: 76px;
  top: 39px;
}

.problemas._5 {
  left: 23px;
  top: 11px;
}

.text-block-24 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

.text-block-25 {
  margin-top: 7px;
  color: #dbdbdb;
  font-size: 14px;
  text-align: left;
}

.heading-27 {
  margin-bottom: 26px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fafafa;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}

.link-9 {
  padding-left: 20px;
  color: #fff;
  font-size: 18px;
}

.secao-escondida---sem-aprovacao-do-cliente {
  display: none;
  height: 450px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(39%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(12, 31, 65, 0.65)), to(rgba(12, 31, 65, 0.65))), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
  background-image: linear-gradient(180deg, transparent 50%, #000), linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 39%), linear-gradient(180deg, rgba(12, 31, 65, 0.65), rgba(12, 31, 65, 0.65)), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
  background-position: 0px 0px, 0px 0px, 0px 0px, -248px 50%, 50% 87%;
  background-size: auto, auto, auto, 960px, cover;
  background-repeat: repeat, repeat, repeat, no-repeat, repeat;
}

.container-22 {
  height: 450px;
  padding-right: 20px;
  padding-left: 20px;
}

.row-11 {
  margin-top: 80px;
  padding-top: 0px;
}

.paragraph-18 {
  margin-top: 7px;
  padding-top: 7px;
  color: #c7c7c7;
  font-size: 13px;
  line-height: 25px;
  text-align: left;
}

.column-17 {
  padding-right: 20px;
  padding-left: 20px;
}

.setinha {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}

.section-31 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#050514), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(1, 8, 20, 0.8)), to(rgba(1, 8, 20, 0.8))), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-image: linear-gradient(180deg, #050514, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(1, 8, 20, 0.8), rgba(1, 8, 20, 0.8)), url('../images/fractos-nos-reinventamos-seu-negocio.jpg');
  background-position: 0px 0px, 0px 0px, 50% 53%;
  background-size: auto, auto, 960px;
}

.titulo {
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  text-align: right;
}

.column-20 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.column-22 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.div-block-50 {
  width: 240px;
  height: 200px;
  padding: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#17a49f), to(#17a49f));
  background-image: linear-gradient(180deg, #17a49f, #17a49f);
  text-decoration: none;
}

.image-22 {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding-top: 14px;
}

.heading-28 {
  margin-top: 8px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}

.div-block-51 {
  height: auto;
}

.div-block-52 {
  margin-top: 19px;
}

.link-block-20 {
  text-decoration: none;
}

.link-block-22 {
  text-decoration: none;
}

.link-block-22:hover {
  text-decoration: none;
}

.row-13 {
  margin-top: 100px;
}

.section-33 {
  display: block;
  height: 100%;
  padding: 5%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 6, 19, 0.94)), to(rgba(16, 44, 94, 0.26))), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-image: linear-gradient(180deg, rgba(2, 6, 19, 0.94), rgba(16, 44, 94, 0.26)), url('../images/conheca-os-servicos-da-fractos.jpg');
  background-position: 0px 0px, 50% 75%;
  background-size: auto, cover;
}

.div-block-53 {
  display: block;
  width: 90%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 5%;
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.31);
}

.text-block-27 {
  margin-bottom: 10px;
  color: #1cd3cc;
  font-size: 20px;
  line-height: 25px;
}

.paragraph-20 {
  margin-bottom: 15px;
  color: #dbdbdb;
}

.container-24 {
  padding-top: 75px;
  padding-bottom: 50px;
}

.div-block-54 {
  height: 100%;
  padding: 30px 15px 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.07)), to(hsla(0, 0%, 100%, 0.07)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0.07));
  text-align: center;
}

.heading-30 {
  margin-bottom: 30px;
  padding-left: 15px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #10d1ca;
  font-size: 33px;
}

.paragraph-21 {
  margin-bottom: 35px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.heading-32 {
  color: #10d1ca;
  font-size: 20px;
}

.paragraph-22 {
  min-height: 85px;
  opacity: 0;
  color: #fff;
  font-size: 14px;
}

.heading-33 {
  color: #10d1ca;
  font-size: 20px;
  line-height: 36px;
}

.paragraph-23 {
  min-height: 85px;
  opacity: 0;
  color: #fff;
  font-size: 14px;
}

.paragraph-24 {
  margin-top: 35px;
  padding-right: 50px;
  padding-left: 50px;
  color: #fff;
  font-size: 16px;
  line-height: 1.1em;
  text-align: center;
}

.html-embed {
  display: inline-block;
  width: 75%;
  margin-top: 20px;
  margin-bottom: 25px;
}

.background-video {
  height: 750px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 15, 39, 0.51)), to(rgba(2, 15, 39, 0.51)));
  background-image: linear-gradient(180deg, rgba(2, 15, 39, 0.51), rgba(2, 15, 39, 0.51));
}

.image-23 {
  width: 92px;
  height: 92px;
  margin-top: 15px;
  margin-bottom: 15px;
  opacity: 0;
}

.row-15 {
  margin-top: -18px;
}

.link-block-25 {
  position: absolute;
  width: 94%;
  height: 360px;
}

.div-block-5-copy {
  position: relative;
  overflow: hidden;
  height: 180px;
  padding: 13px;
  border-top: 1px solid #e5e5e5;
}

.rich-text-block-6 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
}

.container-25 {
  display: none;
  margin-bottom: 24px;
}

.rich-text-block-7 {
  margin-top: 15px;
  color: #fff;
}

.text-block-27-copy {
  margin-top: 35px;
  margin-bottom: 0px;
  color: #1cd3cc;
  font-size: 20px;
  line-height: 25px;
}

.collection-item-7 {
  float: left;
}

.hero-mobile {
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(30%, transparent)), -webkit-gradient(linear, left bottom, left top, from(rgba(6, 6, 8, 0.93)), color-stop(12%, rgba(15, 15, 19, 0.75)), color-stop(48%, hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #000, transparent 30%), linear-gradient(0deg, rgba(6, 6, 8, 0.93), rgba(15, 15, 19, 0.75) 12%, hsla(0, 0%, 100%, 0) 48%);
}

.div-block-56 {
  display: inline-block;
  text-align: center;
}

.container-26 {
  height: 100%;
}

.search-copy {
  text-align: center;
}

.container-27 {
  padding-top: 100px;
  padding-right: 15px;
  padding-left: 15px;
}

.columns {
  margin-top: 150px;
}

.div-block-57 {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 99999;
  padding: 10px;
  border: 0px solid #000;
  border-radius: 20px 20px 0px 0px;
  background-image: linear-gradient(174deg, #102c5e, #17a49f);
}

.text-field-5-copy {
  margin-bottom: 0px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: rgba(13, 31, 61, 0.53);
  color: #f3f3f3;
  font-size: 13px;
}

.text-field-5-copy::-webkit-input-placeholder {
  color: #fff;
}

.text-field-5-copy:-ms-input-placeholder {
  color: #fff;
}

.text-field-5-copy::-ms-input-placeholder {
  color: #fff;
}

.text-field-5-copy::placeholder {
  color: #fff;
}

.form-blog-home {
  margin-bottom: 0px;
}

.submit-button-copy {
  display: block;
  max-height: 38px;
  max-width: 185px;
  margin-top: 0px;
  margin-right: 15px;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 13px;
}

.submit-button-copy:hover {
  background-color: #17a49f;
}

.submit-button-copy:active {
  background-color: #00885a;
}

.div-block-57-copy {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 99999;
  margin-right: 10px;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: linear-gradient(174deg, #00885a, #102c5e);
}

.text-field-5-copy-copy {
  margin-bottom: 0px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: rgba(13, 31, 61, 0.53);
  color: #fff;
}

.text-field-5-copy-copy::-webkit-input-placeholder {
  color: #fff;
}

.text-field-5-copy-copy:-ms-input-placeholder {
  color: #fff;
}

.text-field-5-copy-copy::-ms-input-placeholder {
  color: #fff;
}

.text-field-5-copy-copy::placeholder {
  color: #fff;
}

.html-embed-2 {
  overflow: visible;
}

.subheading-copy {
  margin-bottom: 23px;
  padding-left: 15px;
  font-family: 'Acherus grotesque', Verdana, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.1em;
  font-weight: 400;
  text-align: left;
}

.form-home {
  width: 90%;
  margin-bottom: 36px;
  float: right;
  background-color: transparent;
}

.form-home-block {
  display: inline-block;
  width: 90%;
  float: right;
}

@media screen and (max-width: 991px) {
  .hero-pc {
    background-position: 0px 0px, 0px 0px, 50% 0px;
  }

  .nav-link {
    padding-right: 40px;
    opacity: 0.9;
    color: #fff;
    text-align: right;
  }

  .nav-link.academy {
    margin-top: 0px;
  }

  .heading {
    margin-top: 186px;
    font-size: 45px;
  }

  .container {
    padding-bottom: 100px;
  }

  .section-2 {
    height: 100%;
  }

  .link-block-2 {
    margin-top: 60px;
  }

  .section-3 {
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .heading-4 {
    width: 350px;
  }

  .paragraph-2 {
    width: 350px;
    font-size: 15px;
  }

  .text-block-4 {
    margin-top: 34px;
  }

  .heading-5 {
    width: 350px;
    padding-top: 40px;
  }

  .heading-5._1 {
    margin-right: 105px;
    margin-left: 45px;
    padding-top: 40px;
  }

  .section-8 {
    height: 450px;
  }

  .heading-9 {
    margin-top: 4%;
  }

  .div-block-5 {
    height: auto;
  }

  .collection-item-2 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .form-2 {
    width: 350px;
  }

  .menu-button-3.w--open {
    background-color: rgba(2, 3, 9, 0.8);
  }

  .section-12 {
    padding-bottom: 10px;
  }

  .text-block-13 {
    background-color: #00885a;
  }

  .div-block-20.academy {
    width: 200px;
    height: 50px;
  }

  .heading-16 {
    font-size: 16px;
  }

  .collection-item-2-copy {
    padding-right: 5px;
    padding-left: 5px;
  }

  .collection-item-2-copy-copy {
    padding-right: 5px;
    padding-left: 5px;
  }

  .paragrafo-nova-forma {
    width: 400px;
    font-size: 16px;
  }

  .paragrafo-nova-forma._1 {
    width: 400px;
  }

  .nav-menu-3 {
    left: 530px;
    right: 0px;
    bottom: 0px;
    width: 225px;
    height: 350px;
    background-color: rgba(2, 3, 9, 0.95);
    text-align: right;
  }

  .div-block-29 {
    height: 100%;
    min-height: 350px;
  }

  .div-block-29.autonomia {
    top: 55px;
    height: 100%;
  }

  .div-block-30 {
    left: 145px;
    top: -30px;
    height: 100%;
    min-height: 350px;
    margin-top: -35px;
  }

  .div-block-32 {
    height: 100%;
    min-height: 350px;
  }

  .div-block-32-copy {
    height: 100%;
    min-height: 350px;
  }

  .link-block-12 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-3-copy {
    font-size: 25px;
    line-height: 30px;
  }

  .paragraph-copy {
    font-size: 16px;
  }

  .row-5 {
    padding-right: 10px;
    padding-left: 10px;
    background-image: radial-gradient(circle farthest-corner at 9% 49%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0) 25%), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
    background-image: radial-gradient(circle farthest-corner at 9% 49%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0) 25%), linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  }

  .div-block-35.academy {
    width: 210px;
    height: 210px;
    margin-left: 184px;
  }

  .div-block-35.serv1 {
    width: 210px;
    height: 210px;
    margin-top: 0px;
  }

  .div-block-35.serv2 {
    width: 210px;
    height: 210px;
    margin-left: 303px;
  }

  .div-block-35.serv3 {
    width: 210px;
    height: 210px;
    margin-top: -493px;
    margin-left: 466px;
  }

  .heading-19 {
    font-size: 20px;
    line-height: 25px;
  }

  .subheading-2 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .text-block-18 {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 15px;
  }

  .section-25 {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(48%, #10062e), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(29, 15, 70, 0.67)), to(rgba(29, 15, 70, 0.67))), url('../images/rob-bye-125309-min.jpg');
    background-image: linear-gradient(90deg, #10062e 48%, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(29, 15, 70, 0.67), rgba(29, 15, 70, 0.67)), url('../images/rob-bye-125309-min.jpg');
    background-position: 0px 0px, 0px 0px, -46% 71%;
    background-size: auto, auto, 1400px;
  }

  .heading-22 {
    width: 60%;
  }

  .div-block-42 {
    min-height: 350px;
  }

  .heading-23 {
    font-size: 25px;
  }

  .paragraph-copy-copy {
    display: none;
  }

  .link-block-16 {
    height: auto;
  }

  .heading-9-copy {
    margin-top: 4%;
  }

  .column-13 {
    margin-top: -20px;
  }

  .column-16 {
    padding-left: 20px;
  }

  .secao-escondida---sem-aprovacao-do-cliente {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(39%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(12, 31, 65, 0.7)), to(rgba(12, 31, 65, 0.7))), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
    background-image: linear-gradient(180deg, transparent 50%, #000), linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 39%), linear-gradient(180deg, rgba(12, 31, 65, 0.7), rgba(12, 31, 65, 0.7)), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px, -440px 50%, 50% 100%;
  }

  .column-18 {
    margin-top: 29px;
  }

  .div-block-50 {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-28 {
    font-size: 22px;
  }

  .div-block-53 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-32 {
    min-height: 60px;
    line-height: 1.1em;
  }

  .heading-33 {
    min-height: 60px;
    line-height: 1.1em;
  }

  .html-embed {
    width: 90%;
  }

  .div-block-5-copy {
    height: auto;
  }

  .hero-mobile {
    display: none;
  }

  .div-block-56 {
    margin-top: 100px;
  }

  .form-home {
    width: 350px;
  }
}

@media screen and (max-width: 767px) {
  .hero-pc {
    background-image: url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg'), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(96%, transparent)), -webkit-gradient(linear, left bottom, left top, from(rgba(6, 6, 8, 0.93)), color-stop(15%, rgba(15, 15, 19, 0.75)), color-stop(38%, hsla(0, 0%, 100%, 0)));
    background-image: url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg'), linear-gradient(180deg, #000, transparent 96%), linear-gradient(0deg, rgba(6, 6, 8, 0.93), rgba(15, 15, 19, 0.75) 15%, hsla(0, 0%, 100%, 0) 38%);
    background-position: 50% 0px, 0px 0px, 0px 0px;
    background-size: cover, auto, auto;
  }

  .heading {
    margin-top: 90px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 30px;
  }

  .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container-2 {
    height: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0px;
  }

  .paragraph {
    font-size: 14px;
  }

  .section-2 {
    height: auto;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(7, 7, 34, 0.91)), color-stop(22%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#050514), color-stop(58%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, rgba(8, 15, 29, 0.82))), url('../images/logo-fractos.png'), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-image: linear-gradient(0deg, rgba(7, 7, 34, 0.91), hsla(0, 0%, 100%, 0) 22%), linear-gradient(180deg, #050514, hsla(0, 0%, 100%, 0) 58%), linear-gradient(90deg, transparent, rgba(8, 15, 29, 0.82) 0%), url('../images/logo-fractos.png'), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px, -342px 78px, 50% 50%;
    background-size: auto, auto, auto, 960px, 960px;
    background-repeat: repeat, repeat, repeat, no-repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll, fixed;
  }

  .div-block {
    margin-right: 15px;
    margin-left: 15px;
  }

  .text-block {
    margin-top: 0px;
  }

  .heading-4 {
    display: block;
    width: 100%;
    margin-top: 47px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    font-size: 30px;
    text-align: center;
  }

  .container-3 {
    padding-top: 50px;
  }

  .submit-button {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .image-5 {
    margin-right: 0%;
  }

  .paragraph-2 {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }

  .text-block-4 {
    margin-top: 22px;
  }

  .link-block-4.autor {
    margin-left: 64px;
  }

  .column-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-5 {
    margin-left: 10px;
  }

  .heading-5._1 {
    width: 95%;
    margin-right: 0px;
    margin-left: 10px;
  }

  .section-8 {
    height: 425px;
    padding-top: 75px;
  }

  .section-8.academy {
    height: auto;
  }

  .heading-7 {
    margin-top: 37px;
    font-size: 35px;
    line-height: 1.42em;
  }

  .heading-7.academy {
    line-height: 56px;
  }

  .heading-8 {
    padding-right: 30px;
    padding-left: 30px;
    line-height: 1.42em;
  }

  .heading-8.academy {
    margin-bottom: 89px;
    padding-left: 40px;
    font-size: 18px;
  }

  .button.academy {
    position: relative;
    top: -88px;
    display: block;
  }

  .heading-9 {
    margin-top: 5%;
  }

  .div-block-3 {
    padding-top: 0px;
  }

  .div-block-4 {
    height: 175px;
  }

  .div-block-5 {
    height: auto;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-11 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .form-2 {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .menu-button-3.w--open {
    margin-top: 5px;
  }

  .div-block-15 {
    padding-right: 36px;
  }

  .link-3 {
    min-height: 65px;
  }

  .section-12 {
    padding-bottom: 1%;
  }

  .form-block {
    width: auto;
  }

  .div-block-20.academy {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-bottom: 0px;
  }

  .section-8-copy {
    padding-top: 75px;
  }

  .heading-7-copy {
    font-size: 35px;
    line-height: 1.42em;
  }

  .div-block-22 {
    height: 250px;
    margin-left: 20px;
  }

  .icon-3 {
    font-size: 35px;
  }

  .form-3 {
    margin-right: 5%;
    margin-left: 5%;
  }

  .section-12-copy {
    padding-bottom: 1%;
  }

  .section-8-copy-copy {
    padding-top: 75px;
  }

  .rich-text-block-3 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .search {
    position: relative;
    top: -78px;
  }

  .div-block-28 {
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: left;
  }

  .paragrafo-nova-forma {
    width: 90%;
    margin-left: 10px;
    padding-left: 30px;
  }

  .paragrafo-nova-forma._1 {
    width: 90%;
    margin-left: 10px;
  }

  .nav-menu-3 {
    left: 60%;
  }

  .section-20 {
    padding-top: 25px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(24%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#060614), color-stop(30%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 1, 10, 0.15)), to(rgba(0, 1, 10, 0.15))), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-image: linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 24%), linear-gradient(0deg, #060614, hsla(0, 0%, 100%, 0) 30%), linear-gradient(180deg, rgba(0, 1, 10, 0.15), rgba(0, 1, 10, 0.15)), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;
    background-size: auto, auto, auto, 960px;
    background-attachment: scroll, scroll, scroll, fixed;
  }

  .div-block-29 {
    width: 90%;
    max-height: 400px;
  }

  .div-block-29.autonomia {
    left: 15px;
    max-height: 400px;
  }

  .div-block-30 {
    left: 60px;
    top: 0px;
    width: 90%;
    max-height: 400px;
  }

  .form-block-2 {
    width: 100%;
    float: none;
  }

  .div-block-32 {
    width: 100%;
    max-height: 400px;
  }

  .div-block-32-copy {
    width: 100%;
    max-height: 400px;
  }

  .div-block-33 {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
  }

  .text-field-5 {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }

  .form-4 {
    width: 100%;
  }

  .row-4 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .container-15 {
    margin-bottom: 11px;
    padding-bottom: 26px;
  }

  .field-label-copy {
    margin-top: 10px;
  }

  .heading-3-copy {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    text-align: center;
  }

  .paragraph-copy {
    display: block;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    font-size: 14px;
    text-align: center;
  }

  .image-14 {
    margin-bottom: 10px;
  }

  .paragraph-10 {
    text-align: center;
  }

  .column-8 {
    padding-right: 40px;
  }

  .row-5 {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0)), linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  }

  .section-24 {
    height: 800px;
  }

  .div-block-35.academy {
    position: relative;
    left: 53%;
    top: -136px;
    width: 200px;
    height: 200px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .div-block-35.academy._2 {
    left: 129px;
    top: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 175, 169, 0.25)), to(rgba(0, 175, 169, 0.25)));
    background-image: linear-gradient(180deg, rgba(0, 175, 169, 0.25), rgba(0, 175, 169, 0.25));
  }

  .div-block-35.serv1 {
    position: relative;
    left: 5%;
    top: -197px;
    width: 200px;
    height: 200px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .div-block-35.serv1._2 {
    top: 15px;
  }

  .div-block-35.serv2 {
    position: relative;
    left: 55%;
    top: -358px;
    width: 200px;
    height: 200px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .div-block-35.serv2._2 {
    left: -215px;
    top: 110px;
  }

  .div-block-35.serv3 {
    position: relative;
    left: 10%;
    top: -411px;
    width: 200px;
    height: 200px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-35.serv3._2 {
    left: -100px;
    top: 175px;
  }

  .title-servicos {
    margin-left: 20px;
  }

  .heading-19 {
    margin-top: 7px;
    margin-left: 15px;
    padding-top: 8px;
    font-size: 20px;
    line-height: 30px;
  }

  .bold-text.podemos {
    position: static;
    width: 300px;
    text-align: left;
  }

  .subheading-2 {
    margin-right: 10px;
    margin-left: 10px;
    line-height: 20px;
  }

  .text-block-18 {
    margin-top: 13px;
    margin-left: 15px;
  }

  .section-25 {
    height: 350px;
    min-height: auto;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(48%, #10062e), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(13, 5, 39, 0.44)), to(rgba(13, 5, 39, 0.44))), url('../images/rob-bye-125309-min.jpg');
    background-image: linear-gradient(90deg, #10062e 48%, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(13, 5, 39, 0.44), rgba(13, 5, 39, 0.44)), url('../images/rob-bye-125309-min.jpg');
    background-position: 0px 0px, 0px 0px, -12% 100%;
  }

  .heading-22 {
    margin-top: 43px;
  }

  .container-20 {
    min-height: 1px;
  }

  .div-block-42 {
    min-height: auto;
    margin-bottom: 20px;
  }

  .link-block-15 {
    margin-bottom: -75px;
  }

  .row-10 {
    margin-top: -48px;
  }

  .div-block-43 {
    padding-top: 19px;
  }

  .div-block-45 {
    display: block;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .paragraph-copy-copy {
    display: block;
    font-size: 14px;
  }

  .image-20 {
    display: none;
  }

  .div-block-46 {
    display: block;
    width: 400px;
    min-height: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-9-copy {
    margin-top: 5%;
  }

  .collection-item-5 {
    display: block;
    padding-left: 0px;
  }

  .column-13 {
    margin-top: 15px;
  }

  .collection-list-6 {
    margin-bottom: 21px;
  }

  .column-16 {
    padding-right: 20px;
    padding-left: 35px;
  }

  .problemas {
    width: auto;
    height: 180px;
    max-width: 180px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 5px;
  }

  .text-block-24 {
    font-size: 15px;
  }

  .secao-escondida---sem-aprovacao-do-cliente {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(39%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(11, 22, 49, 0.65)), to(rgba(11, 22, 49, 0.65))), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
    background-image: linear-gradient(180deg, transparent 50%, #000), linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 39%), linear-gradient(180deg, rgba(11, 22, 49, 0.65), rgba(11, 22, 49, 0.65)), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
  }

  .setinha {
    position: relative;
    top: 125px;
    margin-top: 20px;
  }

  .column-19 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-20 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-21 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-22 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-23 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-24 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .div-block-50 {
    display: block;
    width: auto;
    max-width: 200px;
    min-width: 160px;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-28 {
    font-size: 17px;
    line-height: 20px;
  }

  .section-33 {
    height: auto;
  }

  .div-block-53 {
    width: 100%;
    height: 90%;
  }

  .container-24 {
    padding-right: 25px;
    padding-left: 25px;
  }

  .div-block-54 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
  }

  .heading-30 {
    font-size: 30px;
    line-height: 1.1em;
  }

  .paragraph-21 {
    display: block;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
  }

  .paragraph-24 {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }

  .background-video {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 15, 39, 0.51)), to(rgba(2, 15, 39, 0.51)));
    background-image: linear-gradient(180deg, rgba(2, 15, 39, 0.51), rgba(2, 15, 39, 0.51));
  }

  .div-block-5-copy {
    height: auto;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .collection-item-8 {
    margin-bottom: 10px;
    text-align: center;
  }

  .hero-mobile {
    background-image: url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg'), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(96%, transparent)), -webkit-gradient(linear, left bottom, left top, from(rgba(6, 6, 8, 0.93)), color-stop(15%, rgba(15, 15, 19, 0.75)), color-stop(38%, hsla(0, 0%, 100%, 0)));
    background-image: url('../images/reinvente-seu-negocio-com-a-fractos-min.jpg'), linear-gradient(180deg, #000, transparent 96%), linear-gradient(0deg, rgba(6, 6, 8, 0.93), rgba(15, 15, 19, 0.75) 15%, hsla(0, 0%, 100%, 0) 38%);
    background-position: 50% 0px, 0px 0px, 0px 0px;
    background-size: cover, auto, auto;
  }

  .search-copy {
    position: relative;
    top: 15px;
  }

  .column-25 {
    margin-top: 45px;
  }

  .cadastro {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .text-field-5-copy {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }

  .submit-button-copy {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .text-field-5-copy-copy {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }

  .form-home {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .form-home-block {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 479px) {
  .hero-pc {
    background-position: 50% 19px, 0px 0px, 0px 0px;
    background-repeat: no-repeat, repeat, repeat;
  }

  .heading {
    margin: 130px 10px 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 26px;
    line-height: 30px;
  }

  .heading.lp {
    line-height: 1.1em;
  }

  .container {
    padding-bottom: 100px;
  }

  .container-2 {
    height: auto;
    padding-right: 0%;
    padding-bottom: 10%;
  }

  .paragraph {
    margin-left: 0px;
    font-size: 12px;
  }

  .heading-3 {
    margin-left: 0px;
    font-size: 30px;
  }

  .section-2 {
    height: auto;
  }

  .div-block {
    margin-left: 10%;
  }

  .link-block-2 {
    margin-top: 40px;
  }

  .heading-4 {
    left: 5%;
    max-width: 100%;
    margin-top: 20px;
    font-size: 35px;
  }

  .container-3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .section-4 {
    padding-bottom: 20px;
  }

  .container-4 {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-4 {
    margin-top: -10px;
    padding-top: 0px;
  }

  .image-4.autor {
    margin-top: 0px;
  }

  .paragraph-2 {
    left: 5%;
  }

  .text-block-4 {
    margin: 5% 4% 9px;
    padding-top: 5px;
  }

  .link-block-4 {
    width: 45px;
    height: 45px;
  }

  .column-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-3 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-5 {
    width: auto;
    margin-left: 4%;
    padding-top: 15%;
    font-size: 30px;
  }

  .heading-5._1 {
    margin-left: 0px;
    font-size: 21px;
  }

  .image-9 {
    top: 20px;
  }

  .section-8 {
    height: auto;
  }

  .heading-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .heading-7.academy {
    font-size: 45px;
    line-height: 50px;
  }

  .button {
    margin-top: 1%;
    margin-bottom: 5%;
  }

  .heading-9 {
    margin-top: 30px;
  }

  .div-block-3 {
    width: 95%;
    padding-top: 10px;
  }

  .div-block-5 {
    height: 100%;
    padding-bottom: 20px;
  }

  .heading-10 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .heading-12 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .container-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .form-2 {
    left: 0%;
    right: 0px;
    bottom: 0px;
    width: 100%;
  }

  .menu-button-3 {
    margin-top: 8px;
  }

  .menu-button-3.w--open {
    margin-top: 14px;
  }

  .div-block-15 {
    padding-right: 2%;
  }

  .heading-14 {
    font-size: 26px;
    line-height: 1.42em;
  }

  .link-3 {
    min-height: 65px;
  }

  .section-12 {
    padding-bottom: 0px;
  }

  .heading-7-copy {
    padding-right: 10px;
    padding-left: 10px;
  }

  .heading-15 {
    color: #000;
  }

  .icon-3 {
    font-size: 25px;
  }

  .section-12-copy {
    padding-bottom: 0px;
  }

  .search-input {
    width: 50%;
  }

  .search {
    top: -20px;
    padding-bottom: 35px;
  }

  .heading-17 {
    font-size: 24px;
    line-height: 1.1em;
  }

  .paragrafo-nova-forma {
    width: auto;
    height: 100%;
    margin-right: 2%;
    margin-left: 2%;
  }

  .paragrafo-nova-forma._1 {
    width: auto;
    max-height: auto;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .nav-menu-3 {
    left: 30%;
  }

  .div-block-29 {
    left: -15px;
    width: 100%;
    max-height: none;
  }

  .div-block-29.autonomia {
    left: 0px;
    top: -30px;
    display: block;
    max-height: none;
    margin-top: -35px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/greg-rakozy-38802.jpg');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/greg-rakozy-38802.jpg');
    background-position: 0px 0px, 50% 50%;
  }

  .div-block-30 {
    left: 15px;
    top: -30px;
    width: 100%;
    max-height: none;
    max-width: 100%;
    margin-top: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/photo-1504333638930-c8787321eee0.jpg');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/photo-1504333638930-c8787321eee0.jpg');
    background-size: auto, cover;
  }

  .paragraph-8 {
    width: 225px;
  }

  .form-block-2 {
    left: 3%;
  }

  .vantagens {
    margin-top: -54px;
    padding-left: 20px;
  }

  .navbar-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#040b18), color-stop(40%, rgba(4, 11, 24, 0.79)), color-stop(88%, hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(180deg, #040b18, rgba(4, 11, 24, 0.79) 40%, hsla(0, 0%, 100%, 0) 88%);
  }

  .div-block-32 {
    max-height: none;
  }

  .div-block-32-copy {
    display: block;
    max-height: none;
  }

  .link-block-12 {
    margin-top: 30px;
  }

  .div-block-33 {
    width: 100px;
    height: 100px;
  }

  .text-field-5 {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
  }

  .form-4 {
    width: auto;
  }

  .field-label {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .column-4 {
    position: static;
  }

  .paragraph-9 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .subheading {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 14px;
  }

  .link-block-7 {
    text-decoration: none;
  }

  .link-block-7:hover {
    text-decoration: none;
  }

  .field-label-copy {
    display: block;
    width: auto;
    margin-top: 16px;
    margin-right: 30px;
    margin-left: 30px;
    color: #dfdede;
    font-size: 13px;
    line-height: 16px;
  }

  .heading-3-copy {
    font-size: 17px;
  }

  .paragraph-copy {
    width: 85%;
    font-size: 12px;
  }

  .container-16 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .row-5 {
    background-image: radial-gradient(circle farthest-corner at 49% 28%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
    background-image: radial-gradient(circle farthest-corner at 49% 28%, rgba(255, 0, 0, 0.15), rgba(255, 27, 27, 0)), linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  }

  .heading-18.curso {
    margin-top: 44%;
  }

  .section-24 {
    height: auto;
  }

  .div-block-35.academy {
    left: 8%;
    top: 219px;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-left: 0px;
    padding-top: 10px;
    float: left;
  }

  .div-block-35.academy._2 {
    position: relative;
    left: 3%;
    top: 18px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
  }

  .div-block-35.serv1 {
    left: -20%;
    top: -198px;
    margin-top: 217px;
    margin-left: 64px;
  }

  .div-block-35.serv1._2 {
    position: relative;
    left: 7%;
    top: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
  }

  .div-block-35.serv2 {
    left: -5%;
    top: 10px;
    margin-top: -10px;
    margin-left: 30px;
  }

  .div-block-35.serv2._2 {
    position: relative;
    left: 15%;
    top: 0px;
    display: block;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
  }

  .div-block-35.serv3 {
    left: -36%;
    top: 7px;
    margin-top: -9px;
    margin-left: 102px;
  }

  .div-block-35.serv3._2 {
    position: relative;
    left: 0%;
    top: -20px;
    display: block;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
  }

  .title-servicos {
    width: auto;
    margin-top: 0px;
    margin-bottom: 32px;
    margin-left: 0px;
  }

  .heading-19 {
    line-height: 25px;
  }

  .bold-text {
    width: auto;
    font-size: 17px;
  }

  .bold-text.podemos {
    position: absolute;
    display: block;
    width: auto;
    margin-top: -9px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1px;
  }

  .subheading-2 {
    margin-top: 6px;
    margin-right: 25px;
    margin-left: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-18 {
    width: auto;
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 18px;
  }

  .div-block-40 {
    width: 90%;
    height: 371px;
  }

  .section-25 {
    height: 500px;
    background-image: linear-gradient(173deg, #0d0527 12%, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(13, 5, 39, 0.57), rgba(13, 5, 39, 0.57)), url('../images/rob-bye-125309-min.jpg');
    background-position: 0px 0px, 0px 0px, -57px 47%;
    background-size: auto, auto, cover;
  }

  .heading-22 {
    display: block;
    margin-top: 67px;
    margin-right: auto;
    margin-left: auto;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
  }

  .paragraph-14 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18px;
    text-align: center;
  }

  .image-18 {
    left: 96px;
    top: -37px;
  }

  .div-block-42 {
    display: block;
    width: auto;
    min-height: 300px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding-bottom: 15px;
  }

  .container-21 {
    padding-bottom: 15px;
  }

  .row-10 {
    margin-top: -74px;
  }

  .heading-24 {
    margin-left: 20px;
  }

  .paragraph-16 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .paragraph-copy-copy {
    margin-left: 0px;
    font-size: 12px;
  }

  .image-20 {
    display: none;
  }

  .div-block-46 {
    width: auto;
    max-width: 400px;
    min-height: auto;
  }

  .submit-button-4 {
    max-width: 100%;
  }

  .text-field-7 {
    margin-bottom: 10px;
  }

  .heading-9-copy {
    margin-top: 30px;
  }

  .link-block-18 {
    left: 135px;
    top: -41px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .column-13 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .unordered-list-2 {
    padding-right: 20px;
  }

  .collection-item-6 {
    display: none;
  }

  .problemas {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-27 {
    margin-left: -5px;
    font-size: 26px;
    line-height: 35px;
  }

  .link-9 {
    display: block;
    text-align: center;
  }

  .textarea-2 {
    margin-bottom: 13px;
  }

  .secao-escondida---sem-aprovacao-do-cliente {
    position: static;
    overflow: visible;
    height: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(39%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(11, 22, 49, 0.77)), to(rgba(11, 22, 49, 0.77))), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
    background-image: linear-gradient(180deg, transparent 50%, #000), linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 39%), linear-gradient(180deg, rgba(11, 22, 49, 0.77), rgba(11, 22, 49, 0.77)), url('../images/logo-fractos.png'), url('../images/fractos.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px, -527px 50%, 50% 100%;
    background-size: auto, auto, auto, 960px, cover;
    background-repeat: repeat, repeat, repeat, no-repeat, repeat;
  }

  .container-22 {
    position: relative;
    top: 14px;
    height: 550px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .row-11 {
    margin-top: 49px;
  }

  .paragraph-18 {
    margin-bottom: 20px;
    text-align: center;
  }

  .column-17 {
    display: none;
  }

  .column-18 {
    margin-top: 0px;
  }

  .setinha {
    top: -25px;
  }

  .titulo {
    font-size: 26px;
    text-align: center;
  }

  .column-19 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-50 {
    height: 150px;
    min-width: 290px;
  }

  .image-22 {
    padding-top: 0px;
  }

  .section-33 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 6, 19, 0.94)), to(rgba(12, 23, 44, 0.67))), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-image: linear-gradient(180deg, rgba(2, 6, 19, 0.94), rgba(12, 23, 44, 0.67)), url('../images/conheca-os-servicos-da-fractos.jpg');
    background-position: 0px 0px, 50% 75%;
    background-size: auto, cover;
  }

  .div-block-53 {
    display: block;
    height: 95%;
    margin-right: auto;
    margin-left: auto;
  }

  .container-24 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .div-block-54 {
    width: 100%;
  }

  .heading-30 {
    padding-left: 0px;
  }

  .paragraph-21 {
    width: 80%;
  }

  .paragraph-24 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .background-video {
    height: 100%;
    min-height: 625px;
  }

  .div-block-5-copy {
    height: 100%;
    padding-bottom: 20px;
  }

  .hero-mobile {
    background-position: 50% 19px, 0px 0px, 0px 0px;
    background-repeat: no-repeat, repeat, repeat;
  }

  .div-block-56 {
    margin-top: 30px;
  }

  .container-26 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .search-copy {
    top: -5px;
    padding-bottom: 35px;
  }

  .column-25 {
    margin-top: 100px;
    padding-top: 0px;
  }

  .text-field-5-copy {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
  }

  .text-field-5-copy-copy {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
  }

  .subheading-copy {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 14px;
  }

  .form-home {
    left: 0%;
    right: 0px;
    bottom: 0px;
    width: 100%;
  }

  .form-home-block {
    left: 3%;
  }
}

@font-face {
  font-family: 'Acherus grotesque';
  src: url('../fonts/acherus_grotesque_-_regular_italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Acherus grotesque';
  src: url('../fonts/acherus_grotesque_-_regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}