@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local('Lato Italic'), local('Lato-Italic'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2)
      format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local('Lato Italic'), local('Lato-Italic'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2)
      format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2)
      format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2)
      format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Lato Regular'), local('Lato-Regular'),
    url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2)
      format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Lato Regular'), local('Lato-Regular'),
    url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2)
      format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Lato Bold'), local('Lato-Bold'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2)
      format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Lato Bold'), local('Lato-Bold'),
    url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2)
      format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

html {
  height: 100%;
  box-sizing: border-box;
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  font-family: var(--fontPrimaryFamily);
  min-height: 100%;
  color: var(--colorBlue);
  overflow-x: hidden;
  line-height: 1.4;
  font-size: 16px;
}

body.ReactModal__Body--open {
  overflow: hidden;
}

h1 {
  line-height: 1.3em;
  font-weight: bold;
  margin: 0 0 12px 0;
  font-size: 32px;

  @media (--screenMD) {
    font-size: 48px;
  }
}

h2 {
  font-weight: bold;
  margin: 0 0 8px 0;
  font-size: 24px;

  @media (--screenMD) {
    font-size: 30px;
  }

  @media (--screenLG) {
    font-size: 32px;
  }
}

h3 {
  font-weight: bold;
  margin: 0 0 4px 0;
  font-size: 18px;

  @media (--screenLG) {
    font-size: 20px;
  }
}

h4 {
  font-weight: 600;
  margin: 0 0 4px 0;
  font-size: 16px;

  @media (--screenLG) {
    font-size: 18px;
  }
}

h4,
h5,
h6 {
  font-size: 1.2em;
  margin: 0 0 4px 0;
}

.lead-1 {
  font-weight: normal;
  font-size: 18px;
  @media (--screenMD) {
    font-size: 24px;
  }
}

.lead-2 {
  font-weight: normal;
  font-size: 18px;
}

a,
.link {
  color: var(--colorMilaRed);
  font-weight: normal;
  text-decoration: none;
  transition: color 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid transparent;
}

a:hover,
.link:hover {
  color: var(--colorMilaRedDark);
  border-bottom-color: var(--colorMilaRedDark);
}

a:active,
.link:active {
  color: var(--colorMilaRedDarker);
  border-bottom-color: var(--colorMilaRedDarker);
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

input,
textarea,
select,
button {
  font-family: var(--fontPrimaryFamily);
  font-size: initial;
}

main ul {
  list-style-type: none;
  padding: 0 0 0 var(--spacingLarge);
}

main ul li:before {
  content: '\2014';
  position: absolute;
  margin-left: calc(-1 * var(--spacingLarge));
}

blockquote {
  margin: 0 var(--spacing);
  padding: var(--spacingSmallest) var(--spacingLargest);
  line-height: 1.45;
  position: relative;
  color: var(--colorBlue);
  max-width: 640px;
  margin: 0 auto;
}

blockquote b,
blockquote strong {
  font-weight: bold;
  padding: 8px 0;
  display: inline-block;
}

blockquote:before {
  font-family: Georgia, serif;
  font-style: italic;
  display: block;
  content: '\201C';
  font-size: 80px;
  position: absolute;
  left: calc(-1 * var(--spacing));
  top: calc(-1 * var(--spacingSmall));
}

.simplebar-content-wrapper::-webkit-scrollbar {
  display: none;
}

/* DISABLE ANIMATION WHEN JAVASCRIPT IS DISABLED*/
body.no--js div.react-tabs li {
  opacity: 1 !important;
  transition: none !important;
}

/* GRID */
[class*='mila-column'] {
  font-size: inherit !important;
}
/* MAX */

@media (--screenMD) {
  [class*='mila-column'],
  [class*='mila-column'] [class*='mila-column'] {
    padding-left: 16px;
    padding-right: 16px;
  }
  [class*='mila-column'] .mila-void {
    margin: 0 -16px;
  }
}

@media (--screenLG) {
  [class*='mila-column'],
  [class*='mila-column'][class*='mila-column'] {
    padding-left: 24px;
    padding-right: 24px;
  }
  [class*='mila-column'] .mila-void {
    margin: 0 -24px;
  }
}

/* MIN */

@media (--screenSM) and (--maxScreenSM) {
  @each $type in (xxl, xl, lg, md) {
    @for $i from 1 to 12 {
      .mila-column-$(type)-$i:not([class*='mila-column-sm']) {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}

@media (--screenMD) and (--maxScreenMD) {
  @each $type in (xxl, xl, lg) {
    @for $i from 1 to 12 {
      .mila-column-$(type)-$i:not([class*='mila-column-sm'], [class*='mila-column-md']) {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}

@media (--screenLG) and (--maxScreenLG) {
  @each $type in (xxl, xl) {
    @for $i from 1 to 12 {
      .mila-column-$(type)-$i:not([class*='mila-column-sm'], [class*='mila-column-md'], [class*='mila-column-lg']) {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}
@media (--maxScreenXL) {
  @each $type in (xxl) {
    @for $i from 1 to 12 {
      .mila-column-$(type)-$i:not([class*='mila-column-sm'], [class*='mila-column-md'], [class*='mila-column-lg'], [class*='mila-column-xl']) {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}

@media (max-width: 575px) {
  .mila-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}