/* === Lists === */
 .list-block {
    margin: 35px 0;
    font-size: 17px;
    text-align: left;
  }
  .list-block ul {
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }
  .list-block ul:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    /* background-color: #c8c7cc; */
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  html.pixel-ratio-2 .list-block ul:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block ul:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
  .list-block ul:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    /* background-color: #c8c7cc; */
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  html.pixel-ratio-2 .list-block ul:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block ul:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
  .list-block ul ul {
    padding-left: 45px;
  }
  .list-block ul ul:before {
    display: none;
  }
  .list-block ul ul:after {
    display: none;
  }
  .list-block .align-top,
  .list-block .align-top .item-content,
  .list-block .align-top .item-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .list-block.inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px;
  }
  .list-block.inset .content-block-title {
    margin-left: 0;
    margin-right: 0;
  }
  .list-block.inset ul {
    border-radius: 7px;
  }
  .list-block.inset ul:before {
    display: none;
  }
  .list-block.inset ul:after {
    display: none;
  }
  .list-block.inset li:first-child > a {
    border-radius: 7px 7px 0 0;
  }
  .list-block.inset li:last-child > a {
    border-radius: 0 0 7px 7px;
  }
  .list-block.inset li:first-child:last-child > a {
    border-radius: 7px;
  }
  @media all and (min-width: 768px) {
    .list-block.tablet-inset {
      margin-left: 15px;
      margin-right: 15px;
      border-radius: 7px;
    }
    .list-block.tablet-inset .content-block-title {
      margin-left: 0;
      margin-right: 0;
    }
    .list-block.tablet-inset ul {
      border-radius: 7px;
    }
    .list-block.tablet-inset ul:before {
      display: none;
    }
    .list-block.tablet-inset ul:after {
      display: none;
    }
    .list-block.tablet-inset li:first-child > a {
      border-radius: 7px 7px 0 0;
    }
    .list-block.tablet-inset li:last-child > a {
      border-radius: 0 0 7px 7px;
    }
    .list-block.tablet-inset li:first-child:last-child > a {
      border-radius: 7px;
    }
    .list-block.tablet-inset .content-block-title {
      margin-left: 0;
      margin-right: 0;
    }
    .list-block.tablet-inset ul {
      border-radius: 7px;
    }
    .list-block.tablet-inset ul:before {
      display: none;
    }
    .list-block.tablet-inset ul:after {
      display: none;
    }
    .list-block.tablet-inset li:first-child > a {
      border-radius: 7px 7px 0 0;
    }
    .list-block.tablet-inset li:last-child > a {
      border-radius: 0 0 7px 7px;
    }
    .list-block.tablet-inset li:first-child:last-child > a {
      border-radius: 7px;
    }
  }
  .list-block li {
    box-sizing: border-box;
    position: relative;
  }
  .list-block .item-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 8px;
  }
  .list-block .item-media i + i {
    margin-left: 5px;
  }
  .list-block .item-media i + img {
    margin-left: 5px;
  }
  .list-block .item-media + .item-inner {
    margin-left: 10px;
  }
  .list-block .item-inner {
    padding-right: 15px;
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 44px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
  }
  .list-block .item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    /* background-color: #c8c7cc; */
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  html.pixel-ratio-2 .list-block .item-inner:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block .item-inner:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
  .list-block .item-title {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    min-width: 0;
    /* white-space: nowrap; */
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .list-block .item-after {
    white-space: nowrap;
    color: #8e8e93;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 28px;
  }
  .list-block .smart-select .item-after,
  .list-block .autocomplete-opener .item-after {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block;
  }
  .list-block .item-link {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    display: block;
    color: inherit;
  }
  .list-block .item-link .item-inner {
    padding-right: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: -webkit-calc(100% - 15px) center;
    background-position: calc(100% - 15px) center;
  }
  html:not(.watch-active-state) .list-block .item-link:active,
  .list-block .item-link.active-state {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    background-color: #d9d9d9;
  }
  html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
  .list-block .item-link.active-state .item-inner:after {
    background-color: transparent;
  }
  .list-block .item-link.list-button {
    padding: 0 15px;
    text-align: center;
    color: #007aff;
    display: block;
    line-height: 43px;
  }
  .list-block .item-link.list-button:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  html.pixel-ratio-2 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
  .list-block .item-content {
    box-sizing: border-box;
    padding-left: 10px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .list-block .list-block-label {
    margin: 10px 0 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #8f8f94;
  }
  .list-block .swipeout {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .list-block .swipeout.deleting {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  .list-block .swipeout.deleting .swipeout-content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .list-block .swipeout.transitioning .swipeout-content,
  .list-block .swipeout.transitioning .swipeout-actions-right a,
  .list-block .swipeout.transitioning .swipeout-actions-left a,
  .list-block .swipeout.transitioning .swipeout-overswipe {
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  .list-block .swipeout-content {
    position: relative;
    z-index: 10;
  }
  .list-block .swipeout-overswipe {
    -webkit-transition: 200ms left;
    transition: 200ms left;
  }
  .list-block .swipeout-actions-left,
  .list-block .swipeout-actions-right {
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .list-block .swipeout-actions-left a,
  .list-block .swipeout-actions-right a {
    padding: 0 30px;
    color: #fff;
    background: #c7c7cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    left: 0;
  }
  .list-block .swipeout-actions-left a:after,
  .list-block .swipeout-actions-right a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 600%;
    height: 100%;
    background: inherit;
    z-index: -1;
  }
  .list-block .swipeout-actions-left a.swipeout-delete,
  .list-block .swipeout-actions-right a.swipeout-delete {
    background: #ff3b30;
  }
  .list-block .swipeout-actions-right {
    right: 0%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .list-block .swipeout-actions-right a:after {
    left: 100%;
    margin-left: -1px;
  }
  .list-block .swipeout-actions-left {
    left: 0%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .list-block .swipeout-actions-left a:after {
    right: 100%;
    margin-right: -1px;
  }
  .list-block .item-subtitle {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  .list-block .item-text {
    font-size: .8rem;
    color: #8e8e93;
    line-height: 21px;
    position: relative;
    overflow: hidden;
    /* height: 42px; */
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .list-block.media-list .item-title,
  .list-block li.media-item .item-title {
    font-weight: 500;
    font-size: 1rem;
    height: 44px;
  }
  html.ios-gt-8 .list-block.media-list .item-title,
  html.ios-gt-8 .list-block li.media-item .item-title {
    font-weight: 600;
  }
  .list-block.media-list .item-inner,
  .list-block li.media-item .item-inner {
    display: block;
    padding-top: 10px;
    padding-bottom: 9px;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
  }
  .list-block.media-list .item-link .item-inner,
  .list-block li.media-item .item-link .item-inner {
    background: none;
    padding-right: 15px;
  }
  .list-block.media-list .item-link .item-title-row,
  .list-block li.media-item .item-link .item-title-row {
    /* padding-right: 20px; */
    background: no-repeat right center;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E"); */
    background-size: 10px 20px;
  }
  .list-block.media-list .item-media,
  .list-block li.media-item .item-media {
    padding-top: 9px;
    padding-bottom: 10px;
  }
  .list-block.media-list .item-media img,
  .list-block li.media-item .item-media img {
    display: block;
    border-radius: 4px;
  }
  .list-block.media-list .item-title-row,
  .list-block li.media-item .item-title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .list-block.media-list .item-content > .item-after,
  .list-block li.media-item .item-content > .item-after {
    margin-right: 15px;
    margin-left: 15px;
  }
  .list-block .list-group ul:after,
  .list-block .list-group ul:before {
    z-index: 25;
  }
  .list-block .list-group + .list-group ul:before {
    display: none;
  }
  .list-block .item-divider,
  .list-block .list-group-title {
    background: #F7F7F7;
    margin-top: -1px;
    padding: 4px 15px;
    white-space: nowrap;
    position: relative;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8e8e93;
    z-index: 15;
  }
  .list-block .item-divider:before,
  .list-block .list-group-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  html.pixel-ratio-2 .list-block .item-divider:before,
  html.pixel-ratio-2 .list-block .list-group-title:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block .item-divider:before,
  html.pixel-ratio-3 .list-block .list-group-title:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
  .list-block .list-group-title {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0px;
    z-index: 20;
    margin-top: 0;
  }
  .list-block .list-group-title:before {
    display: none;
  }
  .list-block .sortable-handler {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-position: center;
    width: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  .list-block.sortable .item-inner {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  .list-block.sortable-opened .sortable-handler {
    visibility: visible;
    opacity: 1;
  }
  .list-block.sortable-opened .item-inner,
  .list-block.sortable-opened .item-link .item-inner {
    padding-right: 35px;
  }
  .list-block.sortable-opened .item-link .item-inner,
  .list-block.sortable-opened .item-link .item-title-row {
    background-image: none;
  }
  .list-block.sortable-sorting li {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  .list-block li.sorting {
    z-index: 50;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
  }
  .list-block li.sorting .item-inner:after {
    display: none;
  }
  .list-block li:last-child .list-button:after {
    display: none;
  }
  .list-block li:last-child .item-inner:after,
  .list-block li:last-child li:last-child .item-inner:after {
    display: none;
  }
  .list-block li li:last-child .item-inner:after,
  .list-block li:last-child li .item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
  html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
  html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }



   /* === Cards === */
 .cards-list ul,
 .card .list-block ul {
   background: none;
 }
 .cards-list > ul:before,
 .card .list-block > ul:before {
   display: none;
 }
 .cards-list > ul:after,
 .card .list-block > ul:after {
   display: none;
 }
 .card {
   background: #fff;
   /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); */
   margin: 12px 0;
   position: relative;
   border-radius: 2px;
   font-size: 14px;
 }
 .card .list-block,
 .card .content-block {
   margin: 0;
 }
 .row:not(.no-gutter) .col > .card {
   margin-left: 0;
   margin-right: 0;
 }
 .card-content {
   position: relative;
 }
 .card-content-inner {
   padding: 15px;
   position: relative;
 }
 .card-content-inner > p:first-child {
   margin-top: 0;
 }
 .card-content-inner > p:last-child {
   margin-bottom: 0;
 }
 .card-content-inner > .list-block,
 .card-content-inner > .content-block {
   margin: -15px;
 }
 .card-header,
 .card-footer {
   min-height: 44px;
   position: relative;
   padding: 10px 15px;
   box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
 }
 .card-header[valign="top"],
 .card-footer[valign="top"] {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
 }
 .card-header[valign="bottom"],
 .card-footer[valign="bottom"] {
   -webkit-box-align: end;
   -ms-flex-align: end;
   -webkit-align-items: flex-end;
   align-items: flex-end;
   min-height: 260px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
 .card-header a.link,
 .card-footer a.link {
   line-height: 44px;
   height: 44px;
   text-decoration: none;
   position: relative;
   margin-top: -10px;
   margin-bottom: -10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-transition-duration: 300ms;
   transition-duration: 300ms;
 }
 html:not(.watch-active-state) .card-header a.link:active,
 html:not(.watch-active-state) .card-footer a.link:active,
 .card-header a.link.active-state,
 .card-footer a.link.active-state {
   opacity: 0.3;
   -webkit-transition-duration: 0ms;
   transition-duration: 0ms;
 }
 .card-header a.link i + span,
 .card-footer a.link i + span,
 .card-header a.link i + i,
 .card-footer a.link i + i,
 .card-header a.link span + i,
 .card-footer a.link span + i,
 .card-header a.link span + span,
 .card-footer a.link span + span {
   margin-left: 7px;
 }
 .card-header a.link i.icon,
 .card-footer a.link i.icon {
   display: block;
 }
 .card-header a.icon-only,
 .card-footer a.icon-only {
   min-width: 44px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   margin: 0;
 }
 .card-header {
   border-radius: 2px 2px 0 0;
   font-size: 17px;
 }
 .card-header:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   right: auto;
   top: auto;
   height: 1px;
   width: 100%;
   background-color: #e1e1e1;
   display: block;
   z-index: 15;
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
 }
 html.pixel-ratio-2 .card-header:after {
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
 html.pixel-ratio-3 .card-header:after {
   -webkit-transform: scaleY(0.33);
   transform: scaleY(0.33);
 }
 .card-header.no-border:after {
   display: none;
 }
 .card-footer {
   border-radius: 0 0 2px 2px;
   color: #6d6d72;
 }
 .card-footer:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: auto;
   right: auto;
   height: 1px;
   width: 100%;
   background-color: #e1e1e1;
   display: block;
   z-index: 15;
   -webkit-transform-origin: 50% 0%;
   transform-origin: 50% 0%;
 }
 html.pixel-ratio-2 .card-footer:before {
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
 html.pixel-ratio-3 .card-footer:before {
   -webkit-transform: scaleY(0.33);
   transform: scaleY(0.33);
 }
 .card-footer.no-border:before {
   display: none;
 }


 /* === Grid === */
 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.row > [class*="col-"] {
  box-sizing: border-box;
}
.row .col-auto {
  width: 100%;
}
.row .col-100 {
  width: 100%;
  width: -webkit-calc((100% - 15px*0) / 1);
  width: calc((100% - 15px*0) / 1);
}
.row.no-gutter .col-100 {
  width: 100%;
}
.row .col-95 {
  width: 95%;
  width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
  width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
}
.row.no-gutter .col-95 {
  width: 95%;
}
.row .col-90 {
  width: 90%;
  width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
  width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
}
.row.no-gutter .col-90 {
  width: 90%;
}
.row .col-85 {
  width: 85%;
  width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
  width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
}
.row.no-gutter .col-85 {
  width: 85%;
}
.row .col-80 {
  width: 80%;
  width: -webkit-calc((100% - 15px*0.25) / 1.25);
  width: calc((100% - 15px*0.25) / 1.25);
}
.row.no-gutter .col-80 {
  width: 80%;
}
.row .col-75 {
  width: 75%;
  width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
  width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
}
.row.no-gutter .col-75 {
  width: 75%;
}
.row .col-70 {
  width: 70%;
  width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
  width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
}
.row.no-gutter .col-70 {
  width: 70%;
}
.row .col-66 {
  width: 66.66666666666666%;
  width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
  width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
}
.row.no-gutter .col-66 {
  width: 66.66666666666666%;
}
.row .col-65 {
  width: 65%;
  width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
  width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
}
.row.no-gutter .col-65 {
  width: 65%;
}
.row .col-60 {
  width: 60%;
  width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
  width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
}
.row.no-gutter .col-60 {
  width: 60%;
}
.row .col-55 {
  width: 55%;
  width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
  width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
}
.row.no-gutter .col-55 {
  width: 55%;
}
.row .col-50 {
  width: 50%;
  width: -webkit-calc((100% - 15px*1) / 2);
  width: calc((100% - 15px*1) / 2);
}
.row.no-gutter .col-50 {
  width: 50%;
}
.row .col-45 {
  width: 45%;
  width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
  width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
}
.row.no-gutter .col-45 {
  width: 45%;
}
.row .col-40 {
  width: 40%;
  width: -webkit-calc((100% - 15px*1.5) / 2.5);
  width: calc((100% - 15px*1.5) / 2.5);
}
.row.no-gutter .col-40 {
  width: 40%;
}
.row .col-35 {
  width: 35%;
  width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
  width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
}
.row.no-gutter .col-35 {
  width: 35%;
}
.row .col-33 {
  width: 33.333333333333336%;
  width: -webkit-calc((100% - 15px*2) / 3);
  width: calc((100% - 15px*2) / 3);
}
.row.no-gutter .col-33 {
  width: 33.333333333333336%;
}
.row .col-30 {
  width: 30%;
  width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
  width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
}
.row.no-gutter .col-30 {
  width: 30%;
}
.row .col-25 {
  width: 25%;
  width: -webkit-calc((100% - 15px*3) / 4);
  width: calc((100% - 15px*3) / 4);
}
.row.no-gutter .col-25 {
  width: 25%;
}
.row .col-20 {
  width: 20%;
  width: -webkit-calc((100% - 15px*4) / 5);
  width: calc((100% - 15px*4) / 5);
}
.row.no-gutter .col-20 {
  width: 20%;
}
.row .col-15 {
  width: 15%;
  width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667);
  width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
}
.row.no-gutter .col-15 {
  width: 15%;
}
.row .col-10 {
  width: 10%;
  width: -webkit-calc((100% - 15px*9) / 10);
  width: calc((100% - 15px*9) / 10);
}
.row.no-gutter .col-10 {
  width: 10%;
}
.row .col-5 {
  width: 5%;
  width: -webkit-calc((100% - 15px*19) / 20);
  width: calc((100% - 15px*19) / 20);
}
.row.no-gutter .col-5 {
  width: 5%;
}
.row .col-auto:nth-last-child(1),
.row .col-auto:nth-last-child(1) ~ .col-auto {
  width: 100%;
  width: -webkit-calc((100% - 15px*0) / 1);
  width: calc((100% - 15px*0) / 1);
}
.row.no-gutter .col-auto:nth-last-child(1),
.row.no-gutter .col-auto:nth-last-child(1) ~ .col-auto {
  width: 100%;
}
.row .col-auto:nth-last-child(2),
.row .col-auto:nth-last-child(2) ~ .col-auto {
  width: 50%;
  width: -webkit-calc((100% - 15px*1) / 2);
  width: calc((100% - 15px*1) / 2);
}
.row.no-gutter .col-auto:nth-last-child(2),
.row.no-gutter .col-auto:nth-last-child(2) ~ .col-auto {
  width: 50%;
}
.row .col-auto:nth-last-child(3),
.row .col-auto:nth-last-child(3) ~ .col-auto {
  width: 33.33333333%;
  width: -webkit-calc((100% - 15px*2) / 3);
  width: calc((100% - 15px*2) / 3);
}
.row.no-gutter .col-auto:nth-last-child(3),
.row.no-gutter .col-auto:nth-last-child(3) ~ .col-auto {
  width: 33.33333333%;
}
.row .col-auto:nth-last-child(4),
.row .col-auto:nth-last-child(4) ~ .col-auto {
  width: 25%;
  width: -webkit-calc((100% - 15px*3) / 4);
  width: calc((100% - 15px*3) / 4);
}
.row.no-gutter .col-auto:nth-last-child(4),
.row.no-gutter .col-auto:nth-last-child(4) ~ .col-auto {
  width: 25%;
}
.row .col-auto:nth-last-child(5),
.row .col-auto:nth-last-child(5) ~ .col-auto {
  width: 20%;
  width: -webkit-calc((100% - 15px*4) / 5);
  width: calc((100% - 15px*4) / 5);
}
.row.no-gutter .col-auto:nth-last-child(5),
.row.no-gutter .col-auto:nth-last-child(5) ~ .col-auto {
  width: 20%;
}
.row .col-auto:nth-last-child(6),
.row .col-auto:nth-last-child(6) ~ .col-auto {
  width: 16.66666667%;
  width: -webkit-calc((100% - 15px*5) / 6);
  width: calc((100% - 15px*5) / 6);
}
.row.no-gutter .col-auto:nth-last-child(6),
.row.no-gutter .col-auto:nth-last-child(6) ~ .col-auto {
  width: 16.66666667%;
}
.row .col-auto:nth-last-child(7),
.row .col-auto:nth-last-child(7) ~ .col-auto {
  width: 14.28571429%;
  width: -webkit-calc((100% - 15px*6) / 7);
  width: calc((100% - 15px*6) / 7);
}
.row.no-gutter .col-auto:nth-last-child(7),
.row.no-gutter .col-auto:nth-last-child(7) ~ .col-auto {
  width: 14.28571429%;
}
.row .col-auto:nth-last-child(8),
.row .col-auto:nth-last-child(8) ~ .col-auto {
  width: 12.5%;
  width: -webkit-calc((100% - 15px*7) / 8);
  width: calc((100% - 15px*7) / 8);
}
.row.no-gutter .col-auto:nth-last-child(8),
.row.no-gutter .col-auto:nth-last-child(8) ~ .col-auto {
  width: 12.5%;
}
.row .col-auto:nth-last-child(9),
.row .col-auto:nth-last-child(9) ~ .col-auto {
  width: 11.11111111%;
  width: -webkit-calc((100% - 15px*8) / 9);
  width: calc((100% - 15px*8) / 9);
}
.row.no-gutter .col-auto:nth-last-child(9),
.row.no-gutter .col-auto:nth-last-child(9) ~ .col-auto {
  width: 11.11111111%;
}
.row .col-auto:nth-last-child(10),
.row .col-auto:nth-last-child(10) ~ .col-auto {
  width: 10%;
  width: -webkit-calc((100% - 15px*9) / 10);
  width: calc((100% - 15px*9) / 10);
}
.row.no-gutter .col-auto:nth-last-child(10),
.row.no-gutter .col-auto:nth-last-child(10) ~ .col-auto {
  width: 10%;
}
.row .col-auto:nth-last-child(11),
.row .col-auto:nth-last-child(11) ~ .col-auto {
  width: 9.09090909%;
  width: -webkit-calc((100% - 15px*10) / 11);
  width: calc((100% - 15px*10) / 11);
}
.row.no-gutter .col-auto:nth-last-child(11),
.row.no-gutter .col-auto:nth-last-child(11) ~ .col-auto {
  width: 9.09090909%;
}
.row .col-auto:nth-last-child(12),
.row .col-auto:nth-last-child(12) ~ .col-auto {
  width: 8.33333333%;
  width: -webkit-calc((100% - 15px*11) / 12);
  width: calc((100% - 15px*11) / 12);
}
.row.no-gutter .col-auto:nth-last-child(12),
.row.no-gutter .col-auto:nth-last-child(12) ~ .col-auto {
  width: 8.33333333%;
}
.row .col-auto:nth-last-child(13),
.row .col-auto:nth-last-child(13) ~ .col-auto {
  width: 7.69230769%;
  width: -webkit-calc((100% - 15px*12) / 13);
  width: calc((100% - 15px*12) / 13);
}
.row.no-gutter .col-auto:nth-last-child(13),
.row.no-gutter .col-auto:nth-last-child(13) ~ .col-auto {
  width: 7.69230769%;
}
.row .col-auto:nth-last-child(14),
.row .col-auto:nth-last-child(14) ~ .col-auto {
  width: 7.14285714%;
  width: -webkit-calc((100% - 15px*13) / 14);
  width: calc((100% - 15px*13) / 14);
}
.row.no-gutter .col-auto:nth-last-child(14),
.row.no-gutter .col-auto:nth-last-child(14) ~ .col-auto {
  width: 7.14285714%;
}
.row .col-auto:nth-last-child(15),
.row .col-auto:nth-last-child(15) ~ .col-auto {
  width: 6.66666667%;
  width: -webkit-calc((100% - 15px*14) / 15);
  width: calc((100% - 15px*14) / 15);
}
.row.no-gutter .col-auto:nth-last-child(15),
.row.no-gutter .col-auto:nth-last-child(15) ~ .col-auto {
  width: 6.66666667%;
}
.row .col-auto:nth-last-child(16),
.row .col-auto:nth-last-child(16) ~ .col-auto {
  width: 6.25%;
  width: -webkit-calc((100% - 15px*15) / 16);
  width: calc((100% - 15px*15) / 16);
}
.row.no-gutter .col-auto:nth-last-child(16),
.row.no-gutter .col-auto:nth-last-child(16) ~ .col-auto {
  width: 6.25%;
}
.row .col-auto:nth-last-child(17),
.row .col-auto:nth-last-child(17) ~ .col-auto {
  width: 5.88235294%;
  width: -webkit-calc((100% - 15px*16) / 17);
  width: calc((100% - 15px*16) / 17);
}
.row.no-gutter .col-auto:nth-last-child(17),
.row.no-gutter .col-auto:nth-last-child(17) ~ .col-auto {
  width: 5.88235294%;
}
.row .col-auto:nth-last-child(18),
.row .col-auto:nth-last-child(18) ~ .col-auto {
  width: 5.55555556%;
  width: -webkit-calc((100% - 15px*17) / 18);
  width: calc((100% - 15px*17) / 18);
}
.row.no-gutter .col-auto:nth-last-child(18),
.row.no-gutter .col-auto:nth-last-child(18) ~ .col-auto {
  width: 5.55555556%;
}
.row .col-auto:nth-last-child(19),
.row .col-auto:nth-last-child(19) ~ .col-auto {
  width: 5.26315789%;
  width: -webkit-calc((100% - 15px*18) / 19);
  width: calc((100% - 15px*18) / 19);
}
.row.no-gutter .col-auto:nth-last-child(19),
.row.no-gutter .col-auto:nth-last-child(19) ~ .col-auto {
  width: 5.26315789%;
}
.row .col-auto:nth-last-child(20),
.row .col-auto:nth-last-child(20) ~ .col-auto {
  width: 5%;
  width: -webkit-calc((100% - 15px*19) / 20);
  width: calc((100% - 15px*19) / 20);
}
.row.no-gutter .col-auto:nth-last-child(20),
.row.no-gutter .col-auto:nth-last-child(20) ~ .col-auto {
  width: 5%;
}
.row .col-auto:nth-last-child(21),
.row .col-auto:nth-last-child(21) ~ .col-auto {
  width: 4.76190476%;
  width: -webkit-calc((100% - 15px*20) / 21);
  width: calc((100% - 15px*20) / 21);
}
.row.no-gutter .col-auto:nth-last-child(21),
.row.no-gutter .col-auto:nth-last-child(21) ~ .col-auto {
  width: 4.76190476%;
}
@media all and (min-width: 768px) {
  .row .tablet-100 {
    width: 100%;
    width: -webkit-calc((100% - 15px*0) / 1);
    width: calc((100% - 15px*0) / 1);
  }
  .row.no-gutter .tablet-100 {
    width: 100%;
  }
  .row .tablet-95 {
    width: 95%;
    width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
    width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
  }
  .row.no-gutter .tablet-95 {
    width: 95%;
  }
  .row .tablet-90 {
    width: 90%;
    width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
    width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
  }
  .row.no-gutter .tablet-90 {
    width: 90%;
  }
  .row .tablet-85 {
    width: 85%;
    width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
    width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
  }
  .row.no-gutter .tablet-85 {
    width: 85%;
  }
  .row .tablet-80 {
    width: 80%;
    width: -webkit-calc((100% - 15px*0.25) / 1.25);
    width: calc((100% - 15px*0.25) / 1.25);
  }
  .row.no-gutter .tablet-80 {
    width: 80%;
  }
  .row .tablet-75 {
    width: 75%;
    width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
    width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
  }
  .row.no-gutter .tablet-75 {
    width: 75%;
  }
  .row .tablet-70 {
    width: 70%;
    width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
    width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
  }
  .row.no-gutter .tablet-70 {
    width: 70%;
  }
  .row .tablet-66 {
    width: 66.66666666666666%;
    width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
    width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
  }
  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%;
  }
  .row .tablet-65 {
    width: 65%;
    width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
    width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
  }
  .row.no-gutter .tablet-65 {
    width: 65%;
  }
  .row .tablet-60 {
    width: 60%;
    width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
    width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
  }
  .row.no-gutter .tablet-60 {
    width: 60%;
  }
  .row .tablet-55 {
    width: 55%;
    width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
    width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
  }
  .row.no-gutter .tablet-55 {
    width: 55%;
  }
  .row .tablet-50 {
    width: 50%;
    width: -webkit-calc((100% - 15px*1) / 2);
    width: calc((100% - 15px*1) / 2);
  }
  .row.no-gutter .tablet-50 {
    width: 50%;
  }
  .row .tablet-45 {
    width: 45%;
    width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
    width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
  }
  .row.no-gutter .tablet-45 {
    width: 45%;
  }
  .row .tablet-40 {
    width: 40%;
    width: -webkit-calc((100% - 15px*1.5) / 2.5);
    width: calc((100% - 15px*1.5) / 2.5);
  }
  .row.no-gutter .tablet-40 {
    width: 40%;
  }
  .row .tablet-35 {
    width: 35%;
    width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
    width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
  }
  .row.no-gutter .tablet-35 {
    width: 35%;
  }
  .row .tablet-33 {
    width: 33.333333333333336%;
    width: -webkit-calc((100% - 15px*2) / 3);
    width: calc((100% - 15px*2) / 3);
  }
  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%;
  }
  .row .tablet-30 {
    width: 30%;
    width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
    width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
  }
  .row.no-gutter .tablet-30 {
    width: 30%;
  }
  .row .tablet-25 {
    width: 25%;
    width: -webkit-calc((100% - 15px*3) / 4);
    width: calc((100% - 15px*3) / 4);
  }
  .row.no-gutter .tablet-25 {
    width: 25%;
  }
  .row .tablet-20 {
    width: 20%;
    width: -webkit-calc((100% - 15px*4) / 5);
    width: calc((100% - 15px*4) / 5);
  }
  .row.no-gutter .tablet-20 {
    width: 20%;
  }
  .row .tablet-15 {
    width: 15%;
    width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667);
    width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
  }
  .row.no-gutter .tablet-15 {
    width: 15%;
  }
  .row .tablet-10 {
    width: 10%;
    width: -webkit-calc((100% - 15px*9) / 10);
    width: calc((100% - 15px*9) / 10);
  }
  .row.no-gutter .tablet-10 {
    width: 10%;
  }
  .row .tablet-5 {
    width: 5%;
    width: -webkit-calc((100% - 15px*19) / 20);
    width: calc((100% - 15px*19) / 20);
  }
  .row.no-gutter .tablet-5 {
    width: 5%;
  }
  .row .tablet-auto:nth-last-child(1),
  .row .tablet-auto:nth-last-child(1) ~ .col-auto {
    width: 100%;
    width: -webkit-calc((100% - 15px*0) / 1);
    width: calc((100% - 15px*0) / 1);
  }
  .row.no-gutter .tablet-auto:nth-last-child(1),
  .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto {
    width: 100%;
  }
  .row .tablet-auto:nth-last-child(2),
  .row .tablet-auto:nth-last-child(2) ~ .col-auto {
    width: 50%;
    width: -webkit-calc((100% - 15px*1) / 2);
    width: calc((100% - 15px*1) / 2);
  }
  .row.no-gutter .tablet-auto:nth-last-child(2),
  .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto {
    width: 50%;
  }
  .row .tablet-auto:nth-last-child(3),
  .row .tablet-auto:nth-last-child(3) ~ .col-auto {
    width: 33.33333333%;
    width: -webkit-calc((100% - 15px*2) / 3);
    width: calc((100% - 15px*2) / 3);
  }
  .row.no-gutter .tablet-auto:nth-last-child(3),
  .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto {
    width: 33.33333333%;
  }
  .row .tablet-auto:nth-last-child(4),
  .row .tablet-auto:nth-last-child(4) ~ .col-auto {
    width: 25%;
    width: -webkit-calc((100% - 15px*3) / 4);
    width: calc((100% - 15px*3) / 4);
  }
  .row.no-gutter .tablet-auto:nth-last-child(4),
  .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto {
    width: 25%;
  }
  .row .tablet-auto:nth-last-child(5),
  .row .tablet-auto:nth-last-child(5) ~ .col-auto {
    width: 20%;
    width: -webkit-calc((100% - 15px*4) / 5);
    width: calc((100% - 15px*4) / 5);
  }
  .row.no-gutter .tablet-auto:nth-last-child(5),
  .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto {
    width: 20%;
  }
  .row .tablet-auto:nth-last-child(6),
  .row .tablet-auto:nth-last-child(6) ~ .col-auto {
    width: 16.66666667%;
    width: -webkit-calc((100% - 15px*5) / 6);
    width: calc((100% - 15px*5) / 6);
  }
  .row.no-gutter .tablet-auto:nth-last-child(6),
  .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto {
    width: 16.66666667%;
  }
  .row .tablet-auto:nth-last-child(7),
  .row .tablet-auto:nth-last-child(7) ~ .col-auto {
    width: 14.28571429%;
    width: -webkit-calc((100% - 15px*6) / 7);
    width: calc((100% - 15px*6) / 7);
  }
  .row.no-gutter .tablet-auto:nth-last-child(7),
  .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto {
    width: 14.28571429%;
  }
  .row .tablet-auto:nth-last-child(8),
  .row .tablet-auto:nth-last-child(8) ~ .col-auto {
    width: 12.5%;
    width: -webkit-calc((100% - 15px*7) / 8);
    width: calc((100% - 15px*7) / 8);
  }
  .row.no-gutter .tablet-auto:nth-last-child(8),
  .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto {
    width: 12.5%;
  }
  .row .tablet-auto:nth-last-child(9),
  .row .tablet-auto:nth-last-child(9) ~ .col-auto {
    width: 11.11111111%;
    width: -webkit-calc((100% - 15px*8) / 9);
    width: calc((100% - 15px*8) / 9);
  }
  .row.no-gutter .tablet-auto:nth-last-child(9),
  .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto {
    width: 11.11111111%;
  }
  .row .tablet-auto:nth-last-child(10),
  .row .tablet-auto:nth-last-child(10) ~ .col-auto {
    width: 10%;
    width: -webkit-calc((100% - 15px*9) / 10);
    width: calc((100% - 15px*9) / 10);
  }
  .row.no-gutter .tablet-auto:nth-last-child(10),
  .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto {
    width: 10%;
  }
  .row .tablet-auto:nth-last-child(11),
  .row .tablet-auto:nth-last-child(11) ~ .col-auto {
    width: 9.09090909%;
    width: -webkit-calc((100% - 15px*10) / 11);
    width: calc((100% - 15px*10) / 11);
  }
  .row.no-gutter .tablet-auto:nth-last-child(11),
  .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto {
    width: 9.09090909%;
  }
  .row .tablet-auto:nth-last-child(12),
  .row .tablet-auto:nth-last-child(12) ~ .col-auto {
    width: 8.33333333%;
    width: -webkit-calc((100% - 15px*11) / 12);
    width: calc((100% - 15px*11) / 12);
  }
  .row.no-gutter .tablet-auto:nth-last-child(12),
  .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto {
    width: 8.33333333%;
  }
  .row .tablet-auto:nth-last-child(13),
  .row .tablet-auto:nth-last-child(13) ~ .col-auto {
    width: 7.69230769%;
    width: -webkit-calc((100% - 15px*12) / 13);
    width: calc((100% - 15px*12) / 13);
  }
  .row.no-gutter .tablet-auto:nth-last-child(13),
  .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto {
    width: 7.69230769%;
  }
  .row .tablet-auto:nth-last-child(14),
  .row .tablet-auto:nth-last-child(14) ~ .col-auto {
    width: 7.14285714%;
    width: -webkit-calc((100% - 15px*13) / 14);
    width: calc((100% - 15px*13) / 14);
  }
  .row.no-gutter .tablet-auto:nth-last-child(14),
  .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto {
    width: 7.14285714%;
  }
  .row .tablet-auto:nth-last-child(15),
  .row .tablet-auto:nth-last-child(15) ~ .col-auto {
    width: 6.66666667%;
    width: -webkit-calc((100% - 15px*14) / 15);
    width: calc((100% - 15px*14) / 15);
  }
  .row.no-gutter .tablet-auto:nth-last-child(15),
  .row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto {
    width: 6.66666667%;
  }
  .row .tablet-auto:nth-last-child(16),
  .row .tablet-auto:nth-last-child(16) ~ .col-auto {
    width: 6.25%;
    width: -webkit-calc((100% - 15px*15) / 16);
    width: calc((100% - 15px*15) / 16);
  }
  .row.no-gutter .tablet-auto:nth-last-child(16),
  .row.no-gutter .tablet-auto:nth-last-child(16) ~ .tablet-auto {
    width: 6.25%;
  }
  .row .tablet-auto:nth-last-child(17),
  .row .tablet-auto:nth-last-child(17) ~ .col-auto {
    width: 5.88235294%;
    width: -webkit-calc((100% - 15px*16) / 17);
    width: calc((100% - 15px*16) / 17);
  }
  .row.no-gutter .tablet-auto:nth-last-child(17),
  .row.no-gutter .tablet-auto:nth-last-child(17) ~ .tablet-auto {
    width: 5.88235294%;
  }
  .row .tablet-auto:nth-last-child(18),
  .row .tablet-auto:nth-last-child(18) ~ .col-auto {
    width: 5.55555556%;
    width: -webkit-calc((100% - 15px*17) / 18);
    width: calc((100% - 15px*17) / 18);
  }
  .row.no-gutter .tablet-auto:nth-last-child(18),
  .row.no-gutter .tablet-auto:nth-last-child(18) ~ .tablet-auto {
    width: 5.55555556%;
  }
  .row .tablet-auto:nth-last-child(19),
  .row .tablet-auto:nth-last-child(19) ~ .col-auto {
    width: 5.26315789%;
    width: -webkit-calc((100% - 15px*18) / 19);
    width: calc((100% - 15px*18) / 19);
  }
  .row.no-gutter .tablet-auto:nth-last-child(19),
  .row.no-gutter .tablet-auto:nth-last-child(19) ~ .tablet-auto {
    width: 5.26315789%;
  }
  .row .tablet-auto:nth-last-child(20),
  .row .tablet-auto:nth-last-child(20) ~ .col-auto {
    width: 5%;
    width: -webkit-calc((100% - 15px*19) / 20);
    width: calc((100% - 15px*19) / 20);
  }
  .row.no-gutter .tablet-auto:nth-last-child(20),
  .row.no-gutter .tablet-auto:nth-last-child(20) ~ .tablet-auto {
    width: 5%;
  }
  .row .tablet-auto:nth-last-child(21),
  .row .tablet-auto:nth-last-child(21) ~ .col-auto {
    width: 4.76190476%;
    width: -webkit-calc((100% - 15px*20) / 21);
    width: calc((100% - 15px*20) / 21);
  }
  .row.no-gutter .tablet-auto:nth-last-child(21),
  .row.no-gutter .tablet-auto:nth-last-child(21) ~ .tablet-auto {
    width: 4.76190476%;
  }
}

/* === Floating Action Button === */
.floating-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1500;
  background-color: #007aff;
  color: #fff;
  overflow: hidden;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}


/* === Content Block === */
.content-block {
  margin: 35px 0;
  padding: 0 15px;
  color: #6d6d72;
  box-sizing: border-box;
}
.content-block-title {
  position: relative;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  color: #6d6d72;
  margin: 35px 15px 10px;
}
.content-block-title + .list-block,
.content-block-title + .content-block,
.content-block-title + .card {
  margin-top: 10px;
}
.content-block-inner {
  background: #fff;
  padding: 10px 15px;
  margin-left: -15px;
  width: 100%;
  position: relative;
  color: #000;
}
.content-block-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
html.pixel-ratio-2 .content-block-inner:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.pixel-ratio-3 .content-block-inner:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.content-block-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.pixel-ratio-2 .content-block-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.pixel-ratio-3 .content-block-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.content-block.inset {
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 7px;
}
.content-block.inset .content-block-inner {
  border-radius: 7px;
}
.content-block.inset .content-block-inner:before {
  display: none;
}
.content-block.inset .content-block-inner:after {
  display: none;
}
@media all and (min-width: 768px) {
  .content-block.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px;
  }
  .content-block.tablet-inset .content-block-inner {
    border-radius: 7px;
  }
  .content-block.tablet-inset .content-block-inner:before {
    display: none;
  }
  .content-block.tablet-inset .content-block-inner:after {
    display: none;
  }
}