* {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0; }

body {
  background-color: #fafafa; }

h1, h2, h3, h4, h5, p, a, li, label {
  font-family: 'Lato', sans-serif; }

h1, h2, h3, h4, h5 {
  margin: 0; }

h1 {
  font-size: calc(28px + (60 - 28) * ((100vw - 360px) / (1920 - 360)));
  font-weight: bold; }

h2 {
  font-size: calc(24px + (40 - 24) * ((100vw - 360px) / (1920 - 360)));
  font-weight: bold; }

h3 {
  font-size: calc(22px + (26 - 22) * ((100vw - 360px) / (1920 - 360)));
  font-weight: bold; }

h4 {
  font-size: calc(17px + (18 - 17) * ((100vw - 360px) / (1920 - 360)));
  font-weight: bold;
  margin-bottom: 15px; }

p, label, li {
  font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1920 - 360)));
  line-height: calc(22px + (26 - 22) * ((100vw - 360px) / (1920 - 360))) ; }

ul {
  list-style: none;
  padding-left: 20px; }
  ul li {
    position: relative;
    margin-bottom: 10px; }
    ul li:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-color: transparent transparent transparent #222;
      left: -15px;
      top: 5px; }

header.site-header {
  background-color: #A3B9B7;
  width: 100%;
  padding: 50px 0;
  margin-bottom: 60px; }
  @media (max-width: 600px) {
    header.site-header {
      margin-bottom: 20px; } }
  header.site-header div.heading-wrap {
    max-width: 1165px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative; }
    header.site-header div.heading-wrap:before, header.site-header div.heading-wrap:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-left: .7vw solid transparent;
      border-right: .7vw solid transparent;
      border-top: 1.4vw solid #A3B9B7;
      bottom: calc(-1.4vw - 50px);
      left: 35px; }
      @media (max-width: 780px) {
        header.site-header div.heading-wrap:before, header.site-header div.heading-wrap:after {
          border-left: 2vw solid transparent;
          border-right: 2vw solid transparent;
          border-top: 4vw solid #A3B9B7;
          bottom: calc(-4vw - 50px);
          left: 35px; } }
      @media (max-width: 600px) {
        header.site-header div.heading-wrap:before, header.site-header div.heading-wrap:after {
          left: 15px; } }
    header.site-header div.heading-wrap:after {
      left: calc(35px + 1.4vw); }
      @media (max-width: 780px) {
        header.site-header div.heading-wrap:after {
          left: calc(35px + 4vw); } }
      @media (max-width: 600px) {
        header.site-header div.heading-wrap:after {
          left: calc(15px + 4vw); } }
    @media (max-width: 600px) {
      header.site-header div.heading-wrap {
        padding: 0 15px; } }
    header.site-header div.heading-wrap .top-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center; }
      header.site-header div.heading-wrap .top-row p.mbp {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      header.site-header div.heading-wrap .top-row .actions {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        header.site-header div.heading-wrap .top-row .actions .print {
          display: block;
          width: 28px;
          height: 25px;
          background: url("../img/printer.svg") no-repeat;
          background-size: contain; }
    header.site-header div.heading-wrap h1 {
      color: #fff; }

section.lists {
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (max-width: 600px) {
    section.lists {
      padding: 0; } }
  section.lists div.list {
    margin-bottom: 20px; }
    section.lists div.list h2 {
      position: relative;
      padding-right: 35px; }
      @media (max-width: 767px) {
        section.lists div.list h2 {
          padding-right: 45px; } }
      @media (max-width: 600px) {
        section.lists div.list h2 {
          padding-left: 45px; } }
      section.lists div.list h2:before {
        position: absolute;
        content: '';
        height: 15px;
        width: 15px;
        top: 50%;
        transform: translateY(-50%);
        left: -45px;
        display: none; }
        @media (max-width: 1335px) {
          section.lists div.list h2:before {
            left: -23px;
            height: 13px;
            width: 13px; } }
        @media (max-width: 600px) {
          section.lists div.list h2:before {
            left: 15px; } }
      section.lists div.list h2 span {
        width: 35px;
        height: 35px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 5px;
        cursor: pointer; }
        @media (max-width: 767px) {
          section.lists div.list h2 span {
            margin-right: 15px;
            top: 0; } }
        section.lists div.list h2 span:before, section.lists div.list h2 span:after {
          content: '';
          width: 20px;
          right: 0;
          height: 3px;
          background-color: #222;
          position: absolute;
          transition: all 0.2s ease-in-out; }
          @media (max-width: 767px) {
            section.lists div.list h2 span:before, section.lists div.list h2 span:after {
              width: 13px;
              height: 2px; } }
        section.lists div.list h2 span:after {
          transform: rotate(90deg); }
      section.lists div.list h2.expanded span:after {
        transform: rotate(180deg);
        width: 0;
        right: 10px; }
      section.lists div.list h2.expanded + .cards {
        height: 100%; }
    section.lists div.list:nth-child(1) h2:before {
      background-color: #F33C6E; }
    section.lists div.list:nth-child(2) h2:before {
      background-color: #4EDEE4; }
    section.lists div.list:nth-child(3) h2:before {
      background-color: #FFE588; }
    section.lists div.list h2 {
      margin-bottom: 20px; }
    section.lists div.list div.cards {
      height: 0;
      overflow: hidden; }
      section.lists div.list div.cards div.card {
        padding: 30px;
        background-color: #fff;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start; }
        @media (max-width: 600px) {
          section.lists div.list div.cards div.card {
            margin-bottom: 10px;
            padding: 15px; } }
        section.lists div.list div.cards div.card div.card-info-wrap {
          display: inline-block;
          max-width: 80%;
          -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
          vertical-align: top;
          padding-right: 30px; }
          @media (max-width: 600px) {
            section.lists div.list div.cards div.card div.card-info-wrap {
              max-width: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
              padding-right: 0; } }
        section.lists div.list div.cards div.card div.card-image {
          position: relative;
          max-width: 20%;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
          width: 100%;
          display: inline-block;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          cursor: pointer; }
          section.lists div.list div.cards div.card div.card-image img {
            max-width: 100%;
            height: auto; }
          section.lists div.list div.cards div.card div.card-image:after {
            position: absolute;
            content: '';
            background-color: #23234F;
            width: 44px;
            height: 44px;
            bottom: 0;
            right: 0;
            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI5OC42NjcgMjk4LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjk4LjY2NyAyOTguNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwb2x5Z29uIHBvaW50cz0iNDIuNjY3LDE5MiAwLDE5MiAwLDI5OC42NjcgMTA2LjY2NywyOTguNjY3IDEwNi42NjcsMjU2IDQyLjY2NywyNTYgICAgIiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwb2x5Z29uIHBvaW50cz0iMCwxMDYuNjY3IDQyLjY2NywxMDYuNjY3IDQyLjY2Nyw0Mi42NjcgMTA2LjY2Nyw0Mi42NjcgMTA2LjY2NywwIDAsMCAgICAiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBvbHlnb24gcG9pbnRzPSIxOTIsMCAxOTIsNDIuNjY3IDI1Niw0Mi42NjcgMjU2LDEwNi42NjcgMjk4LjY2NywxMDYuNjY3IDI5OC42NjcsMCAgICAiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBvbHlnb24gcG9pbnRzPSIyNTYsMjU2IDE5MiwyNTYgMTkyLDI5OC42NjcgMjk4LjY2NywyOTguNjY3IDI5OC42NjcsMTkyIDI1NiwxOTIgICAgIiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
            background-size: 50%;
            background-position: center;
            background-repeat: no-repeat;
            transition: background-size .1s linear; }
          @media (max-width: 600px) {
            section.lists div.list div.cards div.card div.card-image {
              display: block;
              max-width: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
              -ms-flex-order: -1;
              order: -1;
              margin-bottom: 20px;
              cursor: default; }
              section.lists div.list div.cards div.card div.card-image:after {
                display: none; } }
          section.lists div.list div.cards div.card div.card-image:hover:after {
            background-size: 60%; }
          section.lists div.list div.cards div.card div.card-image.expanded {
            display: block;
            max-width: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -ms-flex-order: -1;
            order: -1;
            margin-bottom: 20px; }
            section.lists div.list div.cards div.card div.card-image.expanded:after {
              background-size: 60%;
              background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzMgNDY5LjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzMyA0NjkuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xNjAsMGgtMjEuMzMzQzEzMi43NzEsMCwxMjgsNC43NzEsMTI4LDEwLjY2N1YxMjhIMTAuNjY3QzQuNzcxLDEyOCwwLDEzMi43NzEsMCwxMzguNjY3VjE2MCAgICAgYzAsNS44OTYsNC43NzEsMTAuNjY3LDEwLjY2NywxMC42NjdIMTYwYzUuODk2LDAsMTAuNjY3LTQuNzcxLDEwLjY2Ny0xMC42NjdWMTAuNjY3QzE3MC42NjcsNC43NzEsMTY1Ljg5NiwwLDE2MCwweiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNNDU4LjY2NywxMjhIMzQxLjMzM1YxMC42NjdDMzQxLjMzMyw0Ljc3MSwzMzYuNTYzLDAsMzMwLjY2NywwaC0yMS4zMzNjLTUuODk2LDAtMTAuNjY3LDQuNzcxLTEwLjY2NywxMC42NjdWMTYwICAgICBjMCw1Ljg5Niw0Ljc3MSwxMC42NjcsMTAuNjY3LDEwLjY2N2gxNDkuMzMzYzUuODk2LDAsMTAuNjY3LTQuNzcxLDEwLjY2Ny0xMC42Njd2LTIxLjMzMyAgICAgQzQ2OS4zMzMsMTMyLjc3MSw0NjQuNTYzLDEyOCw0NTguNjY3LDEyOHoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTQ1OC42NjcsMjk4LjY2N0gzMDkuMzMzYy01Ljg5NiwwLTEwLjY2Nyw0Ljc3MS0xMC42NjcsMTAuNjY3djE0OS4zMzNjMCw1Ljg5Niw0Ljc3MSwxMC42NjcsMTAuNjY3LDEwLjY2N2gyMS4zMzMgICAgIGM1Ljg5NiwwLDEwLjY2Ny00Ljc3MSwxMC42NjctMTAuNjY3VjM0MS4zMzNoMTE3LjMzM2M1Ljg5NiwwLDEwLjY2Ny00Ljc3MSwxMC42NjctMTAuNjY3di0yMS4zMzMgICAgIEM0NjkuMzMzLDMwMy40MzcsNDY0LjU2MywyOTguNjY3LDQ1OC42NjcsMjk4LjY2N3oiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTE2MCwyOTguNjY3SDEwLjY2N0M0Ljc3MSwyOTguNjY3LDAsMzAzLjQzNywwLDMwOS4zMzN2MjEuMzMzYzAsNS44OTYsNC43NzEsMTAuNjY3LDEwLjY2NywxMC42NjdIMTI4djExNy4zMzMgICAgIGMwLDUuODk2LDQuNzcxLDEwLjY2NywxMC42NjcsMTAuNjY3SDE2MGM1Ljg5NiwwLDEwLjY2Ny00Ljc3MSwxMC42NjctMTAuNjY3VjMwOS4zMzMgICAgIEMxNzAuNjY3LDMwMy40MzcsMTY1Ljg5NiwyOTguNjY3LDE2MCwyOTguNjY3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); }
            section.lists div.list div.cards div.card div.card-image.expanded:hover:after {
              background-size: 50%; }
        section.lists div.list div.cards div.card div.card-checklists {
          border: 1px solid rgba(0, 0, 0, 0.1);
          padding: 30px;
          margin-top: 30px;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          max-width: 100%; }
          @media (max-width: 600px) {
            section.lists div.list div.cards div.card div.card-checklists {
              padding: 20px;
              margin-top: 20px; } }
          section.lists div.list div.cards div.card div.card-checklists div.card-checklist div.card-checkitem-group {
            padding-left: 26px;
            margin-bottom: 10px; }
            section.lists div.list div.cards div.card div.card-checklists div.card-checklist div.card-checkitem-group input {
              opacity: 0;
              visibility: hidden; }
            section.lists div.list div.cards div.card div.card-checklists div.card-checklist div.card-checkitem-group label {
              position: relative;
              margin-bottom: 10px;
              margin-left: -20px; }
              section.lists div.list div.cards div.card div.card-checklists div.card-checklist div.card-checkitem-group label:before {
                position: absolute;
                content: '';
                width: 14px;
                height: 14px;
                border: 2px solid #000;
                top: 2px;
                left: -25px; }
            section.lists div.list div.cards div.card div.card-checklists div.card-checklist div.card-checkitem-group input:checked ~ label:before {
              background-color: #000; }