/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600&display=swap");
 /* line 11, app/assets/stylesheets/foundation/normalize.css */
 html {
   line-height: 1.15;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
 }
 
 /* Sections
    ========================================================================== */
 /**
  * Remove the margin in all browsers.
  */
 /* line 23, app/assets/stylesheets/foundation/normalize.css */
 body {
   margin: 0;
 }
 
 /**
  * Render the `main` element consistently in IE.
  */
 /* line 31, app/assets/stylesheets/foundation/normalize.css */
 main {
   display: block;
 }
 
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
 /* line 40, app/assets/stylesheets/foundation/normalize.css */
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 
 /* Grouping content
    ========================================================================== */
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
 /* line 53, app/assets/stylesheets/foundation/normalize.css */
 hr {
   box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 /* line 64, app/assets/stylesheets/foundation/normalize.css */
 pre {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /* Text-level semantics
    ========================================================================== */
 /**
  * Remove the gray background on active links in IE 10.
  */
 /* line 76, app/assets/stylesheets/foundation/normalize.css */
 a {
   background-color: transparent;
 }
 
 /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 /* line 85, app/assets/stylesheets/foundation/normalize.css */
 abbr[title] {
   border-bottom: none;
   /* 1 */
   text-decoration: underline;
   /* 2 */
   text-decoration: underline dotted;
   /* 2 */
 }
 
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
 /* line 95, app/assets/stylesheets/foundation/normalize.css */
 b,
 strong {
   font-weight: bolder;
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 /* line 105, app/assets/stylesheets/foundation/normalize.css */
 code,
 kbd,
 samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /**
  * Add the correct font size in all browsers.
  */
 /* line 116, app/assets/stylesheets/foundation/normalize.css */
 small {
   font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
 /* line 125, app/assets/stylesheets/foundation/normalize.css */
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 /* line 133, app/assets/stylesheets/foundation/normalize.css */
 sub {
   bottom: -0.25em;
 }
 
 /* line 137, app/assets/stylesheets/foundation/normalize.css */
 sup {
   top: -0.5em;
 }
 
 /* Embedded content
    ========================================================================== */
 /**
  * Remove the border on images inside links in IE 10.
  */
 /* line 148, app/assets/stylesheets/foundation/normalize.css */
 img {
   border-style: none;
 }
 
 /* Forms
    ========================================================================== */
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
 /* line 160, app/assets/stylesheets/foundation/normalize.css */
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   line-height: 1.15;
   /* 1 */
   margin: 0;
   /* 2 */
 }
 
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
 /* line 176, app/assets/stylesheets/foundation/normalize.css */
 button,
 input {
   /* 1 */
   overflow: visible;
 }
 
 /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
 /* line 186, app/assets/stylesheets/foundation/normalize.css */
 button,
 select {
   /* 1 */
   text-transform: none;
 }
 
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
 /* line 195, app/assets/stylesheets/foundation/normalize.css */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 /* line 206, app/assets/stylesheets/foundation/normalize.css */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
  * Restore the focus styles unset by the previous rule.
  */
 /* line 218, app/assets/stylesheets/foundation/normalize.css */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
 /**
  * Correct the padding in Firefox.
  */
 /* line 229, app/assets/stylesheets/foundation/normalize.css */
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
 
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
 /* line 240, app/assets/stylesheets/foundation/normalize.css */
 legend {
   box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
 }
 
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 /* line 253, app/assets/stylesheets/foundation/normalize.css */
 progress {
   vertical-align: baseline;
 }
 
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 /* line 261, app/assets/stylesheets/foundation/normalize.css */
 textarea {
   overflow: auto;
 }
 
 /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
 /* line 270, app/assets/stylesheets/foundation/normalize.css */
 [type="checkbox"],
 [type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
 }
 
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 /* line 280, app/assets/stylesheets/foundation/normalize.css */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
 /* line 290, app/assets/stylesheets/foundation/normalize.css */
 [type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
 }
 
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 /* line 299, app/assets/stylesheets/foundation/normalize.css */
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
 /* line 308, app/assets/stylesheets/foundation/normalize.css */
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
 }
 
 /* Interactive
    ========================================================================== */
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
 /* line 320, app/assets/stylesheets/foundation/normalize.css */
 details {
   display: block;
 }
 
 /*
  * Add the correct display in all browsers.
  */
 /* line 328, app/assets/stylesheets/foundation/normalize.css */
 summary {
   display: list-item;
 }
 
 /* Misc
    ========================================================================== */
 /**
  * Add the correct display in IE 10+.
  */
 /* line 339, app/assets/stylesheets/foundation/normalize.css */
 template {
   display: none;
 }
 
 /**
  * Add the correct display in IE 10.
  */
 /* line 347, app/assets/stylesheets/foundation/normalize.css */
 [hidden] {
   display: none;
 }
 
 /* Colors */
 /* Measurements */
 /* Functions */
 /* Fonts */
 @font-face {
   font-family: "Katahdin Round";
   src: url(/assets/fonts/Katahdin-Round.ttf) format("truetype");
 }
 
 /* Font Weight */
 /* Classes and Defaults */
 /* line 49, app/assets/stylesheets/base/_config.sass */
 * {
   margin: 0;
   padding: 0;
   outline: 0;
   border: 0;
   list-style: none;
   text-decoration: none;
   box-sizing: border-box;
 }
 
 /* line 58, app/assets/stylesheets/base/_config.sass */
 body, html, #root {
   height: 100vh;
   scroll-behavior: smooth;
   width: 100%;
 }
 
 /* line 63, app/assets/stylesheets/base/_config.sass */
 body {
   font-family: 'Archivo', sans-serif;
   font-weight: normal;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
 }
 
 /* line 67, app/assets/stylesheets/base/_config.sass */
 body h1, body h2 {
   font-family: 'Katahdin Round', sans-serif;
 }
 
 /* line 70, app/assets/stylesheets/base/_config.sass */
 #root *, body {
   display: flex;
 }
 
 /* line 73, app/assets/stylesheets/base/_config.sass */
 input, button, textarea {
   font: inherit;
 }
 
 /* line 76, app/assets/stylesheets/base/_config.sass */
 button {
   cursor: pointer;
 }
 
 /* line 1, app/assets/stylesheets/components/buttons.sass */
 button, .button {
   border-radius: 5px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 700;
   justify-content: center;
   margin: 0 20px 0 0;
   padding: 20px 20px 15px;
   text-transform: uppercase;
 }
 
 @media (max-width: 480px) {
   /* line 1, app/assets/stylesheets/components/buttons.sass */
   button, .button {
     font-size: 0.875em;
     margin: 0;
     padding: 10px 20px 6px;
   }
 }
 
 /* line 15, app/assets/stylesheets/components/buttons.sass */
 .button-small {
   font-size: 14px;
   padding: 10px 20px 5px;
 }
 
 /* line 19, app/assets/stylesheets/components/buttons.sass */
 .button-primary {
   background-color: #337FF4;
   color: #FFFCF6;
 }
 
 /* line 22, app/assets/stylesheets/components/buttons.sass */
 .button-primary:hover {
   background-color: #0a4eb7;
 }
 
 /* line 25, app/assets/stylesheets/components/buttons.sass */
 .button-secondary {
   background-color: transparent;
   color: #337FF4;
 }
 
 /* line 28, app/assets/stylesheets/components/buttons.sass */
 .button-secondary:hover {
   color: #0a4eb7;
 }
 
 /* line 31, app/assets/stylesheets/components/buttons.sass */
 .button-third {
   background-color: #0a4eb7;
   color: #FFFCF6;
 }
 
 /* line 34, app/assets/stylesheets/components/buttons.sass */
 .button-third:hover {
   background-color: #0c63e8;
 }
 
 /* line 37, app/assets/stylesheets/components/buttons.sass */
 .button-forth {
   background-color: transparent;
   color: #FFFCF6;
 }
 
 /* line 40, app/assets/stylesheets/components/buttons.sass */
 .button-forth:hover {
   color: #073987;
 }
 
 /* line 1, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup {
   flex: 1;
   flex-direction: column;
   margin: 40px 0;
 }
 
 /* line 5, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup form {
   width: 100%;
 }
 
 /* line 7, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup form .button {
   margin: 40px 0 0;
   width: 100%;
 }
 
 /* line 10, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup img {
   margin: 40px 0 0;
 }
 
 /* line 12, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup .clear, #mc_embed_signup .foot {
   width: 100%;
 }

 .mce_inline_error {
  background-color: #ff0053 !important;
  border-color: #ff0053 !important;
 }
 
 @media (max-width: 480px) {
   /* line 15, app/assets/stylesheets/components/mailchimp_form.sass */
   #mc_embed_signup img {
     width: 100%;
   }
 }
 
 /* line 18, app/assets/stylesheets/components/mailchimp_form.sass */
 #mc_embed_signup_scroll {
   flex-direction: column;
   width: 100%;
 }
 
 /* line 22, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group {
   flex-direction: column;
   margin: 20px 0 0;
 }
 
 /* line 25, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group label {
   color: #337FF4;
   font-weight: 800;
   font-size: 22px;
   margin: 10px 0 0;
 }
 
 /* line 30, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group label .asterisk {
   margin: 0;
 }
 
 /* line 32, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group .helper_text {
   color: #0a4eb7;
   font-size: 14px;
   margin: 5px 0 10px;
 }
 
 /* line 36, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group input {
   background-color: #fff4dd !important;
   border-radius: 5px;
   color: #337FF4;
   font-size: 22px;
   height: 50px;
   padding: 20px 20px 15px 20px;
 }
 
 /* line 43, app/assets/stylesheets/components/mailchimp_form.sass */
 .mc-field-group input:focus {
   border: 1px solid #337FF4;
 }
 
 @media (max-width: 480px) {
   /* line 22, app/assets/stylesheets/components/mailchimp_form.sass */
   .mc-field-group {
     margin: 10px 0 0;
   }
   /* line 47, app/assets/stylesheets/components/mailchimp_form.sass */
   .mc-field-group label {
     font-size: 1em;
   }
   /* line 49, app/assets/stylesheets/components/mailchimp_form.sass */
   .mc-field-group .helper_text {
     font-size: 0.75em;
   }
   /* line 51, app/assets/stylesheets/components/mailchimp_form.sass */
   .mc-field-group input {
     font-size: 0.875em;
     height: auto;
     padding: 10px 10px 5px 10px;
   }
 }
 
 /* line 1, app/assets/stylesheets/pages/landing_page.sass */
 body {
   background-color: #FFFCF6;
 }
 
 /* line 4, app/assets/stylesheets/pages/landing_page.sass */
 .navbar {
   justify-content: space-between;
   align-items: center;
   padding: 1rem;
   transition: all 0.5s ease;
 }
 
 /* line 10, app/assets/stylesheets/pages/landing_page.sass */
 .navbar__menu {
   flex-grow: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
 @media (max-width: 1024px) {
   /* line 10, app/assets/stylesheets/pages/landing_page.sass */
   .navbar__menu {
     position: absolute;
     background-color: #FFFCF6;
     top: 100%;
     right: -100%;
     width: 280px;
     min-height: 100vh;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 2rem;
     padding: 2rem 1rem;
     transition: all 0.5s ease;
   }
   /* line 30, app/assets/stylesheets/pages/landing_page.sass */
   .navbar__menu.right-open {
     right: 0;
   }
 }
 
 /* line 33, app/assets/stylesheets/pages/landing_page.sass */
 .navbar__list {
   display: flex;
   justify-content: center;
   flex-grow: 1;
   gap: 0rem;
 }
 
 @media (max-width: 1024px) {
   /* line 33, app/assets/stylesheets/pages/landing_page.sass */
   .navbar__list {
     flex-direction: column;
     flex-grow: 0;
   }
   /* line 42, app/assets/stylesheets/pages/landing_page.sass */
   .navbar__list a {
     color: #ffad97;
     background-color: transparent !important;
   }
   /* line 45, app/assets/stylesheets/pages/landing_page.sass */
   .navbar__list a:hover {
     color: #ff714b !important;
   }
 }
 
 /* line 48, app/assets/stylesheets/pages/landing_page.sass */
 .menu {
   display: none !important;
   float: left;
   transition: all 275ms ease;
   cursor: pointer;
 }
 
 @media (max-width: 1024px) {
   /* line 48, app/assets/stylesheets/pages/landing_page.sass */
   .menu {
     display: block !important;
   }
 }
 
 /* line 57, app/assets/stylesheets/pages/landing_page.sass */
 .menu span {
   display: block !important;
   width: 22px;
   height: 4px;
   background: #FFFCF6;
   margin-bottom: 2px;
   border-radius: 1px;
   transition: all 275ms ea;
 }
 
 /* line 66, app/assets/stylesheets/pages/landing_page.sass */
 .menu.active {
   transform: rotate(-45deg);
 }
 
 /* line 69, app/assets/stylesheets/pages/landing_page.sass */
 .menu.active .bar1 {
   transform: rotate(0deg) translateY(6px);
 }
 
 /* line 72, app/assets/stylesheets/pages/landing_page.sass */
 .menu.active .bar2 {
   opacity: 0;
 }
 
 /* line 75, app/assets/stylesheets/pages/landing_page.sass */
 .menu.active .bar3 {
   transform: rotate(-90deg) translateX(5px);
 }
 
 /* line 78, app/assets/stylesheets/pages/landing_page.sass */
 header {
   align-items: center;
   background-color: #337FF4;
   flex-direction: row;
   font-size: 1em;
   height: 60px;
   justify-content: space-between;
   position: fixed;
   padding: 0 100px;
   width: 100%;
   z-index: 99999;
 }
 
 @media (max-width: 480px) {
   /* line 78, app/assets/stylesheets/pages/landing_page.sass */
   header {
     padding: 0 25px;
   }
 }
 
 /* line 92, app/assets/stylesheets/pages/landing_page.sass */
 header menu {
   margin: 20px 0;
 }
 
 /* line 95, app/assets/stylesheets/pages/landing_page.sass */
 header a {
   color: #FFFCF6;
   font-weight: 500;
   text-transform: uppercase;
   margin: 0 10px;
 }
 
 /* line 101, app/assets/stylesheets/pages/landing_page.sass */
 section {
   padding: 100px;
   width: 100%;
 }
 
 /* line 105, app/assets/stylesheets/pages/landing_page.sass */
 .logo {
   width: 120px;
 }
 
 /* line 108, app/assets/stylesheets/pages/landing_page.sass */
 section#hero {
   flex-direction: row;
 }
 
 /* line 110, app/assets/stylesheets/pages/landing_page.sass */
 section#hero div.content {
   flex-direction: column;
   flex: 1;
   justify-content: center;
 }
 
 /* line 114, app/assets/stylesheets/pages/landing_page.sass */
 section#hero div.actions {
   flex-direction: row;
   margin-top: 20px;
 }
 
 /* line 117, app/assets/stylesheets/pages/landing_page.sass */
 section#hero h1 {
   color: #337FF4;
   font-size: 3.25em;
 }
 
 /* line 120, app/assets/stylesheets/pages/landing_page.sass */
 section#hero p {
   color: #746c63;
   display: inline-block !important;
   font-size: 1.375em;
 }
 
 /* line 124, app/assets/stylesheets/pages/landing_page.sass */
 section#hero strong {
   display: inline-block !important;
 }
 
 /* line 126, app/assets/stylesheets/pages/landing_page.sass */
 section#hero .image-wrapper {
   padding: 100px;
   position: relative;
 }
 
 /* line 129, app/assets/stylesheets/pages/landing_page.sass */
 section#hero .image-wrapper img {
   align-self: end;
   bottom: -115%;
   height: auto;
   position: absolute;
   right: 0;
   width: 150%;
   left: -10%;
 }
 
 /* line 134, app/assets/stylesheets/pages/landing_page.sass */
 section#como {
   background-color: #2DBDBC;
 }
 
 /* line 136, app/assets/stylesheets/pages/landing_page.sass */
 section#como div.content {
   align-items: center;
   flex-direction: column;
   flex: 1;
   justify-content: center;
 }
 
 /* line 141, app/assets/stylesheets/pages/landing_page.sass */
 section#como div.content h2 {
   color: #FFFCF6;
   font-size: 3.25em;
 }
 
 /* line 144, app/assets/stylesheets/pages/landing_page.sass */
 section#como div.steps {
   flex-direction: row;
   padding: 100px 0 0;
 }
 
 /* line 147, app/assets/stylesheets/pages/landing_page.sass */
 section#como div.step-info {
   align-items: center;
   align-self: baseline;
   color: #FFFCF6;
   flex: 1;
   flex-direction: column;
   justify-content: space-between;
   margin: 0 20px;
   text-align: center;
 }
 
 /* line 156, app/assets/stylesheets/pages/landing_page.sass */
 section#como div.step-info h3 {
   align-self: center;
   color: #FFFCF6;
   font-family: 'Katahdin Round', sans-serif;
   font-size: 1.375em;
   margin: 20px 0;
 }
 
 /* line 162, app/assets/stylesheets/pages/landing_page.sass */
 section#como .step-image {
   height: 200px;
   width: auto;
 }
 
 /* line 166, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio {
   background-color: #FF568D;
 }
 
 /* line 168, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio div.content, section#desafio div.challenge-description {
   align-items: center;
   flex-direction: column;
 }
 
 /* line 172, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio div.content h4 {
   color: #FFFCF6;
   text-transform: uppercase;
   margin-bottom: 10px;
 }
 
 /* line 176, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio div.content h2 {
   color: #FFFCF6;
   font-size: 3.25em;
   margin-bottom: 40px;
   text-align: center;
 }
 
 /* line 181, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio div.content button {
   margin-top: 40px;
 }
 
 /* line 184, app/assets/stylesheets/pages/landing_page.sass */
 section#desafio div.challenge-description p {
   color: #FFFCF6;
   font-size: 1.375em;
   margin-bottom: 20px;
   padding: 0 100px;
   text-align: center;
 }
 
 /* line 191, app/assets/stylesheets/pages/landing_page.sass */
 section#porque {
   background-color: #FF8564;
 }
 
 /* line 193, app/assets/stylesheets/pages/landing_page.sass */
 section#porque div.content {
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 }
 
 /* line 197, app/assets/stylesheets/pages/landing_page.sass */
 section#porque div.content h2 {
   color: #FFFCF6;
   font-size: 3.75em;
   margin-bottom: 20px;
 }
 
 /* line 201, app/assets/stylesheets/pages/landing_page.sass */
 section#porque div.statistics {
   flex-direction: column;
   margin-bottom: 40px;
 }
 
 /* line 204, app/assets/stylesheets/pages/landing_page.sass */
 section#porque div.statistic {
   flex-direction: column;
   margin-right: 20px;
 }
 
 /* line 207, app/assets/stylesheets/pages/landing_page.sass */
 section#porque .statistic-data {
   color: #FFCCF6;
   font-family: 'Katahdin Round', sans-serif;
   font-size: 5em;
   margin-bottom: 0;
 }
 
 /* line 212, app/assets/stylesheets/pages/landing_page.sass */
 section#porque .statistic-description {
   color: #FFFCF6;
   font-size: 1.25em;
   margin-bottom: 20px;
 }

 /* Animation */
 @keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }

 /* Duvidas */
 section#duvidas {
  background-color: #337FF4;
  flex-direction: column;
}

