/* gray-based */
/* red based */
/* blue based */
/* tinyprints colors */
/* Takes a CSS transition and generates the necessary vendor specific versions */
/* Extra small screen / phone */
/* Normal phone screen / iPhone 6/7/8 */
/* Big phone screen / S phones / Plus */
/* Small tablet screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
/* Large tablet screen / tablet */
/* Extra large screen */
/* So media queries don't overlap when required, provide a maximum */
/* Extra small screen / phone */
/* Normal phone screen / iPhone 6/7/8 */
/* Big phone screen / S phones / Plus */
/* Small tablet screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
/* Large tablet screen / tablet */
/* Extra large screen */
/* So media queries don't overlap when required, provide a maximum */
/* gray-based */
/* red based */
/* blue based */
/* tinyprints colors */
/* gray-based */
/* red based */
/* blue based */
/* tinyprints colors */
/* Takes a CSS transition and generates the necessary vendor specific versions */
/* Extra small screen / phone */
/* Normal phone screen / iPhone 6/7/8 */
/* Big phone screen / S phones / Plus */
/* Small tablet screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
/* Large tablet screen / tablet */
/* Extra large screen */
/* So media queries don't overlap when required, provide a maximum */
/* Extra small screen / phone */
/* Normal phone screen / iPhone 6/7/8 */
/* Big phone screen / S phones / Plus */
/* Small tablet screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
/* Large tablet screen / tablet */
/* Extra large screen */
/* So media queries don't overlap when required, provide a maximum */
/* gray-based */
/* red based */
/* blue based */
/* tinyprints colors */
.side-menu {
  background-color: #F5F6F8;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  z-index: 1100;
  height: 100vh;
  width: 270px;
  font-family: "Avenir LT W01 65 Medium", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.23;
  color: #58595B;
  transform: translateX(-100%);
  transition: transform 200ms ease 0s, visibility 200ms ease 100ms;
  visibility: hidden; }
  .side-menu.isopen {
    transform: none;
    visibility: visible; }
  .side-menu .side-menu-header {
    border-bottom: 1px solid #F05323;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .side-menu .side-menu-header svg.uig-svg-icon {
      fill: #F05323; }
    .side-menu .side-menu-header svg {
      cursor: pointer; }
    .side-menu .side-menu-header .side-menu-logos {
      display: flex; }
      .side-menu .side-menu-header .side-menu-logos svg.uig-svg-icon {
        height: 44px;
        width: auto; }
    .side-menu .side-menu-header > svg {
      margin: 10px; }
      .side-menu .side-menu-header > svg.uig-svg-icon {
        width: 18px;
        height: 18px; }
  .side-menu .back {
    margin: 20px 20px 5px;
    cursor: pointer; }
    .side-menu .back svg.uig-svg-icon {
      width: 9px;
      height: 9px; }
    .side-menu .back .back-arrow {
      margin-right: 10px; }
    .side-menu .back svg.uig-svg-icon {
      fill: #F05323; }
  .side-menu .menu-title {
    font-family: "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #F05323;
    padding: 20px 20px 10px; }
    .side-menu .menu-title.not-home {
      padding-left: 40px; }
  .side-menu .categories {
    list-style-type: none;
    padding: 0 20px;
    overflow-y: scroll;
    height: calc(100% - 110px); }
    .side-menu .categories.not-home {
      padding-left: 40px; }
    .side-menu .categories .category-item {
      position: relative;
      padding: 15px 20px 10px 0;
      border-bottom: #dcdee1 1px solid; }
      .side-menu .categories .category-item .new-label {
        text-transform: uppercase;
        color: #F05323;
        padding-right: 5px; }
      .side-menu .categories .category-item a {
        color: #58595B;
        text-decoration: none; }
        .side-menu .categories .category-item a:hover {
          color: #F05323; }
      .side-menu .categories .category-item .icon-span {
        position: absolute;
        z-index: 1 !important;
        right: 5px;
        left: auto; }
        .side-menu .categories .category-item .icon-span svg.uig-svg-icon {
          width: 9px;
          height: 9px; }
        .side-menu .categories .category-item .icon-span svg.uig-svg-icon {
          transform: rotate(180deg); }
      .side-menu .categories .category-item:hover {
        cursor: pointer;
        color: #F05323; }
        .side-menu .categories .category-item:hover svg.uig-svg-icon {
          fill: #F05323; }
      .side-menu .categories .category-item:last-child {
        margin-bottom: 60px; }
  .side-menu.TP .side-menu-header {
    border-bottom: 1px solid #00A5B5; }
    .side-menu.TP .side-menu-header svg.uig-svg-icon {
      fill: #00A5B5; }
  .side-menu.TP .back svg.uig-svg-icon {
    fill: #00A5B5; }
  .side-menu.TP .category-item:hover {
    color: #00A5B5; }
    .side-menu.TP .category-item:hover a {
      color: #00A5B5 !important; }
    .side-menu.TP .category-item:hover .icon-span svg.uig-svg-icon {
      fill: #00A5B5; }

.side-menu-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1099;
  visibility: hidden;
  transform: translateX(-100%);
  transition: transform 200ms ease 0s, visibility 200ms ease 100ms;
  cursor: pointer; }
  .side-menu-backdrop.isopen {
    visibility: visible;
    transform: none; }

svg.side-menu-icon {
  width: 22px;
  cursor: pointer;
  height: auto;
  max-height: 16px; }

.responsive-header-menu {
  display: none;
  visibility: hidden;
  margin: 0; }
  @media only screen and (max-width: 991px) {
    .responsive-header-menu {
      display: inline-block;
      visibility: visible;
      vertical-align: middle;
      padding: 16px 12px;
      height: 16px; } }


/*# sourceMappingURL=header-2018.css.map*/