/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@font-face {
  font-family: "FavoritLightC";
  src: url("../fonts/FAVORITLIGHTC.woff?v=39e9cd52") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "FavoritC";
  src: url("../fonts/FAVORITC.woff?v=92b95ea5") format("truetype");
  font-style: normal;
  font-weight: normal; }

body {
  padding: 0;
  margin: 0; }

#raffaelloMain {
  position: relative;
  height: 56.375em;
  width: 112.4375em;
  background: url("../img/1920px_background.png?v=8acc7e04");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
  overflow: hidden;
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ }
  #raffaelloMain html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%; }
  #raffaelloMain body {
    margin: 0; }
  #raffaelloMain h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  #raffaelloMain hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    overflow: visible; }
  #raffaelloMain pre {
    font-family: monospace, monospace;
    font-size: 1em; }
  #raffaelloMain a {
    background-color: transparent; }
  #raffaelloMain abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; }
  #raffaelloMain b,
  #raffaelloMain strong {
    font-weight: bolder; }
  #raffaelloMain code,
  #raffaelloMain kbd,
  #raffaelloMain samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  #raffaelloMain small {
    font-size: 80%; }
  #raffaelloMain sub,
  #raffaelloMain sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #raffaelloMain sub {
    bottom: -0.25em; }
  #raffaelloMain sup {
    top: -0.5em; }
  #raffaelloMain img {
    border-style: none; }
  #raffaelloMain button,
  #raffaelloMain input,
  #raffaelloMain optgroup,
  #raffaelloMain select,
  #raffaelloMain textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0; }
  #raffaelloMain button,
  #raffaelloMain input {
    overflow: visible; }
  #raffaelloMain button,
  #raffaelloMain select {
    text-transform: none; }
  #raffaelloMain button,
  #raffaelloMain [type="button"],
  #raffaelloMain [type="reset"],
  #raffaelloMain [type="submit"] {
    -webkit-appearance: button; }
  #raffaelloMain button::-moz-focus-inner,
  #raffaelloMain [type="button"]::-moz-focus-inner,
  #raffaelloMain [type="reset"]::-moz-focus-inner,
  #raffaelloMain [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  #raffaelloMain button:-moz-focusring,
  #raffaelloMain [type="button"]:-moz-focusring,
  #raffaelloMain [type="reset"]:-moz-focusring,
  #raffaelloMain [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  #raffaelloMain fieldset {
    padding: 0.35em 0.75em 0.625em; }
  #raffaelloMain legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal; }
  #raffaelloMain progress {
    vertical-align: baseline; }
  #raffaelloMain textarea {
    overflow: auto; }
  #raffaelloMain [type="checkbox"],
  #raffaelloMain [type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
  #raffaelloMain [type="number"]::-webkit-inner-spin-button,
  #raffaelloMain [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  #raffaelloMain [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  #raffaelloMain [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #raffaelloMain ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }
  #raffaelloMain details {
    display: block; }
  #raffaelloMain summary {
    display: list-item; }
  #raffaelloMain template {
    display: none; }
  #raffaelloMain [hidden] {
    display: none; }
  #raffaelloMain .btn-main {
    background: #E5231B;
    border-radius: 0.3125em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9375em;
    line-height: 1.5625em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff; }
    #raffaelloMain .btn-main p {
      margin-top: 1em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #raffaelloMain .btn-main:hover {
      cursor: pointer; }
  #raffaelloMain .btn-secondary {
    background: #c8c8c8;
    border-radius: 0.3125em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9375em;
    line-height: 1.5625em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff; }
    #raffaelloMain .btn-secondary p {
      margin-top: 0.1em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #raffaelloMain .btn-secondary:hover {
      cursor: pointer; }
  #raffaelloMain * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; }
  @media (max-width: 1416px) {
    #raffaelloMain {
      font-size: -webkit-calc(100vw / 73.5);
      font-size: calc(100vw / 73.5);
      background: url("../img/1280px_background.png?v=39353996");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 60.25em;
      width: 72.5em; } }
  @media (max-width: 500px) {
    #raffaelloMain {
      font-size: -webkit-calc(100vw / 20);
      font-size: calc(100vw / 20);
      background: url("../img/320px_background.jpg?v=6f462cc5");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 101.875em;
      width: 20em; } }
  #raffaelloMain .promo-text {
    position: relative;
    font-family: FavoritLightC;
    font-style: normal;
    font-weight: 300;
    top: 0;
    left: 0; }
  #raffaelloMain .main-text {
    position: absolute;
    top: 2em;
    left: 16em;
    width: 8em;
    height: 5em;
    font-size: 3.25em;
    line-height: 1.35em;
    color: #E22725;
    margin: 0; }
    @media (max-width: 1416px) {
      #raffaelloMain .main-text {
        top: 1em;
        left: 9.75em; } }
    @media (max-width: 500px) {
      #raffaelloMain .main-text {
        top: 2.5em;
        left: 1em;
        font-size: 2em; } }
  #raffaelloMain .description-text {
    position: absolute;
    top: 11.5em;
    left: 33.25em;
    font-size: 1.5625em;
    line-height: 1.2em;
    width: 16.35em;
    height: 5em; }
    @media (max-width: 1416px) {
      #raffaelloMain .description-text {
        top: 9.75em;
        left: 20.25em; } }
    @media (max-width: 500px) {
      #raffaelloMain .description-text {
        top: 11.75em;
        left: 1.75em;
        font-size: 1.125em; } }
  #raffaelloMain .main-container {
    position: relative;
    top: 33em;
    left: 3.5em;
    background: #fff;
    width: 105.25em;
    height: 19em;
    margin: 0;
    -webkit-box-shadow: 0 0 1.5em .05em grey;
            box-shadow: 0 0 1.5em .05em grey;
    border-radius: .25em; }
    @media (max-width: 1416px) {
      #raffaelloMain .main-container {
        top: 31.5em;
        width: 67em;
        height: 22em; } }
    @media (max-width: 500px) {
      #raffaelloMain .main-container {
        top: 30.25em;
        width: 18.5em;
        height: 59em;
        left: .75em; } }
    #raffaelloMain .main-container .main-icons {
      position: absolute;
      top: 3em;
      left: 3em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 1416px) {
        #raffaelloMain .main-container .main-icons {
          left: 0; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .main-icons {
          top: -1em;
          left: 2.75em;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    #raffaelloMain .main-container .icon-1 {
      background: url("../img/ico/icon1.png?v=60db1747");
      height: 3.9375em;
      width: 3.9375em; }
    #raffaelloMain .main-container .icon-2 {
      background: url("../img/ico/icon4.png?v=989c7a97");
      height: 3.9em;
      width: 3.9em; }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .icon-2 {
          position: relative;
          left: .15em; } }
    #raffaelloMain .main-container .icon-3 {
      background: url("../img/ico/icon2.png?v=34b16aa9");
      height: 4.1em;
      width: 3.9em;
      margin-top: -.5em; }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .icon-3 {
          margin-left: 20em;
          position: relative;
          left: 2em; } }
    #raffaelloMain .main-container .icon-4 {
      background: url("../img/ico/icon3.png?v=ab1841df");
      height: 4.1em;
      width: 8.25em; }
    #raffaelloMain .main-container .ribbon-1 {
      position: absolute;
      top: -3.5em;
      left: 91.9em;
      height: 23.1875em;
      width: 17em;
      background: url("../img/lenta1.png?v=26305d13");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media (max-width: 1416px) {
        #raffaelloMain .main-container .ribbon-1 {
          background-position: left;
          width: 14em;
          left: 55em; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .ribbon-1 {
          display: none; } }
    #raffaelloMain .main-container .ribbon-2 {
      position: absolute;
      top: 7.5em;
      left: -4em;
      height: 15.8125em;
      width: 19.4375em;
      background: url("../img/lenta2.png?v=95296a8d");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media (max-width: 1416px) {
        #raffaelloMain .main-container .ribbon-2 {
          display: none; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .ribbon-2 {
          display: none; } }
    #raffaelloMain .main-container .main-options {
      font-family: FavoritC;
      font-style: normal;
      font-weight: normal;
      font-size: 1em;
      line-height: 1.2em;
      text-align: center; }
      #raffaelloMain .main-container .main-options span {
        margin-left: 4.75em;
        color: #424242;
        width: 24em;
        text-transform: uppercase; }
        @media (max-width: 1416px) {
          #raffaelloMain .main-container .main-options span {
            margin-left: 4.25em; } }
      #raffaelloMain .main-container .main-options a {
        color: #424242; }
        #raffaelloMain .main-container .main-options a:active {
          color: #777; }
      #raffaelloMain .main-container .main-options p {
        margin-top: .25em;
        margin-left: 7.25em;
        color: #e22725;
        width: 9em; }
        @media (max-width: 1416px) {
          #raffaelloMain .main-container .main-options p {
            margin-left: 4.25em; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .main-options {
          font-size: 0.875em; }
          #raffaelloMain .main-container .main-options span {
            margin-left: 1em; }
          #raffaelloMain .main-container .main-options p {
            width: 10em;
            margin-left: 1em;
            margin-bottom: 2em; } }
    #raffaelloMain .main-container #linkBtn {
      position: absolute;
      top: 3em;
      left: 3em;
      height: 10em;
      width: 10em; }
    #raffaelloMain .main-container .main-options ~ .icon-3 {
      margin-top: 1em;
      padding-right: 10em; }
    #raffaelloMain .main-container .icon-3 ~ p {
      width: 12em;
      margin-top: .45em;
      margin-left: 5.75em; }
      @media (max-width: 1416px) {
        #raffaelloMain .main-container .icon-3 ~ p {
          margin-left: 2.9em;
          position: relative;
          left: .5em; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .icon-3 ~ p {
          position: relative;
          left: -1em; } }
    #raffaelloMain .main-container .icon-1, #raffaelloMain .main-container .icon-2, #raffaelloMain .main-container .icon-3, #raffaelloMain .main-container .icon-4 {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: 9.8em;
      margin-right: 5em;
      margin-bottom: 1em; }
      @media (max-width: 1416px) {
        #raffaelloMain .main-container .icon-1, #raffaelloMain .main-container .icon-2, #raffaelloMain .main-container .icon-3, #raffaelloMain .main-container .icon-4 {
          margin-left: 7em;
          margin-right: 0; } }
      @media (max-width: 500px) {
        #raffaelloMain .main-container .icon-1, #raffaelloMain .main-container .icon-2, #raffaelloMain .main-container .icon-3, #raffaelloMain .main-container .icon-4 {
          margin-left: 4em;
          margin-top: 4em; } }
  #raffaelloMain .nav-arrows {
    position: absolute;
    top: 4em;
    left: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  #raffaelloMain .nav-arrow-right {
    background: url("../img/ico/arrow_right.png?v=50e6bbb4");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 2.4375em;
    width: 1.3125em;
    margin-top: -5em;
    margin-left: 4em; }
    @media (max-width: 1416px) {
      #raffaelloMain .nav-arrow-right {
        margin-left: 3em;
        margin-right: -3em; } }
    @media (max-width: 500px) {
      #raffaelloMain .nav-arrow-right {
        margin-left: -1.75em;
        margin-top: -.5em;
        margin-bottom: -2em;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); } }
  #raffaelloMain .final-promo {
    position: absolute;
    left: 77em;
    top: 8em;
    width: 19.5em; }
    #raffaelloMain .final-promo div {
      position: absolute;
      bottom: 4.25em;
      left: -2em; }
    @media (max-width: 1416px) {
      #raffaelloMain .final-promo {
        left: 45em; }
        #raffaelloMain .final-promo div {
          bottom: 1em;
          left: .5em; }
        #raffaelloMain .final-promo p {
          position: absolute;
          left: 3em; } }
    @media (max-width: 500px) {
      #raffaelloMain .final-promo {
        top: 50em;
        left: 0.5em; }
        #raffaelloMain .final-promo div {
          bottom: 1em;
          left: 2em; }
        #raffaelloMain .final-promo p {
          position: absolute;
          left: 4.5em; } }
  #raffaelloMain .footnote {
    position: relative;
    top: 2em;
    left: 5em;
    width: 100em; }
  #raffaelloMain .terms {
    position: absolute;
    top: 42.45em;
    left: 20em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.71875em;
    line-height: 1.4em;
    width: 109em;
    color: #424242; }
    #raffaelloMain .terms span {
      font-family: FavoritC;
      font-style: normal;
      font-weight: normal;
      font-size: 0.875em;
      line-height: 1.5625em;
      text-align: center;
      text-transform: lowercase;
      color: #424242; }
    @media (max-width: 1416px) {
      #raffaelloMain .terms {
        top: 41.25em;
        width: 92em;
        left: -1.5em; } }
    @media (max-width: 500px) {
      #raffaelloMain .terms {
        width: 27em;
        left: -6em;
        top: 42.25em;
        font-size: 0.6875em; } }
  #raffaelloMain .block-note {
    position: absolute;
    top: 38.75em;
    left: 16.5em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875em;
    line-height: 1.5625em;
    text-align: center;
    text-transform: lowercase;
    color: #424242; }
    @media (max-width: 1416px) {
      #raffaelloMain .block-note {
        top: 38em;
        left: -1.25em; } }
    @media (max-width: 500px) {
      #raffaelloMain .block-note {
        top: 48.5em;
        left: -5em;
        font-size: 0.8125em; } }
  #raffaelloMain #mainContainerBtn {
    position: absolute;
    top: 15em;
    left: 45.5em;
    width: 15.75em;
    height: 3.3125em; }
    @media (max-width: 1416px) {
      #raffaelloMain #mainContainerBtn {
        left: 27.5em; } }
    @media (max-width: 500px) {
      #raffaelloMain #mainContainerBtn {
        left: 4em;
        top: 54.25em;
        width: 12.25em;
        height: 2.8125em; }
        #raffaelloMain #mainContainerBtn p {
          margin-top: .75em; } }