/* line 168, app/assets/stylesheets/pages/landing_page.sass */
section#duvidas div.content {
  align-items: center;
  flex-direction: column;
}

/* line 172, app/assets/stylesheets/pages/landing_page.sass */
section#duvidas div.content h4 {
  color: #FFFCF6;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 1px;
  display: block;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 176, app/assets/stylesheets/pages/landing_page.sass */
section#duvidas div.content h2 {
  color: #FFFCF6;
  font-size: 3.25em;
  margin-bottom: 40px;
  text-align: center;
}

sections#duvidas div.content > .transition, p, ul li i:before, ul li i:after {
    transition: all 0.25s ease-in-out; 
  }

  sections#duvidas div.content > .flipIn, h1, ul li {
    animation: flipdown 0.5s ease both;
  }

section#duvidas div.content p {
  color: #0a3a82;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin: 14px 0;
  z-index: 2;
}

section#duvidas div.content ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

section#duvidas div.content li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
  padding-top: 18px;
  border-top: 1px solid #dce7eb;
}
section#duvidas div.content li:nth-of-type(1) {
  animation-delay: 0s;
}
section#duvidas div.content li:nth-of-type(2) {
  animation-delay: 0.25s;
}
section#duvidas div.content li:nth-of-type(3) {
  animation-delay: 0.5s;
}
section#duvidas div.content li:nth-of-type(4) {
  animation-delay: 0.75s;
}
section#duvidas div.content li:nth-of-type(5) {
  animation-delay: 1.0s;
} 
section#duvidas div.content li:last-of-type {
  padding-bottom: 0;
}
section#duvidas div.content li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 5px;
  right: 0;
}
section#duvidas div.content li i:before, section#duvidas div.content li i:after {
  content: "";
  position: absolute;
  background-color: #FFFCF6;
  width: 3px;
  height: 9px;
}
section#duvidas div.content li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
section#duvidas div.content li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
section#duvidas div.content li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
section#duvidas div.content ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
section#duvidas div.content ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
section#duvidas div.content ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}


