@import url("https://use.typekit.net/ser4zae.css");

  .delighter.fadein.started {
    opacity: 1;
  }
  
  .delighter.fadein {
    opacity: 0;
    -webkit-transition: all .75s ease-out;
    transition: all .75s ease-out;
  }
  
  .delighter.fadeLeft.started {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  
  .delighter.fadeLeft {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
  }
  
  .delighter.fadeRight.started {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  
  .delighter.fadeRight {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
  }
  
  .delighter.fadeTop.started {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  
  .delighter.fadeTop {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
  }
  
  .delighter.fadeBottom.started {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  
  .delighter.fadeBottom {
    opacity: 0;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
  }
  
  .msi-pen2 .pd-block {
    background: #fff;
  }
  
  .msi-pen2 .pd-block .title--main {
    margin-bottom: 0;
    color: var(--color-black);
    font-family: century-gothic, sans-serif;
    font-weight: bold !important;
  }
  
  @media (min-width: 996px) {
    .msi-pen2 .pd-block .title--main {
      margin-bottom: 10px;
    }
  }
  
  .msi-pen2 p {
    color: var(--color-black);
    font-family: century-gothic, sans-serif !important;
  }
  
  @-webkit-keyframes action {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
  }
  
  @keyframes action {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
  }
  
  @-webkit-keyframes bump {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes bump {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @-webkit-keyframes ripple1 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0;
    }
  }
  
  @keyframes ripple1 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes ripple2 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
    }
  }
  
  @keyframes ripple2 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes ripple3 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes ripple3 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
    }
  }
  
  html {
    scroll-behavior: smooth;
  }

  .msi-pen2 {
    position: relative;
    overflow: hidden;
  }
  
  .msi-pen2 img {
    width: 100%;
  }
  
  .msi-pen2 figure {
    margin: 0;
    padding: 0;
  }