#raffaelloTest {
  position: relative;
  height: 46.875em;
  width: 112.4375em;
  background: url("../img/1920px_test.jpg?v=b7057064");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 120em;
  overflow-x: hidden;
  margin: 0 auto;
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ }
  #raffaelloTest * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; }
  #raffaelloTest html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%; }
  #raffaelloTest body {
    margin: 0; }
  #raffaelloTest h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  #raffaelloTest hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    overflow: visible; }
  #raffaelloTest pre {
    font-family: monospace, monospace;
    font-size: 1em; }
  #raffaelloTest a {
    background-color: transparent; }
  #raffaelloTest abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; }
  #raffaelloTest b,
  #raffaelloTest strong {
    font-weight: bolder; }
  #raffaelloTest code,
  #raffaelloTest kbd,
  #raffaelloTest samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  #raffaelloTest small {
    font-size: 80%; }
  #raffaelloTest sub,
  #raffaelloTest sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #raffaelloTest sub {
    bottom: -0.25em; }
  #raffaelloTest sup {
    top: -0.5em; }
  #raffaelloTest img {
    border-style: none; }
  #raffaelloTest button,
  #raffaelloTest input,
  #raffaelloTest optgroup,
  #raffaelloTest select,
  #raffaelloTest textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0; }
  #raffaelloTest button,
  #raffaelloTest input {
    overflow: visible; }
  #raffaelloTest button,
  #raffaelloTest select {
    text-transform: none; }
  #raffaelloTest button,
  #raffaelloTest [type="button"],
  #raffaelloTest [type="reset"],
  #raffaelloTest [type="submit"] {
    -webkit-appearance: button; }
  #raffaelloTest button::-moz-focus-inner,
  #raffaelloTest [type="button"]::-moz-focus-inner,
  #raffaelloTest [type="reset"]::-moz-focus-inner,
  #raffaelloTest [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  #raffaelloTest button:-moz-focusring,
  #raffaelloTest [type="button"]:-moz-focusring,
  #raffaelloTest [type="reset"]:-moz-focusring,
  #raffaelloTest [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  #raffaelloTest fieldset {
    padding: 0.35em 0.75em 0.625em; }
  #raffaelloTest legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal; }
  #raffaelloTest progress {
    vertical-align: baseline; }
  #raffaelloTest textarea {
    overflow: auto; }
  #raffaelloTest [type="checkbox"],
  #raffaelloTest [type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
  #raffaelloTest [type="number"]::-webkit-inner-spin-button,
  #raffaelloTest [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  #raffaelloTest [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  #raffaelloTest [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #raffaelloTest ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }
  #raffaelloTest details {
    display: block; }
  #raffaelloTest summary {
    display: list-item; }
  #raffaelloTest template {
    display: none; }
  #raffaelloTest [hidden] {
    display: none; }
  #raffaelloTest .btn-main {
    background: #E5231B;
    border-radius: 0.3125em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9375em;
    line-height: 1.5625em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff; }
    #raffaelloTest .btn-main p {
      margin-top: 1em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #raffaelloTest .btn-main:hover {
      cursor: pointer; }
  #raffaelloTest .btn-secondary {
    background: #c8c8c8;
    border-radius: 0.3125em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9375em;
    line-height: 1.5625em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff; }
    #raffaelloTest .btn-secondary p {
      margin-top: 0.1em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #raffaelloTest .btn-secondary:hover {
      cursor: pointer; }
  @media (max-width: 1416px) {
    #raffaelloTest {
      font-size: -webkit-calc(100vw / 73.5);
      font-size: calc(100vw / 73.5);
      background: url("../img/1280px_test.jpg?v=8feba7f4");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 47.3125em;
      width: 72.5em; } }
  @media (max-width: 500px) {
    #raffaelloTest {
      font-size: -webkit-calc(100vw / 20);
      font-size: calc(100vw / 20);
      background: url("../img/320px_test.png?v=6a794d73");
      background-size: cover;
      background-position: top;
      background-repeat: no-repeat;
      height: 54.375em;
      width: 20em; } }
  #raffaelloTest .promo-text {
    position: relative;
    z-index: 4; }
  #raffaelloTest .main-text {
    position: absolute;
    top: 1em;
    left: 9.25em;
    width: 13em;
    font-family: FavoritLightC;
    font-style: normal;
    font-weight: 300;
    font-size: 3.25em;
    line-height: 1.3em;
    text-align: center;
    color: #E22725; }
    @media (max-width: 1416px) {
      #raffaelloTest .main-text {
        left: 4.75em; } }
    @media (max-width: 500px) {
      #raffaelloTest .main-text {
        top: 2em;
        left: 2em;
        font-size: 2em;
        width: 6em;
        line-height: 1.6em; }
        #raffaelloTest .main-text span {
          position: absolute;
          top: 3.25em;
          left: -1em;
          width: 8em; } }
  #raffaelloTest #loadQuestions {
    position: absolute;
    top: 13em;
    left: 24em;
    width: 70em;
    height: 27em;
    margin: 0; }
    @media (max-width: 1416px) {
      #raffaelloTest #loadQuestions {
        left: 20em;
        width: 39em;
        height: 26em;
        margin: 0; } }
    @media (max-width: 500px) {
      #raffaelloTest #loadQuestions {
        top: 27em;
        left: 1em;
        width: 18em;
        height: 17em; } }
  #raffaelloTest .test {
    position: absolute;
    top: 2.5em;
    left: 15em; }
    #raffaelloTest .test p {
      font-family: FavoritLightC;
      font-style: normal;
      font-weight: 300;
      font-size: 1.875em;
      line-height: 146%;
      text-align: left;
      margin-left: 1.5em;
      color: #E22725; }
    #raffaelloTest .test div {
      font-family: FavoritLightC;
      font-style: normal;
      font-weight: 300;
      font-size: 1.5625em;
      line-height: 200%;
      color: #424242;
      margin-left: 3.25em; }
    @media (max-width: 1416px) {
      #raffaelloTest .test {
        left: 5em; } }
    @media (max-width: 500px) {
      #raffaelloTest .test {
        top: 0;
        left: 1em;
        z-index: 4; }
        #raffaelloTest .test p {
          font-size: 1.125em;
          line-height: 243%;
          margin-bottom: 0em; }
        #raffaelloTest .test div {
          font-size: 0.8125em;
          line-height: 308%;
          margin-left: 3.75em; } }
    #raffaelloTest .test .question-container {
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #raffaelloTest .test .question-container input {
        display: none;
        cursor: pointer; }
      #raffaelloTest .test .question-container:hover input ~ .q-option {
        background-color: rgba(204, 204, 204, 0.363); }
      #raffaelloTest .test .question-container input:checked ~ .q-option::after {
        display: block; }
      #raffaelloTest .test .question-container .q-option::after {
        top: 50%;
        left: 50%;
        height: 0.8125em;
        width: 0.8125em;
        border-radius: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        background: #E22725; }
        @media (max-width: 1416px) {
          #raffaelloTest .test .question-container .q-option::after {
            top: 50%;
            left: 50%; } }
        @media (max-width: 500px) {
          #raffaelloTest .test .question-container .q-option::after {
            top: 50%;
            left: 50%;
            height: 0.59813em;
            width: 0.59813em; } }
    #raffaelloTest .test .q-option {
      position: absolute;
      top: .75em;
      left: 2.5em;
      height: 1.5625em;
      width: 1.5625em;
      border-radius: 50%;
      border: 1.5px solid #E22725;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 500px) {
        #raffaelloTest .test .q-option {
          height: 1.15em;
          width: 1.15em;
          left: 1.25em; } }
      #raffaelloTest .test .q-option::after {
        content: "";
        position: absolute;
        display: none; }
  #raffaelloTest #testBtn, #raffaelloTest #resultBtn {
    position: absolute;
    top: 38em;
    left: 50em;
    width: 13.625em;
    height: 3.3125em; }
    @media (max-width: 1416px) {
      #raffaelloTest #testBtn, #raffaelloTest #resultBtn {
        left: 31.5em; } }
    @media (max-width: 500px) {
      #raffaelloTest #testBtn, #raffaelloTest #resultBtn {
        top: 42.5em;
        left: 4em;
        z-index: 4; } }
  #raffaelloTest #resultBtn {
    left: 56em; }
    @media (max-width: 1416px) {
      #raffaelloTest #resultBtn {
        left: 35.25em; } }
    @media (max-width: 500px) {
      #raffaelloTest #resultBtn {
        top: 92em;
        left: 4em;
        z-index: 4; } }
  #raffaelloTest #mobElements {
    display: none; }
    @media (max-width: 500px) {
      #raffaelloTest #mobElements {
        display: block; } }
    #raffaelloTest #mobElements ._test-box {
      position: absolute;
      top: 15em;
      left: 10em;
      background: url("../img/box320.png?v=bef09952");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 10em;
      height: 13.40625em;
      z-index: 4; }
    #raffaelloTest #mobElements ._test-background-mobile {
      position: relative;
      top: 25.5em;
      left: 1em;
      background: url("../img/test_container320.png?v=ab978e3a");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 0.3125em;
      -webkit-box-shadow: 0 0 1.25em .025em grey;
              box-shadow: 0 0 1.25em .025em grey;
      width: 18em;
      height: 18.5em;
      z-index: 2; }
    #raffaelloTest #mobElements ._result-container {
      position: absolute;
      top: 25.5em;
      left: 1em;
      background: url("../img/test_container320.png?v=ab978e3a");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 0.3125em;
      -webkit-box-shadow: 0 0 1.25em .025em grey;
              box-shadow: 0 0 1.25em .025em grey;
      width: 18em;
      height: 65.75em;
      z-index: 3; }
    #raffaelloTest #mobElements ._result-background {
      background: url("../img/320px_result.png?v=fa05e9db");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 101.875em;
      width: 20em;
      z-index: 3;
      position: absolute; }
    #raffaelloTest #mobElements ._mobile-footnote {
      position: absolute;
      top: 133.75em;
      left: 1.5em;
      z-index: 3;
      font-size: 0.6875em;
      font-family: FavoritC;
      font-style: normal;
      font-weight: normal;
      line-height: 1.4em;
      width: 27em;
      color: #424242; }
  #raffaelloTest .results .text p {
    font-family: FavoritLightC;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5625em;
    line-height: 2em;
    text-align: center;
    color: #E22725;
    margin-bottom: 0; }
  #raffaelloTest .results .text p ~ p {
    font-family: FavoritLightC;
    font-style: normal;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.25em;
    text-align: center;
    color: #424242;
    margin-top: 0; }
  @media (max-width: 500px) {
    #raffaelloTest .results .text {
      position: absolute;
      z-index: 4; }
      #raffaelloTest .results .text p {
        font-size: 1.125em;
        line-height: 1.4375em; }
      #raffaelloTest .results .text p ~ p {
        font-size: 0.8125em;
        line-height: 1.0625em; } }
  #raffaelloTest .results-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    @media (max-width: 500px) {
      #raffaelloTest .results-container {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        top: 3em;
        left: 1.9em;
        height: 52em;
        z-index: 4; } }
  #raffaelloTest #result_1, #raffaelloTest #result_2, #raffaelloTest #result_3 {
    margin-top: 1em; }
    #raffaelloTest #result_1:hover, #raffaelloTest #result_2:hover, #raffaelloTest #result_3:hover {
      cursor: pointer; }
    #raffaelloTest #result_1 .result-icon, #raffaelloTest #result_2 .result-icon, #raffaelloTest #result_3 .result-icon {
      background-size: contain;
      background-position: bottom;
      background-repeat: no-repeat;
      height: 9.375em;
      width: 9.375em;
      margin-left: 5.75em;
      margin-bottom: 0; }
    #raffaelloTest #result_1 .result-description, #raffaelloTest #result_2 .result-description, #raffaelloTest #result_3 .result-description {
      width: 13.625em;
      height: 3.25em;
      margin-left: 4.3125em;
      margin-right: 4.3125em;
      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-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    @media (max-width: 1416px) {
      #raffaelloTest #result_1 .result-icon, #raffaelloTest #result_2 .result-icon, #raffaelloTest #result_3 .result-icon {
        margin-left: 2.5em; }
      #raffaelloTest #result_1 .result-description, #raffaelloTest #result_2 .result-description, #raffaelloTest #result_3 .result-description {
        margin-left: 0.90625em;
        margin-right: 0.90625em; } }
  #raffaelloTest .footnote {
    position: relative;
    top: 2em;
    left: 5em;
    width: 100em;
    z-index: 2; }
  #raffaelloTest .terms {
    position: absolute;
    top: 54em;
    left: 16em;
    font-family: FavoritC;
    font-style: normal;
    font-weight: normal;
    font-size: 0.71875em;
    line-height: 1.4em;
    width: 109em;
    color: #424242; }
    @media (max-width: 1416px) {
      #raffaelloTest .terms {
        width: 92em;
        left: -1.5em; } }
    @media (max-width: 500px) {
      #raffaelloTest .terms {
        width: 27em;
        left: -6em;
        top: 34.25em;
        font-size: 0.6875em; } }