{"version":3,"sources":["mediaqueries.scss","all.css","reset.scss","form.scss","vars.scss","all.scss","../../fonts/icons/_icons.scss"],"names":[],"mappings":"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","file":"core.css","sourcesContent":["/* BREAKPOINTS */\n$screen-xs: 576px;\n$screen-s: 768px;\n$screen-m: 992px;\n$screen-l: 1200px;\n$screen-xl: 1600px;\n\n\n/* MEDIA QUERIES */\n$screen: \"only screen\";\n$print: \"only print\";\n$mq-retina: \"(-webkit-min-device-pixel-ratio: 2)\";\n$mq-landscape: \"(orientation : landscape)\";\n$mq-portrait: \"(orientation : portrait)\";\n\n// DEVICE WIDTH\n/*\n$lt-smartphone: #{$screen} and (max-device-width: #{$screen-xs});\n*/\n\n@mixin only-xl {\n  @media #{$screen} and (min-width: #{$screen-l+1}) {\n    @content;\n  }\n}\n\n@mixin only-l {\n  @media #{$screen} and (min-width: #{$screen-m+1}) and (max-width: #{$screen-l}) {\n    @content;\n  }\n}\n\n@mixin only-m {\n  @media #{$screen} and (min-width: #{$screen-s+1}) and (max-width: #{$screen-m}) {\n    @content;\n  }\n}\n\n@mixin only-s {\n  @media #{$screen} and (min-width: #{$screen-xs+1}) and (max-width: #{$screen-s}) {\n    @content;\n  }\n}\n\n@mixin only-xs {\n  @media #{$screen} and (min-width: 0px) and (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n\n@mixin lt-xl {\n  @media #{$screen} and (max-width: #{$screen-xl}) {\n    @content;\n  }\n}\n\n@mixin lt-l {\n  @media #{$screen} and (max-width: #{$screen-l}) {\n    @content;\n  }\n}\n\n@mixin lt-m {\n  @media #{$screen} and (max-width: #{$screen-m}) {\n    @content;\n  }\n}\n\n@mixin lt-s {\n  @media #{$screen} and (max-width: #{$screen-s}) {\n    @content;\n  }\n}\n\n@mixin lt-xs {\n  @media #{$screen} and (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin lt($x) {\n  @media #{$screen} and (min-width: $x+'px') {\n    @content;\n  }\n}\n\n\n@mixin gt-xl {\n  @media #{$screen} and (min-width: #{$screen-xl}) {\n    @content;\n  }\n}\n\n@mixin gt-l {\n  @media #{$screen} and (min-width: #{$screen-l}) {\n    @content;\n  }\n}\n\n@mixin gt-m {\n  @media #{$screen} and (min-width: #{$screen-m}) {\n    @content;\n  }\n}\n\n@mixin gt-s {\n  @media #{$screen} and (min-width: #{$screen-s}) {\n    @content;\n  }\n}\n\n@mixin gt-xs {\n  @media #{$screen} and (min-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin gt($x) {\n  @media #{$screen} and (min-width: $x+'px') {\n    @content;\n  }\n}\n\n\n.is-xs, .is-s, .is-m, .is-l, .is-xl{\n  display: none;\n}\n\n.is-xs{ @include gt-xs{ display: block; } }\n.is-s{ @include gt-s{ display: block; } }\n.is-m{ @include gt-m{ display: block; } }\n.is-l{ @include gt-l{ display: block; } }\n.is-xl{ @include gt-xl{ display: block; } }\n\n.only-xs, .only-s, .only-m, .only-l, .only-xl{\n  display: none;\n}\n\n.only-xs{ @include only-xs{ display: block; } }\n.only-s{ @include only-s{ display: block; } }\n.only-m{ @include only-m{ display: block; } }\n.only-l{ @include only-l{ display: block; } }\n.only-xl{ @include only-xl{ display: block; } }","/* BREAKPOINTS */\n/* MEDIA QUERIES */\n/*\n$lt-smartphone: only screen and (max-device-width: 576px);\n*/\n.is-xs, .is-s, .is-m, .is-l, .is-xl {\n  display: none;\n}\n\n@media only screen and (min-width: 576px) {\n  .is-xs {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .is-s {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 992px) {\n  .is-m {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 1200px) {\n  .is-l {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 1600px) {\n  .is-xl {\n    display: block;\n  }\n}\n\n.only-xs, .only-s, .only-m, .only-l, .only-xl {\n  display: none;\n}\n\n@media only screen and (min-width: 0px) and (max-width: 576px) {\n  .only-xs {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 577px) and (max-width: 768px) {\n  .only-s {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 769px) and (max-width: 992px) {\n  .only-m {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 993px) and (max-width: 1200px) {\n  .only-l {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 1201px) {\n  .only-xl {\n    display: block;\n  }\n}\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nbutton, input {\n  outline: 0;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus textarea:-webkit-autofill,\ntextarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,\nselect:-webkit-autofill,\nselect:-webkit-autofill:hover,\nselect:-webkit-autofill:focus {\n  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\ninput,\ntextarea,\nselect, input::placeholder,\ntextarea::placeholder,\nselect::placeholder, .form {\n  font-weight: 400 !important;\n  color: #000;\n  font-size: 16px;\n  font-size: clamp(18px, 1.8vw, 22px);\n}\n\n#ajax-form-result-error {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: #d93026;\n  color: white;\n  display: none;\n  z-index: 99999999;\n}\n\n#ajax-form-result-error > div {\n  padding: 15px 10px;\n  text-align: center;\n  font-size: 16px;\n  font-size: clamp(18px, 3vw, 22px);\n  line-height: 1.2em;\n}\n\n#ajax-form-result-error > div p {\n  margin: 0;\n  padding: 0;\n}\n\ninput,\ntextarea,\nselect {\n  outline: none;\n  width: 100%;\n  padding: 1em;\n  border: 1px solid rgba(255, 255, 255, 0);\n  border-bottom: 1px solid rgba(255, 255, 255, 0);\n  transition: all .3s ease-in;\n  background: #f2f2ef;\n  font-weight: 400;\n  color: #000;\n}\n\ninput:-webkit-autofill,\ntextarea:-webkit-autofill,\nselect:-webkit-autofill {\n  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 139, 0, 0.3) inset !important;\n  border: 1px solid rgba(255, 255, 255, 0);\n}\n\ninput::placeholder,\ntextarea::placeholder,\nselect::placeholder {\n  opacity: .8;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.8);\n}\n\ninput:focus,\ntextarea:focus,\nselect:focus {\n  border-bottom: 2px solid #ff8b00;\n}\n\nselect {\n  padding-right: 7.5vw;\n  -moz-appearance: none;\n  /* Firefox */\n  -webkit-appearance: none;\n  /* Safari and Chrome */\n  appearance: none;\n}\n\nselect, select:focus {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.8);\n}\n\n.form {\n  margin: 0 auto;\n  background: #fff;\n  padding: 6vh 6vw;\n  width: 100%;\n  max-width: 800px;\n  outline: none;\n}\n\n.form #ajax-form-fields {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.form #ajax-form-fields .form-fields,\n.form #ajax-form-fields > div {\n  width: 100%;\n}\n\n.form .form-buttons {\n  text-align: center;\n}\n\n.form .form-buttons .button {\n  line-height: .5em;\n}\n\n.form .notice {\n  text-align: center;\n  padding: 2em;\n  margin-bottom: 1em;\n  display: none;\n  color: #00d7c6;\n}\n\n.form .notice p {\n  margin-bottom: 0;\n  font-weight: 700;\n}\n\n.form .notice p > strong {\n  display: block;\n  font-size: 1.2em;\n  margin-bottom: .5em;\n}\n\n.form .notice .icon, .form .notice .selectdiv, .form .notice .checkbox input:checked ~ span, .form .checkbox .notice input:checked ~ span {\n  display: inline-block;\n  font-size: 1.8em;\n  margin-bottom: .5em;\n}\n\n.form .notice.success {\n  background: rgba(143, 179, 34, 0.2);\n  color: #8fb322 !important;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.form .notice.success .icon, .form .notice.success .selectdiv, .form .notice.success .checkbox input:checked ~ span, .form .checkbox .notice.success input:checked ~ span {\n  color: #8fb322 !important;\n}\n\n.form .notice.error {\n  background: rgba(231, 25, 83, 0.2);\n  color: #e71953 !important;\n}\n\n.form .notice.error .icon, .form .notice.error .selectdiv, .form .notice.error .checkbox input:checked ~ span, .form .checkbox .notice.error input:checked ~ span {\n  color: #e71953 !important;\n}\n\n.form .selectdiv {\n  width: 100%;\n  position: relative;\n  font-size: 2vw;\n}\n\n.form .selectdiv:before {\n  position: absolute;\n  right: 3vw;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #00d7c6;\n}\n\n.form .selectdiv * {\n  width: 100%;\n}\n\n.form .checkbox label {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding-left: 42px;\n}\n\n.form .checkbox .form-input {\n  width: 30px;\n  height: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.form .checkbox input {\n  opacity: 0;\n  position: absolute;\n}\n\n.form .checkbox input ~ span {\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  height: 100%;\n  z-index: 10;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n}\n\n.form .checkbox input:checked ~ span {\n  background: #00d7c6;\n  color: #fff;\n  text-align: center;\n  line-height: 30px;\n}\n\n.form .radiodiv {\n  display: flex;\n  flex-wrap: wrap;\n  font-size: .9em;\n}\n\n.form .radiodiv label {\n  margin: .5em;\n  display: inline-block;\n}\n\n.form .radiodiv * {\n  width: auto !important;\n}\n\n.form .radiodiv input ~ span {\n  font-weight: 400;\n}\n\n.form .radiodiv [type='radio']:checked ~ span {\n  font-weight: 400;\n}\n\n.form .form-textarea {\n  width: 100%;\n}\n\n.form .form-textarea textarea {\n  width: 100%;\n  min-height: 6vh;\n}\n\n.form-field {\n  margin-bottom: 1.5vh;\n}\n\n.form-field.form-error .form-input, .form-field.form-error .selectdiv {\n  border: 1px solid #e71953;\n}\n\n.form-field.form-recaptcha {\n  padding: 0;\n  width: auto !important;\n  margin: 0 auto;\n  margin-top: 1em;\n}\n\n.form-field.form-recaptcha.form-error {\n  border: 1px solid red;\n}\n\n.form-field .form-radio .form-radio-wrapper {\n  padding: .5em 0;\n}\n\n.form-field .form-label {\n  display: none;\n  font-weight: 400;\n  padding: .5em 0;\n}\n\n@font-face {\n  font-family: \"icon\";\n  src: url(\"../fonts/icons/icon.eot\");\n  src: url(\"../fonts/icons/icon.eot?#iefix\") format(\"eot\"), url(\"../fonts/icons/icon.woff2\") format(\"woff2\"), url(\"../fonts/icons/icon.woff\") format(\"woff\"), url(\"../fonts/icons/icon.ttf\") format(\"truetype\"), url(\"../fonts/icons/icon.svg#icon\") format(\"svg\");\n}\n\n.icon:before, .form .selectdiv:before, .form .checkbox input:checked ~ span:before {\n  font-family: \"icon\";\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-style: normal;\n  font-variant: normal;\n  font-weight: normal;\n  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\n  text-decoration: none;\n  text-transform: none;\n}\n\n.icon-arrow-down:before, .form .selectdiv:before {\n  content: \"\\E001\";\n}\n\n.icon-arrow-left:before {\n  content: \"\\E002\";\n}\n\n.icon-check:before, .form .checkbox input:checked ~ span:before {\n  content: \"\\E003\";\n}\n\n.icon-close:before {\n  content: \"\\E004\";\n}\n\n.icon-messenger:before {\n  content: \"\\E005\";\n}\n\n.icon-whatsapp:before {\n  content: \"\\E006\";\n}\n\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-weight: 400;\n  src: url(\"../fonts/Poppinsregular.woff2\") format(\"woff2\"), url(\"../fonts/Poppinsregular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-weight: 600;\n  src: url(\"../fonts/Poppinsmedium.woff2\") format(\"woff2\"), url(\"../fonts/Poppinsmedium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: 'Domain Sans Display';\n  font-style: italic;\n  font-weight: 600;\n  src: url(\"../fonts/DomaineSansDisplay-MediumItalic.woff2\") format(\"woff2\");\n}\n\ninput,\ntextarea,\nselect, input::placeholder,\ntextarea::placeholder,\nselect::placeholder, .form, body {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 400;\n}\n\n.button, .button .label, .step-header__title, .page-thanks > #wrapper h1 {\n  font-weight: 600;\n  font-style: italic;\n  font-family: 'Domain Sans Display';\n}\n\n#loader {\n  position: fixed;\n  z-index: 1000000;\n  background: rgba(255, 255, 255, 0.3);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  display: none;\n}\n\n#loader > div {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n}\n\n#loader .lds-ripple {\n  margin: auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n\n#loader .lds-ripple div {\n  position: absolute;\n  border: 4px solid #1abab4;\n  opacity: 1;\n  border-radius: 50%;\n  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n}\n\n#loader .lds-ripple div:nth-child(2) {\n  animation-delay: -0.5s;\n}\n\n@keyframes lds-ripple {\n  0% {\n    top: 36px;\n    left: 36px;\n    width: 0;\n    height: 0;\n    opacity: 1;\n  }\n  100% {\n    top: 0px;\n    left: 0px;\n    width: 72px;\n    height: 72px;\n    opacity: 0;\n  }\n}\n\nhtml, body {\n  background: #eee;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  line-height: 1.4em;\n}\n\n.overflow {\n  height: 100vh;\n  overflow: hidden;\n}\n\nh1,\nh2,\nh3,\nh4 {\n  margin-top: .5em;\n  margin-bottom: .5em;\n}\n\n.button {\n  background: #000;\n  color: #fff;\n  font-size: 3.8vw;\n  font-size: clamp(24px, 3.8vw, 50px);\n  padding: .75em 2.25em;\n  display: inline-block;\n  margin: .5em;\n  transition: all .3s ease-in-out;\n  border: none;\n  position: relative;\n  line-height: 1.2em;\n}\n\n.button.submit {\n  font-size: clamp(28px, 3.8vw, 50px);\n}\n\n.step-1 .button {\n  padding-right: calc(2.25em + 40px);\n}\n\n.button:hover {\n  background: #9066be;\n}\n\n.button .label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.button .icon, .button .form .selectdiv, .form .button .selectdiv, .button .form .checkbox input:checked ~ span, .form .checkbox .button input:checked ~ span {\n  position: absolute;\n  right: 3vw;\n  margin-left: 3vw;\n  font-size: 40px;\n}\n\n.button .icon:before, .button .form .selectdiv:before, .form .button .selectdiv:before, .button .form .checkbox input:checked ~ span:before, .form .checkbox .button input:checked ~ span:before {\n  position: relative;\n  top: 5px;\n}\n\na,\n.link,\n.privacy span {\n  color: #000;\n  position: relative;\n  text-decoration: none;\n  transition: all .3s ease-in-out;\n}\n\na:hover,\n.link:hover,\n.privacy span:hover {\n  color: #9066be;\n}\n\na:hover:after,\n.link:hover:after,\n.privacy span:hover:after {\n  background: #9066be;\n}\n\na:after,\n.link:after,\n.privacy span:after {\n  content: '';\n  width: 100%;\n  height: 1px;\n  background: #000;\n  bottom: -1px;\n  position: absolute;\n  left: 0;\n}\n\n.page-header {\n  width: 100%;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n}\n\n.page-header img {\n  height: auto;\n  width: 25%;\n  max-width: 200px;\n  min-width: 90px;\n  margin: 2vh auto;\n}\n\n.step-header__sup_title,\n.question-progress {\n  text-transform: uppercase;\n  color: #fff;\n  font-weight: 600;\n  font-size: 2.4vw;\n  font-size: clamp(18px, 2.4vw, 2.4vw);\n  line-height: 1.3em;\n  position: relative;\n  display: inline-block;\n}\n\n.step-header__sup_title > span {\n  display: none;\n}\n\n.question-progress {\n  background: #9066be;\n  width: 100%;\n  padding: .25em;\n}\n\n.step-header__sup_title_elm {\n  position: relative;\n  width: 25px;\n  margin: 0 5px;\n  display: inline-block;\n  height: 100%;\n  bottom: 50%;\n  transform: translateY(-6px);\n}\n\n.step-header__sup_title_elm:before {\n  content: '';\n  width: 25px;\n  height: 2px;\n  background: #fff;\n  position: absolute;\n  bottom: 50%;\n  left: 0;\n}\n\n.step-header {\n  padding: 3vh 3vw 3vh 3vw;\n  text-align: center;\n  background-size: cover;\n  position: relative;\n}\n\n.step-1 .step-header {\n  background-image: url(\"../images/bg-header.jpg\");\n}\n\n.step-3 .step-header {\n  color: #fff;\n}\n\n.step-header:after {\n  content: '';\n  width: 1px;\n  height: calc($gutter-h*2 + 20px);\n  background: #cbcbcb;\n  position: absolute;\n  left: 50%;\n  bottom: -3vh;\n  z-index: 10;\n}\n\n.step-header:after .step-3 {\n  bottom: 6vh;\n}\n\n.step > .container {\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.step-3 {\n  background-image: url(\"../images/bg-form.jpg\");\n  background-size: cover;\n}\n\n.step-3 > .step-wrapper {\n  padding: 6vh 6vw;\n}\n\n.info {\n  padding: 6vh 6vw;\n  background: #00d7c6;\n  color: #fff;\n  text-align: center;\n}\n\n.step-header__content {\n  background: #fff;\n  padding: 3vh 3vw;\n  padding-bottom: 1px;\n}\n\n.step-header__img {\n  width: 50%;\n  max-width: 340px;\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.step-header__img_elm {\n  position: relative;\n  width: 100%;\n}\n\n.step-header__img_elm:before {\n  content: '';\n  height: 10vw;\n  max-height: 130px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: #fff;\n  z-index: 1;\n}\n\n.step-header__title {\n  font-style: italic;\n  font-weight: 600;\n  font-size: 6.5vw;\n  font-size: clamp(28px, 6.5vw, 6.5vw);\n  line-height: 1.125em;\n  margin-bottom: .2em;\n}\n\n.step-header__title em {\n  font-size: 3.6vw;\n  font-size: clamp(24px, 3.6vw, 3.6vw);\n  display: block;\n}\n\n.step-header__subtitle {\n  font-weight: 400;\n  font-size: 2.6vw;\n  font-size: clamp(18px, 2.6vw, 2.6vw);\n  line-height: 1.4em;\n  margin-top: 0;\n}\n\n.cta {\n  margin: 0 auto;\n  padding: 3vh 3vw;\n  text-align: center;\n  font-size: 2.6vw;\n  font-size: clamp(16px, 2.6vw, 2.6vw);\n  background: #fff;\n}\n\n.cta .cta__title {\n  width: 80vw;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 3vh;\n  line-height: 1.3em;\n}\n\n.step-header__covid-text,\n.step-header__details,\n.privacy {\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n  line-height: 1.4em;\n}\n\n.privacy {\n  text-align: center;\n  margin: 3vh auto;\n  margin-top: 1.5vh;\n  color: #6d6d6d;\n}\n\n.privacy span {\n  white-space: nowrap;\n}\n\n.disclaimer {\n  background: #f7f7f7;\n  padding: 6vh 3vw;\n  text-align: center;\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n}\n\n.disclaimer__content {\n  width: 80vw;\n  max-width: 600px;\n  margin: 0 auto;\n  font-size: 12px;\n}\n\n#footer {\n  background: #eee;\n  padding: 6vh 3vw;\n  text-align: center;\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n}\n\n.footer-dialog-links {\n  margin: .7em auto;\n}\n\n.RSP-code {\n  display: block;\n  margin-top: 1.5vh;\n  color: #7f7f7f;\n}\n\n.step-2 {\n  padding: 3vh 3vw 3vh 3vw;\n  text-align: center;\n  background-image: url(\"../images/bg-question.jpg\");\n  background-size: cover;\n  position: relative;\n}\n\n.question__title {\n  background: #fff;\n  padding: 6vh 9vw;\n  font-size: 2.6vw;\n  font-size: clamp(16px, 2.6vw, 2.6vw);\n  line-height: 1.4em;\n  margin-top: 0;\n}\n\n.question {\n  display: none;\n}\n\n.question .question__answers .answer-button input {\n  opacity: 0;\n  position: absolute;\n}\n\n.question:not(.question__text) .question__answers {\n  display: flex;\n  justify-content: space-around;\n}\n\n.question:not(.question__text) .question__answers .answer-button {\n  padding: 4vw;\n  padding: clamp(4vw, 4vw, 40px);\n  margin: 0 2vw;\n  border-radius: 50vw;\n  width: 40vw;\n  max-width: 340px;\n  max-height: 340px;\n  height: 40vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.question:not(.question__text) .question__answers .answer-button.active {\n  background: #9066be;\n  transform: scale(0.95);\n}\n\n.question__text .question__title {\n  margin: 0;\n  padding-bottom: 3vh;\n}\n\n.question__text .question__answers {\n  flex-direction: column;\n  background: #fff;\n  padding: 0 6vw;\n  padding-bottom: 6vh;\n}\n\n.question__text .question__answers .answer-button {\n  margin-top: 6vh;\n  font-size: 2.2vw;\n  font-size: clamp(22px, 2.2vw, 2.2vw);\n}\n\n.dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999;\n  background: rgba(104, 102, 190, 0.9);\n  width: 100%;\n  height: 100%;\n  display: none;\n  overflow: scroll;\n}\n\n.dialog p, .dialog h1, .dialog h2, .dialog h3, .dialog h6 {\n  line-height: 1.4em;\n}\n\n.dialog > .dialog-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4vw;\n  width: 100%;\n  min-height: 100%;\n}\n\n.dialog > .dialog-wrapper > .dialog-container {\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  margin: 0;\n  padding: 4vw;\n}\n\n.close {\n  position: absolute;\n  right: 3vw;\n  top: 3vh;\n  width: 20px;\n}\n\n.close polygon {\n  fill: #000;\n}\n\n.close:before {\n  content: '';\n  background: #000;\n  position: absolute;\n  right: 3vw;\n  top: 3vh;\n  width: 20px;\n}\n\n.dialog-container {\n  position: relative;\n  background: #fff;\n  padding: 6vh 3vw;\n  margin: 3vh;\n}\n\n.dialog-container .header {\n  color: #9066be;\n  font-size: 2.6vw;\n  font-size: clamp(24px, 2.6vw, 2.6vw);\n  margin-bottom: 1em;\n}\n\n.dialog-container .content {\n  font-size: 2vw;\n  font-size: clamp(16px, 2vw, 2vw);\n}\n\n.dialog-container .content p strong {\n  color: #9066be;\n  font-size: 2.6vw;\n  font-size: clamp(24px, 2.6vw, 2.6vw);\n}\n\n.dialog-container .title {\n  color: #9066be;\n  display: block;\n  font-size: 2.2vw;\n  font-size: clamp(18px, 2.2vw, 2.2vw);\n  margin-bottom: 0.25em;\n}\n\n.blink {\n  transition: .3s ease-in;\n  animation: blink 2s;\n  animation-iteration-count: infinite;\n}\n\n@keyframes blink {\n  0% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n  50% {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n\n.page-thanks {\n  background: #00d7c6;\n  min-height: 100vh;\n}\n\n.page-thanks > #wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n}\n\n.page-thanks > #wrapper > * {\n  width: calc(100% - 3vw*2);\n  max-width: 600px;\n}\n\n.page-thanks > #wrapper .content-wrapper {\n  background: #fff;\n  padding: 3vh 3vw;\n  border-top: 1px solid #d9d9d9;\n  text-align: center;\n}\n\n.page-thanks > #wrapper .content-wrapper > header {\n  border-bottom: 1px solid #eeeeee;\n  padding-bottom: 3vh;\n  margin-bottom: 3vh;\n}\n\n.page-thanks > #wrapper .content-container > div {\n  border-bottom: 1px solid #eeeeee;\n  padding-bottom: 3vh;\n  margin-bottom: 3vh;\n}\n\n.page-thanks > #wrapper .content-container > div:last-of-type {\n  border: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.page-thanks > #wrapper a {\n  color: #9066be;\n}\n\n.page-thanks > #wrapper a:after {\n  background: #9066be;\n}\n\n.page-thanks > #wrapper h1 {\n  font-size: 2.6vw;\n  font-size: clamp(24px, 2.6vw, 2.6vw);\n  text-align: center;\n}\n\n.page-thanks > #wrapper .share-button {\n  font-size: 4vw;\n  font-size: clamp(30px, 4vw, 45px);\n  margin: .6em .25em;\n  display: inline-block;\n}\n\n.page-thanks > #wrapper .share-button:after {\n  display: none;\n}\n\n.page-thanks > #wrapper .icon-whatsapp {\n  color: #32BA46;\n}\n\n.page-thanks > #wrapper .icon-messenger {\n  color: #2089FF;\n}\n","html, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\nbody {\n  line-height: 1;\n}\nol, ul {\n  list-style: none;\n}\nblockquote, q {\n  quotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n*{\n  box-sizing: border-box;\n}\n\nbutton, input{\n  outline: 0;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus textarea:-webkit-autofill,\ntextarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,\nselect:-webkit-autofill,\nselect:-webkit-autofill:hover,\nselect:-webkit-autofill:focus {\n  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}","\n%text-form {\n  @extend %font-content;\n  font-weight: $fw-regular !important;\n  color: $color-black;\n  font-size: 16px;\n  font-size: clamp(18px, 1.8vw, 22px);\n}\n\n#ajax-form-result-error{\n  position: fixed;\n  top: 0;\n  left:0;\n  width: 100%;\n  background: #d93026;\n  color: white;\n  display: none;\n  z-index: 99999999;\n\n  > div{\n    padding: 15px 10px;\n    text-align: center;\n    font-size: 16px;\n    font-size: clamp(18px, 3vw, 22px);\n    line-height: 1.2em;\n\n    p{\n      margin: 0;\n      padding: 0;\n    }\n  }\n}\n\ninput,\ntextarea,\nselect {\n  @extend %text-form;\n  outline: none;\n  width: 100%;\n  padding: 1em;\n  border: 1px solid rgba($color-white, 0);\n  border-bottom: 1px solid rgba($color-white, 0);\n  transition: all .3s ease-in;\n  background: #f2f2ef;\n  font-weight: $fw-regular;\n  color: $color-black;\n\n  &:-webkit-autofill {\n    -webkit-box-shadow: 0 0 0px 1000px rgba($color-secondary, .3) inset !important;\n    border: 1px solid rgba($color-white, 0);\n  }\n\n  &::placeholder {\n    @extend %text-form;\n    opacity: .8;\n    font-weight: $fw-regular;\n    color: rgba($color-black, .8);\n  }\n\n  &:focus {\n    border-bottom: 2px solid rgba($color-secondary, 1);\n  }\n}\n\nselect {\n  padding-right: $gutter-w*2.5;\n  -moz-appearance:none; /* Firefox */\n  -webkit-appearance:none; /* Safari and Chrome */\n  appearance:none;\n\n  &,\n  &:focus {\n    border: none;\n    border-radius: 0;\n    border-bottom: 1px solid rgba($color-white, .8);\n  }\n}\n\n.form {\n  margin: 0 auto;\n  background: $color-white;\n\n  padding: $gutter-h*2 $gutter-w*2;\n  width: 100%;\n  max-width: 800px;\n\n\n  #ajax-form-fields {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n\n    .form-fields,\n    > div {\n      width: 100%;\n    }\n  }\n\n  .form-buttons {\n    text-align: center;\n\n    .button {\n      line-height: .5em;\n    }\n  }\n\n\n  .notice {\n    text-align: center;\n    padding: 2em;\n    margin-bottom: 1em;\n    display: none;\n    color: $color-main-dark;\n\n    p {\n      margin-bottom: 0;\n      font-weight: $fw-bold;\n\n      > strong {\n        display: block;\n        font-size: 1.2em;\n        margin-bottom: .5em;\n      }\n    }\n\n    .icon {\n      display: inline-block;\n      font-size: 1.8em;\n      margin-bottom: .5em;\n    }\n\n    &.success {\n      background: rgba($color-success, .2);\n      color: $color-success !important;\n      //display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n\n\n      .icon {\n        color: $color-success !important;\n      }\n    }\n\n    &.error {\n      background: rgba($color-danger, .2);\n      color: $color-danger !important;\n\n      .icon {\n        color: $color-danger !important;\n      }\n    }\n  }\n\n      @extend %text-form;\n      outline: none;\n\n\n\n  .selectdiv {\n    width: 100%;\n    position: relative;\n\n    @extend .icon;\n    @extend .icon-arrow-down;\n    font-size: $gutter-w/1.5;\n\n    &:before {\n      position: absolute;\n      right: $gutter-w;\n      top: 50%;\n      transform: translateY(-50%);\n      color: $color-main-dark;\n    }\n\n    * {\n      //@extend %text-form;\n      width: 100%;\n    }\n  }\n\n  .checkbox {\n    label {\n      display: flex;\n      align-items: center;\n      position: relative;\n      padding-left: 42px;\n    }\n\n    .form-input{\n      width: 30px;\n      height: 30px;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n\n    input {\n      opacity: 0;\n      position: absolute;\n\n      & ~ span{\n        margin: 0;\n        width: 100%;\n        position: absolute;\n        height: 100%;\n        z-index: 10;\n        border: 1px solid #ddd;\n        border-radius: 3px;\n      }\n\n      &:checked ~ span{\n        @extend .icon;\n        @extend .icon-check;\n        background: $color-main-dark;\n        color: #fff;\n        text-align: center;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .radiodiv {\n    display: flex;\n    flex-wrap: wrap;\n    font-size: .9em;\n\n    label {\n      margin: .5em;\n      display: inline-block;\n      //min-width: calc(50% - 1em);\n    }\n\n    * {\n      width: auto !important;\n    }\n\n    input ~ span {\n      font-weight: $fw-regular;\n      //transition: all .3s ease-in;\n    }\n\n    [type='radio']:checked {\n      & ~ span {\n        font-weight: $fw-regular;\n      }\n    }\n  }\n  .form-textarea {\n    width: 100%;\n\n    textarea {\n      width: 100%;\n      min-height: $gutter-h*2;\n    }\n  }\n\n}\n\n.form-field {\n  margin-bottom: $gutter-h/2;\n\n  &.form-error {\n    .form-input, .selectdiv{\n      border: 1px solid $color-danger;\n    }\n  }\n\n  &.form-recaptcha{\n    padding: 0;\n    width: auto !important;\n    margin: 0 auto;\n    margin-top: 1em;\n\n    &.form-error {\n      border: 1px solid red;\n    }\n  }\n\n  .form-radio {\n    .form-radio-wrapper {\n      padding: .5em 0;\n    }\n  }\n\n  .form-label {\n    display: none;\n    font-weight: $fw-regular;\n    padding: .5em 0;\n  }\n}","$rem-baseline: 16px;\n$rem-mobile-baseline: 13px;\n\n$page-width: 1000px;\n\n$gutter: 25px;\n$gutter-h: 3vh;\n$gutter-w: 3vw;\n$gutter-grid: 25px;\n\n$navigation-mobile-height: 50px;\n$navigation-mobile-width: 240px;\n\n$color-black: #000;\n$color-white: #fff;\n\n$color-success: #8fb322;\n$color-danger: #e71953;\n$color-warning: #e79719;\n$color-info: #aed5df;\n\n$border-radius: 0px;","$gutter: 20px;\n$gutter-w: 3vw;\n$gutter-h: 3vh;\n$gutter-grid: $gutter-w;\n\n$page-width: 1800px;\n\n$rem-mobile-baseline: 15px;\n$navigation-mobile-height: 60px;\n\n$navigation-menu-main-height: 40px;\n$navigation-menu-top-height: 20px;\n$navigation-height: 60px + 20px;\n\n$title-size: 60px;\n$title-size-s: 40px;\n\n$fw-light: 200;\n$fw-regular: 400;\n$fw-bold: 700;\n$fw-extra-bold: 900;\n\n$color-main: #9066be;\n$color-main-dark: #00d7c6;\n$color-secondary: #ff8b00;\n$color-secondary: #ff8b00;\n\n\n$border-radius: 10px;\n$border-radius-full-rounded: 100px;\n\n//@import 'modular';\n@import 'vars';\n@import 'mediaqueries';\n@import 'rem';\n@import 'reset';\n@import 'form';\n@import '../../fonts/icons/icons';\n\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-weight: 400;\n  src: url('../fonts/Poppinsregular.woff2') format('woff2'),\n  url('../fonts/Poppinsregular.ttf')  format('truetype');\n}\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-weight: 600;\n  src: url('../fonts/Poppinsmedium.woff2') format('woff2'),\n  url('../fonts/Poppinsmedium.ttf') format('truetype');\n}\n@font-face {\n  font-family: 'Domain Sans Display';\n  font-style: italic;\n  font-weight: 600;\n  src: url('../fonts/DomaineSansDisplay-MediumItalic.woff2') format('woff2');\n}\n\n%font-content {\n  font-family: 'Poppins', sans-serif;\n  font-weight: $fw-regular;\n}\n\n%font-special {\n  font-weight: 600;\n  font-style: italic;\n  font-family: 'Domain Sans Display';\n}\n\n#loader{\n  position: fixed;\n  z-index: 1000000;\n  background: rgba(255,255,255,0.3);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  display: none;\n\n  > div{\n    display: flex;\n    height: 100%;\n    width: 100%;\n    align-items: center;\n  }\n\n  .lds-ripple {\n    margin: auto;\n    display: inline-block;\n    position: relative;\n    width: 80px;\n    height: 80px;\n  }\n  .lds-ripple div {\n    position: absolute;\n    border: 4px solid #1abab4;\n    opacity: 1;\n    border-radius: 50%;\n    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n  }\n  .lds-ripple div:nth-child(2) {\n    animation-delay: -0.5s;\n  }\n  @keyframes lds-ripple {\n    0% {\n      top: 36px;\n      left: 36px;\n      width: 0;\n      height: 0;\n      opacity: 1;\n    }\n    100% {\n      top: 0px;\n      left: 0px;\n      width: 72px;\n      height: 72px;\n      opacity: 0;\n    }\n  }\n\n}\nhtml, body{\n  background: #eee;\n}\nbody {\n  @extend %font-content;\n  margin: 0;\n  padding: 0;\n  line-height: 1.4em;\n}\n\n.overflow {\n  height: 100vh;\n  overflow: hidden;\n}\n\nh1,\nh2,\nh3,\nh4 {\n  margin-top: .5em;\n  margin-bottom: .5em;\n}\n\nimg {\n}\n\n.button {\n  @extend %font-special;\n  background: #000;\n  color: #fff;\n  font-size: 3.8vw;\n  font-size: clamp(24px, 3.8vw, 50px);\n  padding: .75em 2.25em;\n  display: inline-block;\n  margin: .5em;\n  transition: all .3s ease-in-out;\n  border: none;\n  position: relative;\n  line-height: 1.2em;\n\n  &.submit{\n    font-size: clamp(28px, 3.8vw, 50px);\n  }\n\n  .label{\n    @extend %font-special;\n  }\n\n  .step-1 & {\n    padding-right: calc(2.25em + 40px);\n  }\n\n  &:hover {\n    background: #9066be;\n  }\n\n  .label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .icon {\n    position: absolute;\n    right: $gutter-w;\n    margin-left: $gutter-w;\n    font-size: 40px;\n\n    &:before {\n      position: relative;\n      top: 5px;\n    }\n  }\n}\n\na,\n.link {\n  color: #000;\n  position: relative;\n  text-decoration: none;\n  transition: all .3s ease-in-out;\n\n  &:hover {\n    color: #9066be;\n\n    &:after {\n      background: #9066be;\n    }\n  }\n\n  &:after {\n    content:'';\n    width: 100%;\n    height: 1px;\n    background: #000;\n    bottom: -1px;\n    position: absolute;\n    left: 0;\n  }\n}\n\n.page-header {\n  width: 100%;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n\n  img {\n    height: auto;\n    width: 25%;\n    max-width: 200px;\n    min-width: 90px;\n    margin: 2vh auto;\n  }\n}\n\n.step-header__sup_title,\n.question-progress {\n  text-transform: uppercase;\n  color: #fff;\n  font-weight: 600;\n  font-size: 2.4vw;\n  font-size: clamp(18px, 2.4vw, 2.4vw);\n  line-height: 1.3em;\n  position: relative;\n  display: inline-block;\n}\n\n.step-header__sup_title{\n  > span{\n    display: none;\n  }\n}\n\n.question-progress {\n  background: $color-main;\n  width: 100%;\n  padding: .25em;\n}\n\n\n.step-header__sup_title_elm {\n  position: relative;\n  width: 25px;\n  margin: 0 5px;\n  display: inline-block;\n  height: 100%;\n  bottom: 50%;\n  transform: translateY(-6px);\n\n  &:before {\n    content: '';\n    width: 25px;\n    height: 2px;\n    background: #fff;\n    position: absolute;\n    bottom: 50%;\n    left: 0;\n  }\n}\n\n.step-header {\n  padding: $gutter-h $gutter-w $gutter-h $gutter-w;\n  text-align: center;\n  background-size: cover;\n  position: relative;\n\n  .step-1 & {\n    background-image: url('../images/bg-header.jpg');\n  }\n\n  .step-3 & {\n    color: #fff;\n  }\n\n  &:after {\n    content: '';\n    width: 1px;\n    height: calc($gutter-h*2 + 20px);\n    background: #cbcbcb;\n    position: absolute;\n    left: 50%;\n    bottom:-$gutter-h;\n    z-index: 10;\n\n    .step-3 {\n      bottom: $gutter-h*2;\n    }\n  }\n}\n\n.step {\n  > .container {\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.step-3 {\n  background-image: url('../images/bg-form.jpg');\n  background-size: cover;\n\n  > .step-wrapper {\n    padding: $gutter-h*2 $gutter-w*2;\n  }\n}\n\n.info {\n  padding: $gutter-h*2 $gutter-w*2;\n  background: $color-main-dark;\n  color: $color-white;\n  text-align: center;\n}\n\n.step-header__content {\n  background: #fff;\n  padding: $gutter-h $gutter-w;\n  padding-bottom: 1px;\n}\n\n.step-header__img {\n  width: 50%;\n  max-width: 340px;\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.step-header__img_elm {\n  position: relative;\n  width: 100%;\n\n  &:before {\n    content: '';\n    height: 10vw;\n    max-height: 130px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: #fff;\n    z-index: 1;\n  }\n}\n\n.step-header__title {\n  @extend %font-special;\n  font-style: italic;\n  font-weight: 600;\n  font-size: 6.5vw;\n  font-size: clamp(28px, 6.5vw, 6.5vw);\n  line-height: 1.125em;\n  margin-bottom: .2em;\n\n  em {\n    font-size: 3.6vw;\n    font-size: clamp(24px, 3.6vw, 3.6vw);\n    display: block;\n  }\n}\n\n.step-header__subtitle {\n  font-weight: 400;\n  font-size: 2.6vw;\n  font-size: clamp(18px, 2.6vw, 2.6vw);\n  line-height: 1.4em;\n  margin-top: 0;\n\n  .step-3 & {\n    //font-size: 24px;\n    //font-size: clamp(28px, 6.5vw, 6.5vw);\n    //@extend %font-special;\n  }\n}\n\n.cta {\n  margin: 0 auto;\n  padding: $gutter-h $gutter-w;\n  text-align: center;\n  font-size: 2.6vw;\n  font-size: clamp(16px, 2.6vw, 2.6vw);\n  background: #fff;\n\n  .cta__title {\n    width: 80vw;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: $gutter-h;\n    line-height: 1.3em;\n\n  }\n}\n\n.step-header__covid-text,\n.step-header__details,\n.privacy {\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n  line-height: 1.4em;\n}\n\n.privacy {\n  text-align: center;\n  margin: $gutter-h auto;\n  margin-top: $gutter-h/2;\n  color: #6d6d6d;\n\n  span {\n    @extend .link;\n    white-space: nowrap;\n  }\n}\n\n.disclaimer {\n  background: #f7f7f7;\n  padding: $gutter-h*2 $gutter-w;\n  text-align: center;\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n}\n\n.disclaimer__content {\n  width: 80vw;\n  max-width: 600px;\n  margin: 0 auto;\n  font-size: 12px;\n}\n\n#footer {\n  background: #eee;\n  padding: $gutter-h*2 $gutter-w;\n  text-align: center;\n  font-size: 1.8vw;\n  font-size: clamp(14px, 1.8vw, 18px);\n}\n\n.footer-dialog-links {\n  margin: .7em auto;\n}\n\n.RSP-code {\n  display: block;\n  margin-top: 1.5vh;\n  color: #7f7f7f;\n}\n\n.step-2 {\n  padding: $gutter-h $gutter-w $gutter-h $gutter-w;\n  text-align: center;\n  background-image: url('../images/bg-question.jpg');\n  background-size: cover;\n  position: relative;\n}\n\n.question__title {\n  background: #fff;\n  padding: $gutter-h*2 9vw;\n  font-size: 2.6vw;\n  font-size: clamp(16px, 2.6vw, 2.6vw);\n  line-height: 1.4em;\n  margin-top: 0;\n}\n\n\n.question {\n  display: none;\n\n  .question__answers{\n    .answer-button {\n      //font-size: 22px;\n      //font-size: clamp(22px, 2.2vw, 2.2vw);\n      input{\n        opacity: 0;\n        position: absolute;\n      }\n    }\n  }\n\n  &:not(.question__text) {\n    .question__answers {\n      display: flex;\n      justify-content: space-around;\n\n      .answer-button {\n        padding: 4vw;\n        padding: clamp(4vw, 4vw, 40px);\n        margin: 0 2vw;\n        border-radius: 50vw;\n        width: 40vw;\n        max-width: 340px;\n        max-height: 340px;\n        height: 40vw;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &.active{\n          background: #9066be;\n          transform: scale(0.95);\n        }\n      }\n    }\n  }\n}\n\n\n.question__text {\n\n  .question__title {\n    margin: 0;\n    padding-bottom: $gutter-h;\n  }\n\n  .question__answers {\n    flex-direction: column;\n    background: $color-white;\n    padding: 0 $gutter-w*2;\n    padding-bottom: $gutter-h*2;\n\n    .form-field {\n    }\n\n    .answer-button {\n      margin-top: $gutter-h*2;\n      font-size: 2.2vw;\n      font-size: clamp(22px, 2.2vw, 2.2vw);\n    }\n  }\n\n}\n\n\n.dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999;\n  //background: rgba(255,255,255, .8);\n  background: rgba(104,102,190, .9);\n  width: 100%;\n  height: 100%;\n  display: none;\n  overflow: scroll;\n\n  p,h1,h2,h3,h6{\n    line-height: 1.4em;\n  }\n\n  > .dialog-wrapper{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 4vw;\n    width: 100%;\n    min-height: 100%;\n\n    > .dialog-container{\n      box-shadow: 0px 0px 10px rgba(0,0,0,0.2);\n      margin: 0;\n      padding: 4vw;\n    }\n  }\n}\n\n.close {\n  position: absolute;\n  right: $gutter-w;\n  top: $gutter-h;\n  width: 20px;\n\n  polygon {\n    fill: #000;\n  }\n\n  &:before {\n      content: '';\n      background: #000;\n      position: absolute;\n      right: $gutter-w;\n      top: $gutter-h;\n      width: 20px;\n  }\n}\n\n\n.dialog-container {\n  position: relative;\n  background: #fff;\n  padding: $gutter-h*2 $gutter-w;\n  margin: $gutter-h;\n\n  .header {\n    color: #9066be;\n    font-size: 2.6vw;\n    font-size: clamp(24px, 2.6vw, 2.6vw);\n    margin-bottom: 1em;\n  }\n\n  .content {\n    font-size: 2vw;\n    font-size: clamp(16px, 2vw, 2vw);\n\n    p strong{\n      color: #9066be;\n      font-size: 2.6vw;\n      font-size: clamp(24px, 2.6vw, 2.6vw);\n    }\n  }\n\n  .title {\n    color: #9066be;\n    display: block;\n    font-size: 2.2vw;\n    font-size: clamp(18px, 2.2vw, 2.2vw);\n    margin-bottom: 0.25em;\n  }\n}\n\n.blink {\n  transition: .3s ease-in;\n  animation: blink 2s;\n  animation-iteration-count: infinite;\n}\n\n@keyframes blink {\n  0% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n  50% {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n\n\n.page-thanks {\n  background: $color-main-dark;\n  min-height: 100vh;\n\n  > #wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 100vh;\n\n    > * {\n      width: calc(100% - #{$gutter-w}*2);\n      max-width: 600px;\n    }\n\n    .content-wrapper {\n      background: $color-white;\n      padding: $gutter-h $gutter-w;\n      border-top: 1px solid #d9d9d9;\n      text-align: center;\n\n      > header {\n        border-bottom: 1px solid #eeeeee;\n        padding-bottom: $gutter-h;\n        margin-bottom: $gutter-h;\n      }\n    }\n\n    .content-container {\n      > div {\n        border-bottom: 1px solid #eeeeee;\n        padding-bottom: $gutter-h;\n        margin-bottom: $gutter-h;\n\n        &:last-of-type {\n          border: none;\n          margin-bottom: 0;\n          padding-bottom: 0;\n        }\n      }\n    }\n\n    a {\n      color: $color-main;\n\n      &:after {\n        background: $color-main;\n      }\n    }\n\n    h1 {\n      @extend %font-special;\n      font-size: 2.6vw;\n      font-size: clamp(24px, 2.6vw, 2.6vw);\n      text-align: center;\n    }\n\n    .share-button {\n      font-size: 4vw;\n      font-size: clamp(30px, 4vw, 45px);\n      margin: .6em .25em;\n      display: inline-block;\n\n      &:after {\n        display: none;\n      }\n\n      .icon {\n\n      }\n    }\n\n    .icon-whatsapp {\n      color: #32BA46;\n    }\n\n    .icon-messenger {\n      color: #2089FF;\n    }\n  }\n}","@font-face {\n\tfont-family: \"icon\";\n\tsrc: url('../fonts/icons/icon.eot');\n\tsrc: url('../fonts/icons/icon.eot?#iefix') format('eot'),\n\t\turl('../fonts/icons/icon.woff2') format('woff2'),\n\t\turl('../fonts/icons/icon.woff') format('woff'),\n\t\turl('../fonts/icons/icon.ttf') format('truetype'),\n\t\turl('../fonts/icons/icon.svg#icon') format('svg');\n}\n\n.icon:before {\n\tfont-family: \"icon\";\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\tfont-style: normal;\n\tfont-variant: normal;\n\tfont-weight: normal;\n\t/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\n\ttext-decoration: none;\n\ttext-transform: none;\n}\n\n\n.icon-arrow-down:before {\n\tcontent: \"\\E001\";\n}\n\n.icon-arrow-left:before {\n\tcontent: \"\\E002\";\n}\n\n.icon-check:before {\n\tcontent: \"\\E003\";\n}\n\n.icon-close:before {\n\tcontent: \"\\E004\";\n}\n\n.icon-messenger:before {\n\tcontent: \"\\E005\";\n}\n\n.icon-whatsapp:before {\n\tcontent: \"\\E006\";\n}\n"]}