* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
  }
  
  img {
    display: block;
  }
  img.responsive {
    max-width: 100%;
    height: auto;
  }
  
  .video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000000;
  }
  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  a {
    display: inline-block;
    text-decoration: none;
  }
  
  input, textarea, button {
    border: none;
    outline: none;
  }
  
  ul {
    list-style: none;
  }
  ul li {
    display: block;
  }
  
  
  .flex {
    display: flex;
    flex-wrap: wrap;
  }
  .flex.nowrap {
    flex-wrap: nowrap;
  }
  
  .left {
    justify-content: flex-start;
  }
  
  .center {
    justify-content: center;
  }
  
  .right {
    justify-content: flex-end;
  }
  
  .between {
    justify-content: space-between;
  }
  
  .around {
    justify-content: space-around;
  }
  
  .top {
    align-items: flex-start;
  }
  
  .middle {
    align-items: center;
  }
  
  .bottom {
    align-items: flex-end;
  }
  
  .stretch {
    align-items: stretch;
  }
  
  .block {
    display: block;
  }
  
  .inline-block {
    display: inline-block;
  }
  
  .table {
    display: table;
  }
  
  .hide {
    display: none;
  }
  
  .float:before, .float:after {
    content: "";
    display: block;
    clear: both;
  }
  .float > * {
    float: left;
  }
  .float > .float-right {
    float: right;
  }
  
  .container, .container-l, .container-m, .container-s {
    margin-left: auto;
    margin-right: auto;
  }
  
  .container {
    max-width: 1200px;
  }
  
  .container-l {
    max-width: 960px;
  }
  
  .container-m {
    max-width: 750px;
  }
  
  .container-s {
    max-width: 480px;
  }
  
  .grid-1-1 > * {
    width: 100%;
  }
  
  .grid-1-2 > * {
    width: 50%;
  }
  
  .grid-1-3 > * {
    width: 33.333333%;
  }
  
  .grid-1-4 > * {
    width: 25%;
  }
  
  .grid-1-5 > * {
    width: 20%;
  }
  
  .col-1-1 {
    width: 100%;
  }
  
  .col-1-2 {
    width: 50%;
  }
  
  .col-1-3 {
    width: 33.333333%;
  }
  
  .col-2-3 {
    width: 66.666666%;
  }
  
  .col-1-4 {
    width: 25%;
  }
  
  .col-3-4 {
    width: 75%;
  }
  
  .col-1-5 {
    width: 20%;
  }
  
  .col-2-5 {
    width: 40%;
  }
  
  .col-3-5 {
    width: 60%;
  }
  
  .col-4-5 {
    width: 80%;
  }

  .grid-1-6>* {
    width: 16.6666%;
  }
  
  .col-x {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  
  .grid-p-1 > * {
    padding: 8px;
  }
  
  .grid-p-2 > * {
    padding: 16px;
  }
  
  .grid-p-3 > * {
    padding: 24px;
  }
  
  .grid-p-4 > * {
    padding: 32px;
  }
  
  .grid-pt-1 > * {
    padding-top: 8px;
  }
  
  .grid-pt-2 > * {
    padding-top: 16px;
  }
  
  .grid-pt-3 > * {
    padding-top: 24px;
  }
  
  .grid-pt-4 > * {
    padding-top: 32px;
  }
  
  .grid-pb-1 > * {
    padding-bottom: 8px;
  }
  
  .grid-pb-2 > * {
    padding-bottom: 16px;
  }
  
  .grid-pb-3 > * {
    padding-bottom: 24px;
  }
  
  .grid-pb-4 > * {
    padding-bottom: 32px;
  }
  
  .grid-gutter-1 > * {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  .grid-gutter-2 > * {
    padding-left: 16px;
    padding-right: 16px;
  }
  
  .grid-gutter-3 > * {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .grid-gutter-4 > * {
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .grid-pl-1 > * {
    padding-left: 8px;
  }
  
  .grid-pl-2 > * {
    padding-left: 16px;
  }
  
  .grid-pl-3 > * {
    padding-left: 24px;
  }
  
  .grid-pl-4 > * {
    padding-left: 32px;
  }
  
  .grid-pr-1 > * {
    padding-right: 8px;
  }
  
  .grid-pr-2 > * {
    padding-right: 16px;
  }
  
  .grid-pr-3 > * {
    padding-right: 24px;
  }
  
  .grid-pr-4 > * {
    padding-right: 32px;
  }
  
  .p-1 {
    padding: 8px;
  }
  
  .p-2 {
    padding: 16px;
  }
  
  .p-3 {
    padding: 24px;
  }
  
  .p-4 {
    padding: 32px;
  }
  
  .pt-1 {
    padding-top: 8px;
  }
  
  .pt-2 {
    padding-top: 16px;
  }
  
  .pt-3 {
    padding-top: 24px;
  }
  
  .pt-4 {
    padding-top: 32px;
  }
  
  .pb-1 {
    padding-bottom: 8px;
  }
  
  .pb-2 {
    padding-bottom: 16px;
  }
  
  .pb-3 {
    padding-bottom: 24px;
  }
  
  .pb-4 {
    padding-bottom: 32px;
  }
  
  .pl-1 {
    padding-left: 8px;
  }
  
  .pl-2 {
    padding-left: 16px;
  }
  
  .pl-3 {
    padding-left: 24px;
  }
  
  .pl-4 {
    padding-left: 32px;
  }
  
  .pr-1 {
    padding-right: 8px;
  }
  
  .pr-2 {
    padding-right: 16px;
  }
  
  .pr-3 {
    padding-right: 24px;
  }
  
  .pr-4 {
    padding-right: 32px;
  }
  
  .gutter-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  .gutter-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  
  .gutter-3 {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .gutter-4 {
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .mt-1 {
    margin-top: 8px;
  }
  
  .mt-2 {
    margin-top: 16px;
  }
  
  .mt-3 {
    margin-top: 24px;
  }
  
  .mt-4 {
    margin-top: 32px;
  }
  
  .mb-1 {
    margin-bottom: 8px;
  }
  
  .mb-2 {
    margin-bottom: 16px;
  }
  
  .mb-3 {
    margin-bottom: 24px;
  }
  
  .mb-4 {
    margin-bottom: 32px;
  }
  
  .ml-1 {
    margin-left: 8px;
  }
  
  .ml-2 {
    margin-left: 16px;
  }
  
  .ml-3 {
    margin-left: 24px;
  }
  
  .ml-4 {
    margin-left: 32px;
  }
  
  .mr-1 {
    margin-right: 8px;
  }
  
  .mr-2 {
    margin-right: 16px;
  }
  
  .mr-3 {
    margin-right: 24px;
  }
  
  .mr-4 {
    margin-right: 32px;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-justify {
    text-align: justify;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .capitalize {
    text-transform: capitalize;
  }
  
  .lowercase {
    text-transform: lowercase;
  }
  
  @media screen and (max-width: 1200px) {
    .flex-l {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-l.nowrap-l {
      flex-wrap: nowrap;
    }
  
    .left-l {
      justify-content: flex-start;
    }
  
    .center-l {
      justify-content: center;
    }
  
    .right-l {
      justify-content: flex-end;
    }
  
    .between-l {
      justify-content: space-between;
    }
  
    .around-l {
      justify-content: space-around;
    }
  
    .top-l {
      align-items: flex-start;
    }
  
    .middle-l {
      align-items: center;
    }
  
    .bottom-l {
      align-items: flex-end;
    }
  
    .stretch-l {
      align-items: stretch;
    }
  
    .block-l {
      display: block;
    }
  
    .inline-block-l {
      display: inline-block;
    }
  
    .table-l {
      display: table;
    }
  
    .hide-l {
      display: none;
    }
  
    .container.responsive {
      max-width: 960px;
    }
  
    .grid-1-1-l > * {
      width: 100%;
    }
  
    .grid-1-2-l > * {
      width: 50%;
    }
  
    .grid-1-3-l > * {
      width: 33.333333%;
    }
  
    .grid-1-4-l > * {
      width: 25%;
    }
  
    .grid-1-5-l > * {
      width: 20%;
    }
  
    .col-1-1-l {
      width: 100%;
    }
  
    .col-1-2-l {
      width: 50%;
    }
  
    .col-1-3-l {
      width: 33.333333%;
    }
  
    .col-2-3-l {
      width: 66.666667%;
    }
  
    .col-1-4-l {
      width: 25%;
    }
  
    .col-3-4-l {
      width: 75%;
    }
  
    .col-1-5-l {
      width: 20%;
    }
  
    .col-2-5-l {
      width: 40%;
    }
  
    .col-3-5-l {
      width: 60%;
    }
  
    .col-4-5-l {
      width: 80%;
    }
  
    .col-x-l {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }

    .grid-p-0-l > * {
      padding: 0px;
    }
  
    .p-0-l {
      padding: 0;
    }
  
    .p-1-l {
      padding: 8px;
    }
  
    .p-2-l {
      padding: 16px;
    }
  
    .p-3-l {
      padding: 24px;
    }
  
    .p-4-l {
      padding: 32px;
    }
  
    .pt-0-l {
      padding-top: 0;
    }
  
    .pt-1-l {
      padding-top: 8px;
    }
  
    .pt-2-l {
      padding-top: 16px;
    }
  
    .pt-3-l {
      padding-top: 24px;
    }
  
    .pt-4-l {
      padding-top: 32px;
    }
  
    .pb-0-l {
      padding-bottom: 0;
    }
    
    .pb-1-l {
      padding-bottom: 8px;
    }
  
    .pb-2-l {
      padding-bottom: 16px;
    }
  
    .pb-3-l {
      padding-bottom: 24px;
    }
  
    .pb-4-l {
      padding-bottom: 32px;
    }
  
    .pl-0-l {
      padding-left: 0;
    }
  
    .pl-1-l {
      padding-left: 8px;
    }
  
    .pl-2-l {
      padding-left: 16px;
    }
  
    .pl-3-l {
      padding-left: 24px;
    }
  
    .pl-4-l {
      padding-left: 32px;
    }
  
    .pr-0-l {
      padding-right: 0;
    }
  
    .pr-1-l {
      padding-right: 8px;
    }
  
    .pr-2-l {
      padding-right: 16px;
    }
  
    .pr-3-l {
      padding-right: 24px;
    }
  
    .pr-4-l {
      padding-right: 32px;
    }
  
    .gutter-0-l {
      padding-left: 0;
      padding-right: 0;
    }
  
    .gutter-1-l {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .gutter-2-l {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .gutter-3-l {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .gutter-4-l {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .mt-0-l {
      margin-top: 0;
    }
  
    .mt-1-l {
      margin-top: 8px;
    }
  
    .mt-2-l {
      margin-top: 16px;
    }
  
    .mt-3-l {
      margin-top: 24px;
    }
  
    .mt-4-l {
      margin-top: 32px;
    }
  
    .mb-0-l {
      margin-bottom: 0;
    }
  
    .mb-1-l {
      margin-bottom: 8px;
    }
  
    .mb-2-l {
      margin-bottom: 16px;
    }
  
    .mb-3-l {
      margin-bottom: 24px;
    }
  
    .mb-4-l {
      margin-bottom: 32px;
    }
  
    .ml-0-l {
      margin-left: 0;
    }
  
    .ml-1-l {
      margin-left: 8px;
    }
  
    .ml-2-l {
      margin-left: 16px;
    }
  
    .ml-3-l {
      margin-left: 24px;
    }
  
    .ml-4-l {
      margin-left: 32px;
    }
  
    .mr-0-l {
      margin-right: 0;
    }
  
    .mr-1-l {
      margin-right: 8px;
    }
  
    .mr-2-l {
      margin-right: 16px;
    }
  
    .mr-3-l {
      margin-right: 24px;
    }
  
    .mr-4-l {
      margin-right: 32px;
    }
  
    .text-left-l {
      text-align: left;
    }
  
    .text-center-l {
      text-align: center;
    }
  
    .text-right-l {
      text-align: right;
    }
  
    .text-justify-l {
      text-align: justify;
    }
  }
  @media screen and (max-width: 800px) {
    .flex-m {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-m.nowrap-m {
      flex-wrap: nowrap;
    }
  
    .left-m {
      justify-content: flex-start;
    }
  
    .center-m {
      justify-content: center;
    }
  
    .right-m {
      justify-content: flex-end;
    }
  
    .between-m {
      justify-content: space-between;
    }
  
    .around-m {
      justify-content: space-around;
    }
  
    .top-m {
      align-items: flex-start;
    }
  
    .middle-m {
      align-items: center;
    }
  
    .bottom-m {
      align-items: flex-end;
    }
  
    .stretch-m {
      align-items: stretch;
    }
  
    .block-m {
      display: block;
    }
  
    .inline-block-m {
      display: inline-block;
    }
  
    .table-m {
      display: table;
    }
  
    .hide-m {
      display: none;
    }
  
    .container.responsive {
      max-width: 750px;
    }
    .container-l.responsive {
      max-width: 480px;
    }
  
    .grid-1-1-m > * {
      width: 100%;
    }
  
    .grid-1-2-m > * {
      width: 50%;
    }
  
    .grid-1-3-m > * {
      width: 33.333333%;
    }
  
    .grid-1-4-m > * {
      width: 25%;
    }
  
    .grid-1-5-m > * {
      width: 20%;
    }
  
    .col-1-1-m {
      width: 100%;
    }
  
    .col-1-2-m {
      width: 50%;
    }
  
    .col-1-3-m {
      width: 33.333333%;
    }
  
    .col-2-3-m {
      width: 66.666667%;
    }
  
    .col-1-4-m {
      width: 25%;
    }
  
    .col-3-4-m {
      width: 75%;
    }
  
    .col-1-5-m {
      width: 20%;
    }
  
    .col-2-5-m {
      width: 40%;
    }
  
    .col-3-5-m {
      width: 60%;
    }
  
    .col-4-5-m {
      width: 80%;
    }
  
    .col-x-m {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .p-0-m {
      padding: 0;
    }
  
    .p-1-m {
      padding: 8px;
    }
  
    .p-2-m {
      padding: 16px;
    }
  
    .p-3-m {
      padding: 24px;
    }
  
    .p-4-m {
      padding: 32px;
    }
  
    .pt-0-m {
      padding-top: 0;
    }
  
    .pt-1-m {
      padding-top: 8px;
    }
  
    .pt-2-m {
      padding-top: 16px;
    }
  
    .pt-3-m {
      padding-top: 24px;
    }
  
    .pt-4-m {
      padding-top: 32px;
    }
  
    .pb-0-m {
      padding-bottom: 0;
    }
  
    .pb-1-m {
      padding-bottom: 8px;
    }
  
    .pb-2-m {
      padding-bottom: 16px;
    }
  
    .pb-3-m {
      padding-bottom: 24px;
    }
  
    .pb-4-m {
      padding-bottom: 32px;
    }
  
    .pl-0-m {
      padding-left: 0;
    }
  
    .pl-1-m {
      padding-left: 8px;
    }
  
    .pl-2-m {
      padding-left: 16px;
    }
  
    .pl-3-m {
      padding-left: 24px;
    }
  
    .pl-4-m {
      padding-left: 32px;
    }
  
    .pr-0-m {
      padding-right: 0;
    }
  
    .pr-1-m {
      padding-right: 8px;
    }
  
    .pr-2-m {
      padding-right: 16px;
    }
  
    .pr-3-m {
      padding-right: 24px;
    }
  
    .pr-4-m {
      padding-right: 32px;
    }
  
    .gutter-0-m {
      padding-left: 0;
      padding-right: 0;
    }
  
    .gutter-1-m {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .gutter-2-m {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .gutter-3-m {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .gutter-4-m {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .mt-0-m {
      margin-top: 0;
    }
  
    .mt-1-m {
      margin-top: 8px;
    }
  
    .mt-2-m {
      margin-top: 16px;
    }
  
    .mt-3-m {
      margin-top: 24px;
    }
  
    .mt-4-m {
      margin-top: 32px;
    }
  
    .mb-0-m {
      margin-bottom: 0;
    }
  
    .mb-1-m {
      margin-bottom: 8px;
    }
  
    .mb-2-m {
      margin-bottom: 16px;
    }
  
    .mb-3-m {
      margin-bottom: 24px;
    }
  
    .mb-4-m {
      margin-bottom: 32px;
    }
  
    .ml-0-m {
      margin-left: 0;
    }
  
    .ml-1-m {
      margin-left: 8px;
    }
  
    .ml-2-m {
      margin-left: 16px;
    }
  
    .ml-3-m {
      margin-left: 24px;
    }
  
    .ml-4-m {
      margin-left: 32px;
    }
  
    .mr-0-m {
      margin-right: 0;
    }
  
    .mr-1-m {
      margin-right: 8px;
    }
  
    .mr-2-m {
      margin-right: 16px;
    }
  
    .mr-3-m {
      margin-right: 24px;
    }
  
    .mr-4-m {
      margin-right: 32px;
    }
  
    .text-left-m {
      text-align: left;
    }
  
    .text-center-m {
      text-align: center;
    }
  
    .text-right-m {
      text-align: right;
    }
  
    .text-justify-m {
      text-align: justify;
    }
  }
  @media screen and (max-width: 640px) {
    .container.responsive {
      max-width: 480px;
    }
  
    .flex-s {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-s.nowrap {
      flex-wrap: nowrap;
    }
  
    .left-s {
      justify-content: flex-start;
    }
  
    .center-s {
      justify-content: center;
    }
  
    .right-s {
      justify-content: flex-end;
    }
  
    .between-s {
      justify-content: space-between;
    }
  
    .around-s {
      justify-content: space-around;
    }
  
    .top-s {
      align-items: flex-start;
    }
  
    .middle-s {
      align-items: center;
    }
  
    .bottom-s {
      align-items: flex-end;
    }
  
    .stretch-s {
      align-items: stretch;
    }
  
    .block-s {
      display: block;
    }
  
    .inline-block-s {
      display: inline-block;
    }
  
    .hide-s {
      display: none;
    }
  
    .grid-1-1-s > * {
      width: 100%;
    }
  
    .grid-1-2-s > * {
      width: 50%;
    }
  
    .grid-1-3-s > * {
      width: 33.333333%;
    }
  
    .grid-1-4-s > * {
      width: 25%;
    }
  
    .col-1-1-s {
      width: 100%;
    }
  
    .col-1-2-s {
      width: 50%;
    }
  
    .col-1-3-s {
      width: 33.333333%;
    }
  
    .col-2-3-s {
      width: 66.666667%;
    }
  
    .col-1-4-s {
      width: 25%;
    }
  
    .col-3-4-s {
      width: 75%;
    }
  
    .col-x-s {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .p-0-s {
      padding: 0;
    }
  
    .p-1-s {
      padding: 8px;
    }
  
    .p-2-s {
      padding: 16px;
    }
  
    .p-3-s {
      padding: 24px;
    }
  
    .p-4-s {
      padding: 32px;
    }
  
    .pt-0-s {
      padding-top: 0;
    }
  
    .pt-1-s {
      padding-top: 8px;
    }
  
    .pt-2-s {
      padding-top: 16px;
    }
  
    .pt-3-s {
      padding-top: 24px;
    }
  
    .pt-4-s {
      padding-top: 32px;
    }
  
    .pb-0-s {
      padding-bottom: 0;
    }
  
    .pb-1-s {
      padding-bottom: 8px;
    }
  
    .pb-2-s {
      padding-bottom: 16px;
    }
  
    .pb-3-s {
      padding-bottom: 24px;
    }
  
    .pb-4-s {
      padding-bottom: 32px;
    }
  
    .pl-0-s {
      padding-left: 0;
    }
  
    .pl-1-s {
      padding-left: 8px;
    }
  
    .pl-2-s {
      padding-left: 16px;
    }
  
    .pl-3-s {
      padding-left: 24px;
    }
  
    .pl-4-s {
      padding-left: 32px;
    }
  
    .pr-0-s {
      padding-right: 0;
    }
  
    .pr-1-s {
      padding-right: 8px;
    }
  
    .pr-2-s {
      padding-right: 16px;
    }
  
    .pr-3-s {
      padding-right: 24px;
    }
  
    .pr-4-s {
      padding-right: 32px;
    }
  
    .gutter-0-s {
      padding-left: 0;
      padding-right: 0;
    }
  
    .gutter-1-s {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .gutter-2-s {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .gutter-3-s {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .gutter-4-s {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .mt-0-s {
      margin-top: 0;
    }
  
    .mt-1-s {
      margin-top: 8px;
    }
  
    .mt-2-s {
      margin-top: 16px;
    }
  
    .mt-3-s {
      margin-top: 24px;
    }
  
    .mt-4-s {
      margin-top: 32px;
    }
  
    .mb-0-s {
      margin-bottom: 0;
    }
  
    .mb-1-s {
      margin-bottom: 8px;
    }
  
    .mb-2-s {
      margin-bottom: 16px;
    }
  
    .mb-3-s {
      margin-bottom: 24px;
    }
  
    .mb-4-s {
      margin-bottom: 32px;
    }
  
    .ml-0-s {
      margin-left: 0;
    }
  
    .ml-1-s {
      margin-left: 8px;
    }
  
    .ml-2-s {
      margin-left: 16px;
    }
  
    .ml-3-s {
      margin-left: 24px;
    }
  
    .ml-4-s {
      margin-left: 32px;
    }
  
    .mr-0-s {
      margin-right: 0;
    }
  
    .mr-1-s {
      margin-right: 8px;
    }
  
    .mr-2-s {
      margin-right: 16px;
    }
  
    .mr-3-s {
      margin-right: 24px;
    }
  
    .mr-4-s {
      margin-right: 32px;
    }
  
    .text-left-s {
      text-align: left;
    }
  
    .text-center-s {
      text-align: center;
    }
  
    .text-right-s {
      text-align: right;
    }
  
    .text-justify-s {
      text-align: justify;
    }
  }