section#duvidas div.content ul  {
  flex-direction: column;
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

section#duvidas div.content li  {
  flex-direction: column;
}
 
 /* line 217, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela {
   background-color: #FFFCF6;
 }
 
 /* line 219, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela div.content {
   flex-direction: column;
   justify-content: center;
 }
 
 /* line 222, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela div.content h2 {
   color: #337FF4;
   font-size: 3.75em;
   margin-bottom: 20px;
 }
 
 /* line 226, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela div.content p {
   font-size: 22px;
 }
 
 /* line 228, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela div.content-illustration-wrapper {
   flex: 1;
   position: relative;
 }
 
 /* line 231, app/assets/stylesheets/pages/landing_page.sass */
 section#seja-uma-tecela div.content-illustration-wrapper img {
  bottom: -6%;
  height: auto;
  position: absolute;
  right: 0;
  width: 180%;
  left: -10%;
 }
 
 /* line 238, app/assets/stylesheets/pages/landing_page.sass */
 footer {
   background-color: #337FF4;
   flex-direction: row;
   justify-content: space-between;
   padding: 50px 100px;
 }
 
 /* line 243, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-content {
   flex-direction: column;
 }
 
 /* line 245, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-content img {
   margin-bottom: 20px;
 }
 
 /* line 247, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-content-social {
   align-items: flex-end;
   justify-content: space-between;
 }
 
 /* line 250, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-content-social p {
   color: #FFFCF6;
   font-weight: 500;
 }
 
 /* line 253, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-links {
   margin-top: 20px;
   flex-direction: column;
 }
 
 /* line 256, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-links a {
   color: #FFFCF6;
   font-weight: 500;
   text-transform: uppercase;
   margin: 0 0 5px;
 }
 
 /* line 261, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-links a:hover {
   color: #ffda90;
 }
 
 /* line 263, app/assets/stylesheets/pages/landing_page.sass */
 footer .footer-logo {
   width: 160px;
 }
 
 @media (max-width: 480px) {
   /* line 267, app/assets/stylesheets/pages/landing_page.sass */
   section {
     padding: 50px 25px;
   }
   /* line 269, app/assets/stylesheets/pages/landing_page.sass */
   section#hero {
     padding: 100px 25px 50px;
     flex-direction: column;
   }
   /* line 272, app/assets/stylesheets/pages/landing_page.sass */
   section#hero h1 {
     font-size: 1.75em;
   }
   /* line 274, app/assets/stylesheets/pages/landing_page.sass */
   section#hero p {
     font-size: 1em;
     margin-bottom: 20px;
   }
   /* line 277, app/assets/stylesheets/pages/landing_page.sass */
   section#hero .image-wrapper {
     display: none;
   }

   section#hero .image-wrapper img {
    display: none;
   }
   /* line 279, app/assets/stylesheets/pages/landing_page.sass */
   section#hero div.actions {
     flex-direction: column;
     width: 100%;
   }
   /* line 282, app/assets/stylesheets/pages/landing_page.sass */
   section#hero div.actions .button {
     margin-bottom: 10px;
   }
   /* line 286, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.content h2 {
     font-size: 1.75em;
   }
   /* line 288, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.steps {
     flex-direction: column;
     padding: 20px;
   }
   /* line 291, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.step-info {
     margin: 20px 0;
     width: 100%;
   }
   /* line 294, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.step-info h3 {
     font-size: 1.125em;
     margin: 20px 0 10px;
   }
   /* line 297, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.step-info p {
     font-size: 0.875em;
     padding: 0;
   }
   /* line 300, app/assets/stylesheets/pages/landing_page.sass */
   section#como div.step-info .step-image {
     height: auto;
     width: 100%;
   }
   /* line 303, app/assets/stylesheets/pages/landing_page.sass */
   section#porque {
     flex-direction: column;
   }
   /* line 306, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content img {
     width: 100%;
   }
   /* line 308, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content h2 {
     font-size: 1.75em;
   }
   /* line 310, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content .content-description {
     font-size: 1em;
     margin-bottom: 20px;
   }
   /* line 313, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content .statistics {
     flex-direction: column;
   }
   /* line 315, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content .statistic-data {
     font-size: 3em;
   }
   /* line 317, app/assets/stylesheets/pages/landing_page.sass */
   section#porque div.content .statistic-description {
     font-size: 0.875em;
     margin-bottom: 20px;
   }
   /* line 320, app/assets/stylesheets/pages/landing_page.sass */
   section#porque .content-quote-wrapper {
     margin-top: 60px;
     padding: 0;
   }
   /* line 323, app/assets/stylesheets/pages/landing_page.sass */
   section#porque .content-quote-wrapper p {
     font-size: 1.375em;
     margin: 20px 0;
   }
   section#duvidas div.content h4 {
      font-size: 0.75em;
    }
    /* line 340, app/assets/stylesheets/pages/landing_page.sass */
    section#duvidas div.content h2 {
      font-size: 1.75em;
    }
    /* line 342, app/assets/stylesheets/pages/landing_page.sass */
    section#duvidas div.content button {
      width: 100%;
    }
    /* line 345, app/assets/stylesheets/pages/landing_page.sass */
    section#duvidas p {
      font-size: 0.875em !important;
      line-height: 18px !important;
    }
   /* line 328, app/assets/stylesheets/pages/landing_page.sass */
   section#seja-uma-tecela div.content h2 {
     font-size: 1.375em;
   }
   /* line 330, app/assets/stylesheets/pages/landing_page.sass */
   section#seja-uma-tecela div.content p {
     font-size: 1em;
   }
   /* line 332, app/assets/stylesheets/pages/landing_page.sass */
   section#seja-uma-tecela .content-wrapper {
     flex-direction: column;
   }
   /* line 334, app/assets/stylesheets/pages/landing_page.sass */
   section#seja-uma-tecela .content-illustration-wrapper {
     display: none;
   }
   /* line 338, app/assets/stylesheets/pages/landing_page.sass */
   section#desafio div.content h4 {
     font-size: 0.75em;
   }
   /* line 340, app/assets/stylesheets/pages/landing_page.sass */
   section#desafio div.content h2 {
     font-size: 1.75em;
   }
   /* line 342, app/assets/stylesheets/pages/landing_page.sass */
   section#desafio div.content button {
     width: 100%;
   }
   /* line 345, app/assets/stylesheets/pages/landing_page.sass */
   section#desafio div.challenge-description p {
     font-size: 0.875em;
     padding: 0;
   }
   /* line 348, app/assets/stylesheets/pages/landing_page.sass */
   footer {
     padding: 50px 20px;
     flex-direction: column;
   }
   /* line 352, app/assets/stylesheets/pages/landing_page.sass */
   footer .footer-links a {
     font-size: 0.75em;
   }
   /* line 354, app/assets/stylesheets/pages/landing_page.sass */
   footer .footer-content-social {
     align-items: flex-start;
     margin-top: 20px;
   }
   /* line 357, app/assets/stylesheets/pages/landing_page.sass */
   footer .footer-content-social p {
     font-size: 0.625em;
   }
   /* line 359, app/assets/stylesheets/pages/landing_page.sass */
   footer .footer-content-social img {
     width: 20px;
   }
   /* line 362, app/assets/stylesheets/pages/landing_page.sass */
   footer .footer-content img {
     margin-bottom: 10px;
   }
 }
 
 /*# sourceMappingURL=application.css-a4895891bf46fc30126cb88b216516e78212e4607ce688fb83e501bf9d98eaf7.map */