/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 15, 2019 */
.btn {
  cursor: pointer;
  transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  /* easeOutExpo */ }
  .btn.btn-inline-block {
    display: inline-block;
    background-color: #3454D1;
    font-family: 'klavikamedium';
    color: #FFFFFF;
    line-height: 60px;
    padding: 0 60px; }
    .btn.btn-inline-block:hover, .btn.btn-inline-block:focus {
      background-color: #EC098F;
      color: #FFFFFF; }
    .btn.btn-inline-block.large {
      line-height: 64px; }
      @media (min-width: 768px) {
        .btn.btn-inline-block.large {
          line-height: 80px; } }

@font-face {
  font-family: 'icomoon';
  src: url("/resources/themes/ispco/webfonts/icomoon.eot?8rezyz");
  src: url("/resources/themes/ispco/webfonts/icomoon.eot?8rezyz#iefix") format("embedded-opentype"), url("/resources/themes/ispco/webfonts/icomoon.ttf?8rezyz") format("truetype"), url("/resources/themes/ispco/webfonts/icomoon.woff?8rezyz") format("woff"), url("/resources/themes/ispco/webfonts/icomoon.svg?8rezyz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chevron-thin-up:before {
  content: "\e900"; }

.icon-chevron-thin-down:before {
  content: "\e901"; }

@font-face {
  font-family: 'klavikabold';
  src: url("/resources/themes/ispco/webfonts/klavika-bold-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'klavikabold_italic';
  src: url("/resources/themes/ispco/webfonts/klavika-bolditalic-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavikalight';
  src: url("/resources/themes/ispco/webfonts/klavika-light-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavikalight_italic';
  src: url("/resources/themes/ispco/webfonts/klavika-lightitalic-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavikamedium';
  src: url("/resources/themes/ispco/webfonts/klavika-medium-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavikamedium_italic';
  src: url("/resources/themes/ispco/webfonts/klavika-mediumitalic-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavika_rgregular';
  src: url("/resources/themes/ispco/webfonts/klavika-regular-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klavikaregular_italic';
  src: url("/resources/themes/ispco/webfonts/klavika-regularitalic-webfont.woff2") format("woff2"), url("/resources/themes/ispco/webfonts/klavika-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* HEADERS */
.typography h1 {
  font-family: 'klavikalight';
  font-size: 34px;
  line-height: 42px; }
  @media (min-width: 768px) {
    .typography h1 {
      font-size: 52px;
      line-height: 60px; } }
  .typography h1 strong {
    font-family: 'klavikabold'; }

.typography h2 {
  font-family: 'klavikalight';
  font-size: 28px;
  line-height: 32px; }
  @media (min-width: 768px) {
    .typography h2 {
      font-size: 42px;
      line-height: 46px; } }

.typography h3 {
  font-family: 'klavikamedium';
  font-size: 26px;
  line-height: 34px; }
  @media (min-width: 768px) {
    .typography h3 {
      font-size: 34px;
      line-height: 42px; } }

.typography h4 {
  font-family: 'klavikamedium';
  font-size: 26px;
  line-height: 34px; }
  @media (min-width: 768px) {
    .typography h4 {
      font-size: 28px;
      line-height: 36px; } }

.typography h5 {
  font-family: 'klavikamedium';
  font-size: 24px;
  line-height: 32px; }
  @media (min-width: 768px) {
    .typography h5 {
      font-size: 26px;
      line-height: 34px; } }

.typography h6 {
  font-family: 'klavika_rgregular';
  font-size: 22px;
  line-height: 30px; }
  @media (min-width: 768px) {
    .typography h6 {
      font-size: 22px;
      line-height: 30px; } }

.typography small {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .typography small {
      font-size: 18px;
      line-height: 30px; } }

.typography .large {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .typography .large {
      font-size: 22px;
      line-height: 32px; } }

.typography .xlarge {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .typography .xlarge {
      font-size: 30px;
      line-height: 36px; } }

.typography strong {
  font-style: normal;
  font-weight: 700; }

input[type="submit"],
button,
.typography span,
.typography div {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit; }

.typography,
.typography p,
.input-text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .typography,
    .typography p,
    .input-text {
      font-size: 20px;
      line-height: 32px; } }
  .typography small,
  .typography p small,
  .input-text small {
    font-size: 16px; }
    @media (min-width: 768px) {
      .typography small,
      .typography p small,
      .input-text small {
        font-size: 18px; } }
  .typography .tiny,
  .typography p .tiny,
  .input-text .tiny {
    font-size: 12px; }
    @media (min-width: 768px) {
      .typography .tiny,
      .typography p .tiny,
      .input-text .tiny {
        font-size: 14px; } }
  .typography a,
  .typography p a,
  .input-text a {
    color: inherit;
    text-decoration: none;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    /* easeOutExpo */ }
    .typography a.underline,
    .typography p a.underline,
    .input-text a.underline {
      border-bottom: 1px solid #222325; }
      .typography a.underline.underline-blueCta,
      .typography p a.underline.underline-blueCta,
      .input-text a.underline.underline-blueCta {
        border-bottom-color: #3454D1; }
      .typography a.underline.underline-greyDark,
      .typography p a.underline.underline-greyDark,
      .input-text a.underline.underline-greyDark {
        border-bottom-color: #222325; }
      .typography a.underline.underline-greyXlight,
      .typography p a.underline.underline-greyXlight,
      .input-text a.underline.underline-greyXlight {
        border-bottom-color: #8D99AE; }
    .typography a:hover,
    .typography p a:hover,
    .input-text a:hover {
      color: #3454D1; }
      .typography a:hover.underline,
      .typography p a:hover.underline,
      .input-text a:hover.underline {
        border-bottom-color: #3454D1 !important; }

.typography p {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .typography p {
      margin-bottom: 20px; } }

.typography div {
  font-size: inherit;
  line-height: inherit; }

.typography ul {
  list-style: none; }
  .typography ul li:before {
    content: "\2022";
    color: #8D99AE;
    font-weight: bold;
    display: inline-block;
    width: 30px;
    margin-left: 0; }
    @media (min-width: 768px) {
      .typography ul li:before {
        width: 70px; } }

@media (min-width: 768px) {
  .typography .content-align {
    width: 60%;
    margin: 0 auto; }
    .typography .content-align.content-align-left {
      margin-left: 0; }
      .typography .content-align.content-align-left h1, .typography .content-align.content-align-left h2, .typography .content-align.content-align-left h3, .typography .content-align.content-align-left h4, .typography .content-align.content-align-left h5, .typography .content-align.content-align-left h6 {
        text-align: left; }
    .typography .content-align.content-align-right {
      margin-right: 0; }
      .typography .content-align.content-align-right h1, .typography .content-align.content-align-right h2, .typography .content-align.content-align-right h3, .typography .content-align.content-align-right h4, .typography .content-align.content-align-right h5, .typography .content-align.content-align-right h6 {
        text-align: right; } }

.color-pink {
  color: #EC098F; }

.color-greyDark {
  color: #222325; }

.typography a.arrow-link {
  font-family: 'klavikabold';
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
  display: inline-block; }
  .typography a.arrow-link:after {
    content: "";
    width: 38px;
    height: 9px;
    background-image: url("/resources/themes/ispco/images/ARROW.svg");
    display: block;
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }