@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap);
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
  font-family: 'Commuters-Sans';
  src: url("../fonts/Commuters-Sans-Regular.otf"); }

@font-face {
  font-family: 'Commuters-Sans-Bold';
  src: url("../fonts/Commuters-Sans-Bold.otf"); }

/***  Colors  ++*/
/***  Sizes ***/
/***  Fonts ***/
/***  Background  ***/
/*** Tickets ***/
/*** Spacing ***/
/*** Mixin ***/
body {
  background-color: #56348C;
  background-image: url("../images/ui/bg-desktop-full.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: auto; }
  body .header-container {
    height: 112px; }
    body .header-container .desktop-prelazione-header {
      padding-left: 5rem;
      padding-right: 5rem; }
      body .header-container .desktop-prelazione-header .header-info-container .header-title {
        font-family: "Commuters-Sans-Bold", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-style: italic;
        line-height: 25px; }
      body .header-container .desktop-prelazione-header .header-info-container .header-subtitle {
        font-family: "Commuters-Sans-Bold", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: italic;
        line-height: 20px; }
    body .header-container #language {
      font-family: "Commuters-Sans-Bold", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-style: italic;
      line-height: 30px; }
  body #box-prelazione {
    background-color: white;
    width: 632px;
    padding: 2rem;
    min-height: 30.5rem;
    clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 5%);
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto; }
    body #box-prelazione #rightSide .pre-barr .pre-subtitle .subtitle {
      font-family: "Commuters-Sans-Bold", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-style: italic;
      line-height: 28.8px;
      letter-spacing: -0.04em;
      text-align: left;
      color: black !important; }
    body #box-prelazione #rightSide .pre-barr .pre-subtitle .additional-subtext {
      font-family: "Commuters-Sans", Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 22.5px;
      text-align: left;
      color: black !important; }
      body #box-prelazione #rightSide .pre-barr .pre-subtitle .additional-subtext a {
        font-family: "Commuters-Sans-Bold", Arial, Helvetica, sans-serif;
        color: #56348C !important; }
    body #box-prelazione #rightSide #insert #formPrelazione .instalment-attention {
      text-align: left !important; }

@media only screen and (max-width: 596px) {
  body #box-prelazione {
    max-width: calc(100% - 2rem);
    margin: 150px 1rem 2rem;
    padding: 2rem 1rem;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 5%); } }